关注finddreams博客,一起分享,一起进步:http://blog.csdn.net/finddreams/article/details/44678171
做为我们日常使用最多的APP,手机QQ的每一次UI界面与操作习惯的改变都牵动着我们每一个用户的心。当然手Q的开发团队也认识到这个问题,所以在每次升级时都会做到整体风格的一致性,并和IOS版本保持一致的风格体验。
记得之前有一次微信版本更新,Android版本与IOS版本的界面和操作习惯出现了非常大的不一致,引起了很多微信用户的不满,于是下个Android版本又和IOS版本长一样了,网友戏称这是被骂回去的。
手机QQ和微信都是超级APP,用户体验自然是做的极好的了,也是众多开发者模仿的对象,今天给大家模仿一下手机QQ聊天列表滑动菜单删除和分析一下腾讯系很多APP,比如QQ邮箱,QQ空间等中滑动返回功能的实现。
还是老规矩,先看看UI效果图,不然没图你说个P啊:
1.聊天列表滑动删除
1.手Q聊天列表的滑动菜单删除,是个非常方便的功能,非常的有创意。要实现这个功能我们可以使用到GitHub上一个开源的项目,SwipeMenuListView
使用这个开源项目也非常的简单,下载下来,看看demo实例代码也就会用了。
首先,把SwipeMenuListView加入到你要使用的布局文件layout中
<com.baoyz.swipemenulistview.SwipeMenuListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
然后再Activity中调用,并添加上滑动时显示要显示的两个菜单条目,一个推到顶部(暂时没有实现),一个为删除当前条目;具体代码:
/**
* 初始化滑动菜单
*/
private void initSwipeMenu() {
mListView = (SwipeMenuListView) findViewById(R.id.listView);
adapter = new NewsAdapter(this, chats, listView);
mListView.setAdapter(adapter);
// step 1. create a MenuCreator
SwipeMenuCreator creator = new SwipeMenuCreator() {
@Override
public void create(SwipeMenu menu) {
// create "up" item
SwipeMenuItem upItem = new SwipeMenuItem(
getApplicationContext());
// set item background
upItem.setBackground(new ColorDrawable(Color.rgb(0xE5, 0xE8,
0xE9)));
// set item width
upItem.setWidth(dp2px(90));
upItem.setIcon(R.drawable.up);
menu.addMenuItem(upItem);
// create "delete" item
SwipeMenuItem deleteItem = new SwipeMenuItem(
getApplicationContext());
// set item background
deleteItem.setBackground(new ColorDrawable(Color.rgb(0xF9,
0x3F, 0x25)));