高仿QQlistview滑动删除+下拉刷新

最新推荐文章于 2017-07-29 18:35:13 发布
最新推荐文章于 2017-07-29 18:35:13 发布
阅读量1k 收藏
点赞数 1
分类专栏： Android 文章标签： Android listview qq
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mvp4545945/article/details/44852531
版权

SweepListView，item滑动listview代码

public class SweepListView extends ListView{
	
	private SweepLayout mDownView;
	private SweepLayout mLastDownView;
	private int mDownX, mDownY;
	private boolean mInterceptlEvent = false;
	
	private int mSlop;
	private final static int TAN = 2;
	
	private int mState = INIT_STATE;
	private final static int INIT_STATE = 0; //初始状态
	private final static int HORIZONTAL_STATE = 1; //item在水平滚动状态
	private final static int VERTICAL_STATE = 2; //item在垂直滚动状态
	
	private int mScrolledState = NO_VIEW_SCROLLED;
	private final static int NO_VIEW_SCROLLED = 3;  //没有item处于scroll状态
	private final static int CURRENT_VIEW_SCROLLED = 4; //当前的item处于scroll状态（点击的item为scroll的item）
	private final static int LAST_VIEW_SCROLLED = 5; //上一个item处于scroll状态
	
	private boolean mIsListViewCanPull = true;
	
	private int mScrollState = 0;
	
	private int mMinFlingVelocity;
	private int mMaxFlingVelocity;
	
	private VelocityTracker mVelocityTracker;
	
	private int mFirstVisiblePosition;
	
	private View mHeaderView;

	@SuppressLint("Recycle")
	public SweepListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		ViewConfiguration vc = ViewConfiguration.get(context);
		mSlop = vc.getScaledTouchSlop();
		
		mMinFlingVelocity = vc.getScaledMinimumFlingVelocity();
		mMaxFlingVelocity = vc.getScaledMaximumFlingVelocity();
		
		mVelocityTracker = VelocityTracker.obtain();
		
		this.setOnScrollListener(new OnScrollListener(){

			@Override
			public void onScrollStateChanged(AbsListView view, int scrollState) {
				// TODO Auto-generated method stub
				mScrollState = scrollState;
			}

			@Override
			public void onScroll(AbsListView view, int firstVisibleItem,
					int visibleItemCount, int totalItemCount) {
				// TODO Auto-generated method stub
				mFirstVisiblePosition = firstVisibleItem;
			}
			
		});
		
