仿淘宝商品详情页的"拖动效果",和拖出来的"导航置顶"滑动导航下的视图

csdn也有demo叫仿淘宝商品详情页 大家不要给我推荐那个,因为那个的布局拖动直接置顶的效果是有,但是放的是图片,没有解决下面放viewpager所出现的问题。现在把下面拖出来的布局换成横向滚动的导航+pager内fragment切换。出现如下问题:
viewpager 不显示 解决办法有两种。
第 一种方式是给嵌套pager的scrollview 加android:fillViewport="true"
第二种方式是 viewpager高度设置固定值。

?但是第一种方式又出现的问题是,滑动到下面布局后 横向导航置顶对 下面内容滑动对 但是向下滑由于走到了viewpager布局的scrollview滚动事件 不走主布局中的scrollview事件了。无法向下滑动拖拽回上一页了。

?第二种方式出现的问题是, 滑动到下一页后 导航栏不置顶 跟随页面滚动。然后由于pager高度固定的 pager内容显示不全,并且 scrollview和pager 滑动冲突也已经判断滚动xy哪个更大,pager滑动还是不灵敏。

1

1个回答

1
qq_16360191
qq_16360191 回复xinyimamu: 那该怎么解决呢,
大约 4 年之前 回复
qq_16360191
qq_16360191 回复xinyimamu: 那该怎么解决呢,
大约 4 年之前 回复
qq_16360191
qq_16360191 回复xinyimamu: 那该怎么解决呢,
大约 4 年之前 回复
qq_16360191
qq_16360191 回复xinyimamu: 那该怎么解决呢,
大约 4 年之前 回复
qq_16360191
qq_16360191 回复xinyimamu: 那该怎么解决呢,
大约 4 年之前 回复
qq_16360191
qq_16360191 回复xinyimamu: 那该怎么解决呢,
大约 4 年之前 回复
qq_16360191
qq_16360191 回复xinyimamu: 那该怎么解决呢,
大约 4 年之前 回复
xinyimamu
xinyimamu 这个不行的,下面的布局他放的是图片,拖拽上来没有问题,但是把图片换成pager pager的布局里又有scrollview 控制pager内容滚动, 这时 滑出来下面的布局后, 下面的布局来回滚动 滚不回上面的布局了。
大约 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
仿淘宝商品详情页TabLayout+ListView
第一次写博客,我是一名Android的小码农写代码也有三四年了。有点好玩的跟大家分享一下 项目对商品详情页改版有新需求。顶部是一个渐变的Title包括“宝贝”,“详情”,“推荐”三个文本,下边是一个竖向滑动的列表显示商品详情和推荐商品。要求两部分关联起来,也就是点横向的文本下边的列表能滑动到相应item,相反亦然。   自然而然我就想到了 TabLayout + ListView实现(Recy
swift-iOS仿淘宝商品详情页
仿淘宝商品详情页
Android开发之仿淘宝商品详情页
看到有人在问如何实现淘宝商品详情页效果,手痒了就撸了一个,献上效果图 大致梳理一下思路,这里不提供源码 状态栏透明使用开源库StatusBarCompat,为了兼容手机4.4 dependencies { compile ('com.github.niorgai:StatusBarCompat:2.1.4', { exclude group: 'c...
高仿淘宝商品详情页
高仿淘宝商品详情页面,人比较懒介绍就这么多
仿淘宝大学的导航
仿淘宝的大学的导航,有折页的效果!欢迎大家现在,也欢迎提出疑问!
仿淘宝导航
仿天猫导航为前端开发提供的一个导航效果。有助于学习
仿淘宝左侧导航
基于jQuery实现的仿淘宝左侧导航,淘宝天猫左侧多级导航菜单代码。
仿淘宝的左边导航
谁有发我一个,万分感谢!!rn哎,本来自己有好几个导航,奈何主管硬要那个,纠结中。。。。。。。。。。。
纯css弹出导航,仿京东商城商品导航效果
纯css弹出导航,仿京东商城商品导航效果。超酷的css弹出式菜单
jquery滑动导航效果
jquery滑动导航效果,动感十足,资源来源于:http://www.jiaoben8.cn
滑动导航效果FragmentViewPager
项目前做的一个FragmentViewPager滑动导航效果,希望可以帮助到大家。
仿淘宝网站的导航标签效果
仿淘宝网站的导航标签效果
仿京东导航效果
仿京东导航效果(竖向导航),商城导航,向右边延展的导航。
仿苹果效果导航
仿苹果效果导航,很炫,很漂亮,做导航可以借鉴下
仿网易新闻客户端 滑动导航
仿网易新闻客户端 滑动导航 网易 滑动 导航 源码 demo
仿网易新闻客户端滑动导航
工作中用到的,现在分享给大家,可以实现两边的滑动
仿搜狐新闻客户端滑动导航
仿搜狐新闻客户端滑动导航
仿 网易新闻客户端 滑动导航
仿 网易新闻客户端 滑动导航,android源码,0分下载了
自定义ViewGroup实现仿淘宝的商品详情页
最近公司在新版本上有一个需要, 要在首页添加一个滑动效果, 具体就是仿照X宝的商品详情页, 拉到页面底部时有一个粘滞效果,  如下图 X东的商品详情页,如果用户继续向上拉的话就进入商品图文描述界面: 刚开始想拿来主义,直接从网上找个现成的demo来用, 但是网上无一例外的答案都特别统一: 几乎全部是ScrollView中再套两个ScrollView, 或者是一个LinearLay
自定义VIewGroup实现仿淘宝商品详情页
仿照X宝的商品详情页, 拉到页面底部时有一个粘滞效果,如果用户继续向上拉的话就进入下一页
仿淘宝商品详情页标题渐变
简易仿淘宝商品详情页面标题渐变的demo,可以做适当修改
阿里巴巴的滑动TAB导航效果
阿里巴巴的滑动TAB导航效果 阿里巴巴的滑动TAB导航效果阿里巴巴的滑动TAB导航效果 阿里巴巴的滑动TAB导航效果
仿淘宝京东拖拽商品详情页上下滚动黏滞效果
比较常用的效果,有现成的,如此甚好!:) import android.content.Context; import android.content.res.TypedArray; import android.support.v4.view.ViewCompat; import android.support.v4.view.ViewPager; import android.u
Android 仿京东淘宝 商品详情页 商品图片效果
最近重构商品,产品要求,按照淘宝京东来。。。。 成品如图这个效果 思路就是监听外边ScrollView的滑动监听,然后给上边图片设置margin,二话不说上代码 简单的界面布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_widt
仿淘宝继续拖动显示详情页
仿淘宝,当界面拉到底部的时候,会显示,继续拖动显示详情页,会拖出下一页面。
滑动导航
private static final String[] TITLE = new String[] { "头条", "房产", "另一面", "女人", "财经", "数码", "情感", "科技", "科技", "科技", "科技", "科技", "科技", "科技", "科技", "科技" }; @Override protected void onCrea
导航滑动
package com.example.viewpageindicator; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; i
Tab+List导航(滑动+点击导航)
1.在activity_main.xml中设置为:   android.support.v4.view.ViewPager         android:id="@+id/vp_content_main"         android:layout_width="match_parent"         android:layout_height="match_p
仿淘宝商城分类导航效果
仿淘宝商城分类导航效果,像淘宝商城分类导航那样,鼠标移到上面,滑出一个内容分类层。效果很炫,很漂亮哦。
仿阿里云导航悬浮框效果
仿阿里云导航效果,兼容IE9以上及主流浏览器
CSS+DIV 仿flash导航效果
这是一个很漂亮的CSS+DIV 仿flash导航效果的广告 可以应用到很多网页中 十分实用
仿淘宝网导航效果htm
仿淘宝网导航效果仿淘宝网导航效果仿淘宝网导航效果
仿百度导航跟随效果
&amp;lt;!doctype html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;&amp;lt;title&amp;gt;导航滑动跟随效果&amp;lt;/title&amp;gt;&amp;lt;script src=&quot;http://libs.baidu.com/jquery/1.10.2/jquery.min.js&quot;&amp;gt;&a
仿淘宝UED的左边跟随鼠标滑动导航
仿淘宝UED的左边跟随鼠标滑动导航
Android——仿美团商品详情页折叠效果
首先看下效果图:      相信大家已经不陌生了,进入商品详情页,首先是左图的效果,当我们向上滑动的时候逐渐变化为右图的效果。使用知识点:MaterialDesign中的CoordinatoryLayout,ToolBarLayout,CollapsingToolBarLayout。源码如下: 1、xml布局文件<?xml version="1.0" encoding="utf-8"?> <a
商品详情页商品放大镜效果
源码下载地址:https://gitee.com/meijunna/lunbohtml&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt; &amp;lt;html xmlns=&quot;http://www.w3...
仿淘宝详情页
可以实现累死与淘宝详情页的滑动效果
仿淘宝详情页的商品详情
先上效果图 效果就是上面图片的效果 接下来看看如何实现 首先我们来看下布局文件  &amp;lt;LinearLayout android:id=&quot;@+id/header&quot; android:layout_width=&quot;match_parent&quot; android:layout_height=&quot;72dp&quot; ...
导航块效果,导航块效果,导航块效果
当导航块中有很好的效果,当鼠标点击某个导航中文字背景变化。
仿淘宝的详情页图片切换
鼠标放在小图片上,上面的大图会切换到相应的图片html代码:css代码:js代码: