github项目之左右滑动的ListView

来源：互联网发布：stc-isp软件下载编辑：程序博客网时间：2024/05/16 10:31

这里写图片描述

效果图

这里写图片描述

类图

这里写图片描述

代码分析

主要类的介绍：

（1）SwipeMenuCreator接口
接口SwipeMenuCreator，主要是创建Menu界面

（2）SwipeMenuItem类
此类描述的是单个Menu界面的显示，也就是一个图片，一个字体的显示。

（3）SwipeMenu类
此类，主要是显示ListView右边的Menu，是要是由SwipeMenuItem组成

（4）SwipeMenuListView类
继承于ListView，主要是封装了左右滑动的功能的ListView,和我们平时的ListView本质上是一样的。

（5）SwipeMenuAdapter类
继承于WrapperListAdapter，也是封装了左右滑动的功能的Adapter，和我们平时的Adapter本质上是一样的。

（6）SwipeMenuLayout类
这是实现ListView左右滑动功能的核心类，所以我用红色单独标出来了。

（7）SwipeMenuView类
此类，主要功能还是做为一个中介，方便SwipeMenuListView，SwipeMenuLayout，SwipeMenu这几个类之间的通信。

核心代码分析

我们上面说了，此功能的核心类是SwipeMenuLayout，那我们就要分析一下，为什么此类是实现ListView左右滑动功能的核心。

（1）先说界面：
我们左右滑动时，此界面由二部分组成，一是Listvew的第i个item的界面，二是SwipeMenu界面。那SwipeMenuLayout类就包含了这二个界面：

private View mContentView;//Listvew的第i个item的界面private SwipeMenuView mMenuView;//SwipeMenu界面

这个SwipeMenu界面是显而易见的，那么这个View mContentView是在那里赋值的呢？
我们查看SwipeMenuAdapter类的getView方法：

View contentView = mAdapter.getView(position, convertView, parent);......layout = new SwipeMenuLayout(contentView,                    menuView,                    listView.getCloseInterpolator(),                    listView.getOpenInterpolator());

(2)左右滑动功能
这个就简单了，主要是SwipeMenuLayout类中的onSwipe和swipe二个方法监听滑动的距离，再重新设置mContentView和mMenuView的位置。

private void swipe(int dis) {        if (Math.signum(dis) != mSwipeDirection) {            dis = 0;        } else if (Math.abs(dis) > mMenuView.getWidth()) {            dis = mMenuView.getWidth()*mSwipeDirection;        }        mContentView.layout(-dis, mContentView.getTop(), mContentView.getWidth() -dis, getMeasuredHeight());        if (mSwipeDirection == SwipeMenuListView.DIRECTION_LEFT) {            mMenuView.layout(mContentView.getWidth() - dis,                    mMenuView.getTop(),                    mContentView.getWidth() + mMenuView.getWidth() - dis,                    mMenuView.getBottom());        } else {            mMenuView.layout(-mMenuView.getWidth() - dis,                    mMenuView.getTop(),                    - dis,                    mMenuView.getBottom());        }    }

参考资料：

1.SwipeMenuListView
https://github.com/baoyongzhang/SwipeMenuListView

2.AndroidDemo
https://github.com/hfreeman2008/AndroidDemo

0 0