		mHeaderView = View.inflate(getContext(), R.layout.header, null);
		this.addHeaderView(mHeaderView);
	}
	
	public View getHeaderView(){
		return this.mHeaderView;
	}
	
	
	public boolean canPull(){
		return (mFirstVisiblePosition == 0) && mIsListViewCanPull;
	}
	
	@Override
	public boolean onTouchEvent(MotionEvent event){
		//if(mPull) return true;
		switch(event.getAction()){
		case MotionEvent.ACTION_DOWN:
			mDownX = (int)event.getX();
			mDownY = (int)event.getY();
			mDownView = (SweepLayout)getPointTouchView(mDownX, mDownY);
			mState = INIT_STATE;
			mScrolledState = NO_VIEW_SCROLLED;
			if(mDownView != null){
				if(mDownView.getScrollState()){
					mScrolledState = CURRENT_VIEW_SCROLLED;
				}
			}
			if(mDownView != mLastDownView){
				if(mLastDownView != null){
					if(mLastDownView.getScrollState()){
						mScrolledState = LAST_VIEW_SCROLLED;
						mLastDownView.shrik(100);
						mDownView = null;
					}
				}
			}
			if(mState == INIT_STATE) mInterceptlEvent = false;
			mVelocityTracker.addMovement(event);
			if(mScrollState == OnScrollListener.SCROLL_STATE_FLING) {
				return super.onTouchEvent(event);
			}
			return true;
		case MotionEvent.ACTION_MOVE:
			if(mScrolledState == LAST_VIEW_SCROLLED || mScrolledState == CURRENT_VIEW_SCROLLED) mInterceptlEvent = true;
			if(mDownView == null) break;
			if(mScrollState == OnScrollListener.SCROLL_STATE_FLING) break;
			int deltaX = (int)event.getX() - mDownX;
			int deltaY = (int)event.getY() - mDownY;
			if(Math.abs(Math.pow(deltaX, 2) + Math.pow(deltaY, 2)) >= Math.pow(mSlop, 2) && (float)Math.abs(deltaX) / Math.abs(deltaY) > TAN){
				mState = HORIZONTAL_STATE;
				mInterceptlEvent = true;
				mIsListViewCanPull = false;
			} else if(Math.abs(Math.pow(deltaX, 2) + Math.pow(deltaY, 2)) >= Math.pow(mSlop, 2) && (float)Math.abs(deltaX) / Math.abs(deltaY) <= TAN){
				if(mState != HORIZONTAL_STATE) mState = VERTICAL_STATE;
			}
			if(mState != HORIZONTAL_STATE) break;
			int distance = 0;
			if(mScrolledState == CURRENT_VIEW_SCROLLED){
				distance = mDownView.getHolderWidth() - deltaX;
			}else{
				distance = 0 - deltaX;
			}
			if(distance > mDownView.getHolderWidth()) distance = mDownView.getHolderWidth();
			if(distance < 0) distance = 0;
			mVelocityTracker.addMovement(event);
			mDownView.scrollTo(distance, 0);
			mDownView.requestDisallowInterceptTouchEvent(true);
			break; 
		case MotionEvent.ACTION_UP:
			boolean showSlide = false;
			if(mDownView != null && mDownView.getScrollX() > 0.3 * mDownView.getHolderWidth()){
				showSlide = true;
			}else{
				showSlide = false;
			}
			mVelocityTracker.addMovement(event);
			mVelocityTracker.computeCurrentVelocity(1000);
			float velocityX = mVelocityTracker.getXVelocity();
			float velocityY = mVelocityTracker.getYVelocity();
			if (mMinFlingVelocity <= Math.abs(velocityX) && Math.abs(velocityX) <= mMaxFlingVelocity && Math.abs(velocityY) < Math.abs(velocityX)){
				if(velocityX <= 0) showSlide = true;
				else showSlide = false;
			}
			if(mScrolledState == CURRENT_VIEW_SCROLLED && mState != HORIZONTAL_STATE) {
				mInterceptlEvent = true;
				showSlide = false;
			}
			if(mDownView != null && showSlide){
				mDownView.showSlide(100);
			}else if(mDownView != null){
				mDownView.shrik(100);
			}
			if(mScrolledState == LAST_VIEW_SCROLLED){
				mInterceptlEvent = true;
			}
			mLastDownView = mDownView;
			if(mDownView == null || !mDownView.getScrollState()){
				mIsListViewCanPull = true;
			}else{
				mIsListViewCanPull = false;
			}
			mDownView = null;
			mVelocityTracker.clear();
			break;
		}
		if(mInterceptlEvent) {
			return true;
		}
		return super.onTouchEvent(event);
	}
	
	private View getPointTouchView(int x, int y){
		Rect rect = new Rect();
		for(int i = 0; i < this.getChildCount(); i ++){
			View view = this.getChildAt(i);
			view.getHitRect(rect);
			if(rect.contains(x, y)) {
				return view;
			}
		}
		return null;
	}
}


OnTouchListener负责下拉刷新,思路仿照 http://blog.csdn.net/singwhatiwanna/article/details/9223363 

public class PullOnTouchListener implements OnTouchListener {

	private SweepListView mListView;
	
	private View mRefreshView;
	private ImageView mArrow;
	private TextView mRefreshInfo;
	private ProgressBar mRefreshProgressBar;
	private Animation animation, reverseAnimation;
	
