效果图
类图
代码分析
主要类的介绍:
(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