Android ScrollView+ViewPager+PullToRefreshListView
想达到此界面的风格
然后ViewPage里面第一个Fragment是一个瀑布流 这个瀑布流要有加载跟多
在ScrollView中,嵌套ViewPager,在ViewPager的每页使用Fragment并且Fragment中使用PullToRefreshListView,整体放在Fragment中banner相当于header
需要达到要求:
1、当下拉banner时,要求可以重新加载当前ViewPager显示页签中PullToRefreshListView的内容
2、当在PullToRefreshListView下拉时候,触发ScrollView中的事件,此事件显示“正在刷新的进度条”,此进度条放在banner上面
3、当用户在ViewPager的区域向上滑动的时候,scrollview的中的banner要求能自动顶上去,当banner不可见的时候,上下滑动控制在viewpager中4、当用户在ViewPager的区域向下滑动的时候,如果scrollview的中的banner不可见,则滑动区域在viewpager中下滑;如果viewpager中滑动到一定程度的时候就相应scrollview的滑动,这样banner可以再现出来
我现在的问题是:
1、在ViewPager中做上滑的时候,有时header顶不上去,即滑动区域在viewpager中,
2、在ViewPager中做下滑的时候,有时heade下不来,即滑动区域在viewpager中,
要怎么拦截事件,不明白了请各位同学多指教
http://www.eoeandroid.com/thread-549583-1-1.html 此贴说可以这样做,但是我想问的是监听ScrollView滑动位置怎么写,在什么时候拦截tab事件,ViewPager的事件什么时候拦截,什么时候释放,,,一大堆问题搞不定。。。。
- 步奏是这样的(ScrollView)先监听ScrollView滑动的位置(要做下拉刷新)当过了banner下面的Tab时就把事件拦截释放掉 让ViewPager来获取和分发事件 ViewPager的高度要计算到和显示区域一样大就是要包括上面banner的高度,因为后面banner要顶上去 回拉的时候记得监听是否到了item第一项 要把事件全部还给ScrollView ScrollView是不会拦截点解事件的 所以没有问题 这个东西的难点就是把事件搞清楚 View的区域和高度要弄清楚
我现在的代码:
1、自定义ScrollViewExtend控件
- package com.nd.cosplay.ui.social.home;
- import javax.xml.datatype.Duration;
- import com.nd.cosplay.R;
- import com.nd.cosplay.common.utils.ToastUtil;
- import android.content.Context;
- import android.os.Handler;
- import android.util.AttributeSet;
- import android.util.Log;
- import android.view.LayoutInflater;
- import android.view.MotionEvent;
- import android.view.View;
- import android.widget.AbsListView;
- import android.widget.AbsListView.OnScrollListener;
- import android.widget.ArrayAdapter;
- import android.widget.LinearLayout;
- import android.widget.ListView;
- import android.widget.ProgressBar;
- import android.widget.ScrollView;
- import android.widget.TextView;
- import android.widget.Toast;
- /**
- * 能够兼容ViewPager的ScrollView
- * @Description: 解决了ViewPager在ScrollView中的滑动反弹问题
- * @File: ScrollViewExtend.java
- * @Package com.image.indicator.control
- * @Author Hanyonglu
- * @Date 2012-6-18 下午01:34:50
- * [url=home.php?mod=space&uid=85817]@version[/url] V1.0
- */
- public class ScrollViewExtend extends ScrollView {
- public static final int MSG_LOAD = 0x123;// 进行加载信息
- public static final int MSG_FINISH = 0x124;// 完成加载信息
- LayoutInflater mLayoutInflate;// 用来获得xml的
- View mLayoutView;// 我的自定义view
- float touchLastY, touchLastX; // 最近那次触屏的Y坐标
- int touchDeltaY; // 两次Y坐标的间隔
- private LinearLayout childView;
- LinearLayout mLinearLayout;// 自定义布局中的根布局
- ProgressBar mProgressBar;// 自定义布局中的ProgressBar
- TextView mTextView;// 自定义布局中的TextView
- // 滑动距离及坐标
- private float xDistance, yDistance, xLast, yLast;
- public ScrollViewExtend(Context context, AttributeSet attrs, int defStyle) {
- super(context, attrs, defStyle);
- init(context);
- }
- public ScrollViewExtend(Context context, AttributeSet attrs) {
- super(context, attrs);
- init(context);
- }
- public ScrollViewExtend(Context context) {
- super(context);
- init(context);
- }
- public void init(Context context) {// 初始化变量
- // 获得布局管理对象
- mLayoutInflate = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
- // 对自定义布局中的各个组件进行初始化
- mLayoutView = mLayoutInflate.inflate(R.layout.load_view, null);
- mLinearLayout = (LinearLayout) mLayoutView.findViewById(R.id.load_layout);
- mProgressBar = (ProgressBar) mLayoutView.findViewById(R.id.load_progress);
- mTextView = (TextView) mLayoutView.findViewById(R.id.load_text);
- touchLastY = 0.0f;
- touchDeltaY = ;
- }
- @Override
- public boolean onInterceptTouchEvent(MotionEvent ev) {
- switch (ev.getAction()) {
- case MotionEvent.ACTION_DOWN:
- xDistance = yDistance = 0f;
- xLast = ev.getX();
- yLast = ev.getY();
- break;
- case MotionEvent.ACTION_MOVE:
- final float curX = ev.getX();
- final float curY = ev.getY();
- xDistance += Math.abs(curX - xLast);
- yDistance += Math.abs(curY - yLast);
- xLast = curX;
- yLast = curY;
- // 左右滑动不拦截TouchEvent
- if (xDistance > yDistance) {
- return false;
- }
- }
- return super.onInterceptTouchEvent(ev);
- }
- @Override
- public boolean onTouchEvent(MotionEvent ev) {
- int action = ev.getAction();
- float curY = ev.getY();
- switch (action) {
- case MotionEvent.ACTION_DOWN:
- touchLastY = curY;
- break;
- case MotionEvent.ACTION_MOVE:
- touchDeltaY = (int) (curY - touchLastY);
- // 当上拉或者下来的y超过200时候,显示正在加载
- if (touchDeltaY > || touchDeltaY < -) {
- // getParent().requestDisallowInterceptTouchEvent(true);
- // 发送消息显示正在加载
- h.sendEmptyMessage(MSG_LOAD);
- }
- break;
- case MotionEvent.ACTION_UP:
- h.sendEmptyMessage(MSG_FINISH);
- // getParent().requestDisallowInterceptTouchEvent(false);
- break;
- case MotionEvent.ACTION_CANCEL:
- // getParent().requestDisallowInterceptTouchEvent(false);
- break;
- }
- return super.onTouchEvent(ev);
- }
- Handler h = new Handler() {
- public void handleMessage(android.os.Message msg) {
- if (msg.what == MSG_LOAD) {// 更新
- ToastUtil.makeToast(getContext(), "开始加载");
- mTextView.setText("加载数据");
- mProgressBar.setVisibility(View.VISIBLE);
- mTextView.setVisibility(View.VISIBLE);
- } else if (msg.what == MSG_FINISH) {// 完成
- mProgressBar.setVisibility(View.GONE);
- mTextView.setText("更新完成");
- ToastUtil.makeToast(getContext(), "更新完成");
- }
- };
- };
- }
2、自定义ScrollViewPager控件
- package com.nd.cosplay.ui.social.home;
- import android.content.Context;
- import android.support.v4.view.ViewPager;
- import android.util.AttributeSet;
- import android.view.MotionEvent;
- import android.widget.LinearLayout;
- import android.widget.RelativeLayout;
- public class ScrollViewPager extends ViewPager {
- ViewPager child_viewpager;
- float startX;
- /**
- * @param context
- * @param attrs
- */
- public ScrollViewPager(Context context, AttributeSet attrs) {
- super(context, attrs);
- }
- @Override
- public boolean onInterceptTouchEvent(MotionEvent arg0) {
- int action = arg0.getAction();
- switch (action) {
- case MotionEvent.ACTION_DOWN:// 按下
- startX = arg0.getX();
- getParent().requestDisallowInterceptTouchEvent(true);
- break;
- // 滑动,在此对里层viewpager的第一页和最后一页滑动做处理
- case MotionEvent.ACTION_MOVE:
- if (startX == arg0.getX()) {
- if ( == getCurrentItem() || getCurrentItem() == getAdapter().getCount() - ) {
- getParent().requestDisallowInterceptTouchEvent(false);
- }
- }
- // 里层viewpager已经是最后一页,此时继续向右滑(手指从右往左滑)
- else if (startX > arg0.getX()) {
- if (getCurrentItem() == getAdapter().getCount() - ) {
- getParent().requestDisallowInterceptTouchEvent(false);
- }
- }
- // 里层viewpager已经是第一页,此时继续向左滑(手指从左往右滑)
- else if (startX < arg0.getX()) {
- if (getCurrentItem() == ) {
- getParent().requestDisallowInterceptTouchEvent(false);
- }
- } else {
- getParent().requestDisallowInterceptTouchEvent(true);
- }
- break;
- case MotionEvent.ACTION_UP:// 抬起
- case MotionEvent.ACTION_CANCEL:
- getParent().requestDisallowInterceptTouchEvent(false);
- break;
- }
- return super.onInterceptTouchEvent(arg0);
- }
- }
3、总的界面放在一个Fragment中,此xml配置文件为
- <?xml version="1.0" encoding="utf-8"?>
- <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:id="@+id/sc_main"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:orientation="vertical" >
- <com.nd.cosplay.ui.social.home.ScrollViewExtend
- android:id="@+id/scrollView1"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:fillViewport="true" >
- <LinearLayout
- android:id="@+id/mylayout"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:orientation="vertical" >
- <!-- header为固定的头 -->
- <include layout="@layout/social_user_homepage_header" />
- <com.nd.cosplay.ui.social.home.ScrollViewPager
- android:id="@+id/child_viewpager"
- android:layout_width="fill_parent"
- android:layout_height="800dp" >
- </com.nd.cosplay.ui.social.home.ScrollViewPager>
- </LinearLayout>
- </com.nd.cosplay.ui.social.home.ScrollViewExtend>
- </LinearLayout>
Android ScrollView+ViewPager+PullToRefreshListView的更多相关文章
- Android ScrollView监听滑动到顶部和底部的两种方式(你可能不知道的细节)
Android ScrollView监听滑动到顶部和底部,虽然网上很多资料都有说,但是不全,而且有些细节没说清楚 使用场景: 1. 做一些复杂动画的时候,需要动态判断当前的ScrollView是否滚动 ...
- Android中viewPager的一两点使用
Android中viewPager的一两点使用 viewPager是谷歌官方提供的一种方便实现页面滑动效果的控件,可以直接使用也可以和fragment联合使用.这里只简单说下直接使用. 使用viewP ...
- Android中ViewPager+Fragment取消(禁止)预加载延迟加载(懒加载)问题解决方案
转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/53205878本文出自[DylanAndroid的博客] Android中Vie ...
- android之ViewPager
在android中ViewPager是非常常用的控件.它在android.support.v4.view.ViewPager下.你们自己可以进http://developer.android.com/ ...
- Android listview viewpager解决冲突 滑动
Android listview viewpager滑动 跳动 冲突解决 ListView中嵌套ViewPage有或者滑动手势冲突解决 在listview 上使用 addHeaderView 在第 ...
- Android 使用ViewPager实现左右循环滑动图片
ViewPager这个小demo实现的是可以左右循环滑动图片,下面带索引,滑到最后一页在往右滑动就要第一页,第一页往左滑动就到最后一页,先上效果图,用美女图片是我一贯的作风,呵呵 1. 首先看一 ...
- Android ScrollView用法
Android ScrollView用法 今天试着使用了一下Android的滚轮,以下是一个小小的测试,读取测试文件,主要是使用scrollTo函数和getScrollY(),程序点击BUTTON按钮 ...
- android使用ViewPager实现欢迎引导页
android使用ViewPager实现欢迎引导页 大多数APP第一次启动的时候,都会有一个引导界面,左右滑动,到最后一张,用户点击才再次进入主界面.当第二次启动的时候,则直接进入主界面. 这种效果一 ...
- android下ViewPager的使用,带下部选项栏的切换动画
(文章针对类似我这种初学者,大神看到不要嘲笑) 演示 我的规矩是先上GIF动画效果(Linux下用转的GIF,清晰度还可以但是不知道为什么放博客上,界面会这么大): 代码: android中有View ...
随机推荐
- template_11实参演绎
1,演绎过程匹配类型A(来自实参的类型),参数化类型P(行参参数声明)如果被声明的参数是一个引用声明g(T& )那么P就是所引用类型T:f(T)中P就是所声明的参数类: decay指从数组和函 ...
- OD常用断点
OD常用断点 很全很全 常用断点 拦截窗口: bp CreateWindow 创建窗口 bp CreateWindowEx(A) 创建窗口 bp ShowWindow 显示窗口 bp UpdateWi ...
- 第三章 用SDK编译出第一个在Linux下的软件界面
第三章 用SDK编译出第一个在Linux下的软件界面 先创建一个工程目录“mkdir project1”,进入目录,创建main.cpp文件,编写代码如下: 代码内容暂时可以先不理解,先让程序跑起来再 ...
- PHP 魔术方法 __get __set (二)
慢慢长寻夜,明月高空挂 __get() - 读取不可访问属性的值时,__get() 会被调用 __set() - 在给不可访问属性赋值时,__set() 会被调用 <?php /** * 清晰的 ...
- 【解惑】深入jar包:从jar包中读取资源文件
[解惑]深入jar包:从jar包中读取资源文件 http://hxraid.iteye.com/blog/483115 TransferData组件的spring配置文件路径:/D:/develop/ ...
- 一种C# TCP异步编程中遇到的问题
最近在维护公司的一个socket服务端工具,该工具主要是提供两个socket server服务,对两端连接的程序进行数据的透明转发. 程序运行期间,遇到一个问题,程序的一端是GPRS设备,众所周知,G ...
- 解决svn “clean up" 失败
解决方法:清空svn的队列 1.下载sqlite3.exe 2.找到你项目的.svn文件,查看是否存在wc.db 3.将sqlite3.exe放到.svn的同级目录 4.启动cmd执行sqlite3 ...
- CentOS 安装jdk1.7 64位
[root@localhost ~]# java -versionjava version "1.6.0"OpenJDK Runtime Environment (build 1. ...
- try catch finally 关闭流标准的写法
平常开发中,都知道要在finlly里关闭流,但是有时finlly里代码不当,会引起另外的异常. 以下是看struts2源代码看到的,随手记录下. 有两点注意: (1)判断流是否为空. (2)filly ...
- Ecshop与Jquery冲突的完美解决方案
ecshop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的. 但恰恰的,在封装JSON各种方法的同时对objec ...