	private int mDownX, mDownY;
	private boolean mPull;
	
	private final static int RELEASE_TO_REFRESH = 0;  
    private final static int PULL_TO_REFRESH = 1;  
    private final static int REFRESHING = 2;  
    private final static int DONE = 3;   
    
    private int mState;
    
    private int mRefreshHeight = 100;
    
    private boolean isBack;
	
	public PullOnTouchListener(SweepListView listView, View refreshView){
		mListView = listView;
		
		animation = new RotateAnimation(0, -180,  
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,  
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);  
        animation.setInterpolator(new LinearInterpolator());  
        animation.setDuration(250);  
        animation.setFillAfter(true);  
  
        reverseAnimation = new RotateAnimation(-180, 0,  
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,  
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);  
        reverseAnimation.setInterpolator(new LinearInterpolator());  
        reverseAnimation.setDuration(200);  
        reverseAnimation.setFillAfter(true);
        
        mRefreshView = refreshView;
        
		mArrow = (ImageView)mRefreshView.findViewById(R.id.arrow);
		mRefreshInfo = (TextView)mRefreshView.findViewById(R.id.refresh_info);
		mRefreshProgressBar = (ProgressBar)mRefreshView.findViewById(R.id.head_progressBar);
		
		mRefreshHeight = Math.round(TypedValue.applyDimension(  
                TypedValue.COMPLEX_UNIT_DIP, mRefreshHeight, mRefreshView.getContext().getResources()  
                .getDisplayMetrics()));
		
		mState = DONE;
	}
	
	private static Handler handler = new Handler();
	
	@Override
	public boolean onTouch(View v, MotionEvent event) {
		// TODO Auto-generated method stub
		if(!mListView.canPull()) return false;
		switch(event.getAction()){
		case MotionEvent.ACTION_DOWN:
			mDownX = (int)event.getRawX();
			mDownY = (int)event.getRawY();
			break;
		case MotionEvent.ACTION_MOVE:
			int deltaX = (int)event.getRawX() - mDownX;
			int deltaY = (int)event.getRawY() - mDownY;

			if(deltaY < 0) {
				mRefreshView.getLayoutParams().height = 0;
				mRefreshView.requestLayout();
				return false;
			}
			if(Math.abs(deltaY) > Math.abs(deltaX)){
				mPull = true;
			}
			if(mPull){
				//mListView.onStartPull();
				//mListView.onPullToRefresh(deltaY);
				
				if(mState == RELEASE_TO_REFRESH){
					if(deltaY < mRefreshHeight){
						isBack = true;
						mState = PULL_TO_REFRESH;
						changeHeaderViewByState();
					} 
				}
				
				if(mState == PULL_TO_REFRESH){
					if(deltaY >= mRefreshHeight){
						mState = RELEASE_TO_REFRESH;
						changeHeaderViewByState();
					} 
				}
				
				if(mState == DONE){
					mState = PULL_TO_REFRESH;
					changeHeaderViewByState();
				}
				
				mRefreshView.getLayoutParams().height = deltaY;
				mRefreshView.requestLayout();
				
				return true;
			}
			break;
		case MotionEvent.ACTION_UP:
			if(mPull){
				mPull = false;
				//mListView.onFinishPull();
				if(mState == RELEASE_TO_REFRESH){
					mState = REFRESHING;
					mRefreshView.getLayoutParams().height = mRefreshHeight;
					mRefreshView.requestLayout();
					changeHeaderViewByState();
					handler.postDelayed(new Runnable(){

						@Override
						public void run() {
							// TODO Auto-generated method stub
							mRefreshView.getLayoutParams().height = 0;
							mRefreshView.requestLayout();
							mState = DONE;
							changeHeaderViewByState();
						}
						
					}, 2000);
				}
				
				if(mState == PULL_TO_REFRESH){
					mState = DONE;
					mRefreshView.getLayoutParams().height = 0;
					mRefreshView.requestLayout();
					changeHeaderViewByState();
				}
				//mListView.onFinishPull();
				isBack = false;
				return true;
			}
			break;
		}
		return false;
	}
	
	private void changeHeaderViewByState()  
    {  
        switch (mState)   
        {  
        case RELEASE_TO_REFRESH:  
        	mArrow.setVisibility(View.VISIBLE);  
        	mRefreshInfo.setVisibility(View.VISIBLE);  
        	mRefreshProgressBar.setVisibility(View.GONE);
        	mArrow.clearAnimation();  
        	mArrow.startAnimation(animation);  
        	mRefreshInfo.setText("下拉刷新"); 
            break;  
        case PULL_TO_REFRESH:   
        	mArrow.setVisibility(View.VISIBLE);  
        	mRefreshInfo.setVisibility(View.VISIBLE);  
        	mRefreshProgressBar.setVisibility(View.GONE);
            mArrow.clearAnimation();  
            // 是由RELEASE_To_REFRESH状态转变来的  
            if (isBack) {  
                isBack = false;  
                mArrow.clearAnimation();  
                mArrow.startAnimation(reverseAnimation); 
            } 
            mRefreshInfo.setText("下拉刷新");  
            break;  
  
        case REFRESHING:  
        	mArrow.clearAnimation(); 
        	mArrow.setVisibility(View.GONE);  
        	mRefreshInfo.setVisibility(View.VISIBLE);  
        	mRefreshInfo.setText("正在刷新");
        	mRefreshProgressBar.setVisibility(View.VISIBLE);
            break; 
            
        case DONE: 
        	mArrow.setVisibility(View.VISIBLE);  
        	mRefreshInfo.setVisibility(View.VISIBLE);  
        	mRefreshProgressBar.setVisibility(View.GONE);
            break;  
        }  
    }

	
	
}

源码下载： 源码



小悦月CG
关注
专栏目录
RecyclerView下拉刷新，自动加载更多；仿IOS侧滑Item删除菜单
09-05
RecyclerView下拉刷新，自动加载更多；仿IOS侧滑Item删除菜单
android 下拉刷新上拉加载更多，高仿ios左滑动删除item，解决了众多手势问题
08-10
android 下拉刷新上拉加载更多，高仿ios左滑动删除item，解决了众多手势问题 这10分值得你下！ 解决小白们吧，大牛看得不爽的谢谢给予指正啊！谢谢了
Android 高仿微信（QQ）滑动弹出编辑、删除菜单效果，增加下拉刷新功能
weixin_33932129的博客
12-13 265
不可否认，微信、QQ列表的滑动删除、编辑功能着实很经典（从IOS那边模仿过来的），然、Android这边，对列表的操作，其实大多还停留上下文菜单来实现。 Android如何实现list item的滑动呢？介绍一个很简单实用的开源项目： https://github.com/baoyongzhang/SwipeMenuListView ...
列表全家桶之刷新、加载更多、悬浮、左滑删除
s003603u的专栏
09-24 3319
功能支持： 下拉刷新、上拉加载更多 左滑删除 置顶悬浮头
Android 高仿QQ的下拉刷新 ListView
yutou58nian的专栏
12-04 3203
最近工程需要使用下拉刷新，但是使用网上流传的各种版本均有或多或少的bug，或者效果不完美的地方。在使用QQ的时候，在消息列表界面的下拉刷新，个人感觉效果比较棒，就做了一个高仿版，效果与QQ的基本保持一致，下面是代码实现，有不足支持，欢迎指正。
Android高仿QQ下拉刷新
无名氏灬的博客
07-29 7468
此次牵扯到的知识点有：Android手势，Handler,java多线程，java聚合，Android帧动画，属性动画； 如果有对上述提到过的知识点不太了解，或者编程能力较差的小伙伴可以关闭此页面啦一，因为接下来的装逼过程你可能 是一脸懵B。如果你执意要看也没事啦，因为代码里面我写了足够详细的注释，如果你努力用心去看的话，我相信你还是能 看懂滴！ 都让开，我要开始装逼了
高仿QQ聊天消息列表的下拉刷新效果
u011513914的专栏
06-13 2366
转载请注明出处： 一、下拉刷新的原理：
高仿微信qq侧滑删除，下拉刷新
03-31
在移动应用开发中，"高仿微信qq侧滑删除，下拉刷新"是一个常见的功能需求，主要用于提升用户体验，使得用户可以方便地管理列表中的数据。这个功能通常涉及到Android或iOS平台上的UI设计与交互实现。下面我们将详细...
高仿QQ下拉刷新效果
06-13
本教程将详细讲解如何实现一个高仿QQ的下拉刷新效果，适用于那些希望在自己的应用中添加类似功能的开发者。 首先，我们需要理解下拉刷新的基本工作原理。当用户在列表顶部向下拉动时，会显示一个刷新指示器，如一个...
安卓开发高仿苹果版QQ下拉刷新实现
01-19
安卓高仿苹果版QQ的下拉刷新控件,通用于任何可滑动布局(ScrollView、ListView、GridView、RecyclerView、WebView等),其中使用贝塞尔曲线,打造"鼻涕"下拉效果,滑动流畅! 博客地址:...
高仿QQ滑动删除
08-19
在移动应用开发中，"高仿QQ滑动删除"是一种常见的交互设计，它模拟了QQ应用中的滑动手势来删除列表项的功能。这种设计让用户在浏览列表时能快速、直观地进行删除操作，提升了用户体验。下面我们将深入探讨实现这一...
安卓高仿qq的listview列表
05-07
本项目“安卓高仿qq的listview列表”旨在模仿QQ应用的ListView设计，它不仅包含了基本的列表展示功能，还集成了进阶特性如上拉加载更多、下拉刷新以及滑动删除，从而提升用户体验。 1. **ListView基础**： - ...
Android仿qq下拉刷新及向左滑动列表----PullToRefresh, SwipeMenuListView开源项目整合
libeyond_的专栏
06-30 1317
Android仿qq下拉刷新及向左滑动列表—-PullToRefresh, SwipeMenuListView开源项目整合 博客地址http://blog.csdn.net/licaomengrice/article/details/46928381 效果图：
Android自定义View之(下拉刷新+侧滑删除)
vv_bug
08-22 2329
以前项目中用到了一个放qq的侧滑删除的效果，结果github上一搜就copy了一个，不得不说大神们写的真心牛逼，那个时候呢看到一个东西能用就可以了，也不管怎么实现的，现在反过来一看，原来自定义还可以这么玩，当然，前面项目中也因此出现了一个bug，就是我使用的是PulltorefreshScrollView，因此也出现了ScrollView跟ListView的事件冲突，呵呵，不怕笑话，当是体验不好，直
Android使用贝塞尔线高仿QQ聊天消息气泡的拖拽效果
小悦月CG的专栏
12-02 1982
Android高仿QQ消息气泡拖拽效果
EditText失去焦点时，键盘收起的布局
小悦月CG的专栏
07-27 1869
最近做项目要求实现当点击edittext之外的view时，键盘收起的功能。google了一大堆，也没有什么思路，无奈自己写了一个。 实现原理很简单： 1.dispatchTouchEvent中获取点击事件坐标 2.根据坐标找到子view，判断子view，     a.为空说明点击了空白处，收起键盘     b.不为空，判断view是不是edittext，如果不是，收起键盘 代码
Android仿QQ圆形头像
小悦月CG的专栏
03-17 1686
高仿QQ圆形头像效果
Android开发仿QQ聊天滑动listview
小悦月CG的专栏
03-24 1381
主要是对分发事件的处理，代码如下： public class SweepOnTouchListener implements OnTouchListener { private ListView mListView; private SweepLayout mDownView; private SweepLayout mLastDownView; private int mLa
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值