Android源碼解析--SwipeMenuListView仿QQ聊天左滑


緒論:

好久沒寫博客了,最近比較懶,不想寫博客,但是在看書,看一些Android進階的書,這里小編也給大家推薦幾本適合進階的書,相信會對你有所幫助的。
1.《Android群英傳》 —徐宜生
2.《Android開發藝術探索》 —任玉剛
3.《Android源碼設計模式》 —何紅輝,郭愛民
以上幾本是針對Android開發所用的,如果上面三本你都吃透了的話,相信你就可以在Android的世界里盡情的翱翔了。
下面的幾本是一些在你編程之路上必不可少的幾本經典的書:
1.《代碼整潔之道》
2.《重構改善有代碼的設計》
3.《MacTalk跨越邊界》

好了,下面進入正題吧,今天小編給大家分享的是:仿QQ聊天實現左滑效果,先看一下效果吧:
這里寫圖片描述

實現:

1.定義滑動選項視圖
通過監聽滑動手勢彈出滑動選項卡(前提是先創建好選項卡)
這里只貼出核心代碼:

public boolean onSwipe(MotionEvent event) {
mGestureDetector.onTouchEvent(event);
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mDownX = (int) event.getX();
isFling = false;
break;
case MotionEvent.ACTION_MOVE:

int dis = (int) (mDownX - event.getX());
if (state == STATE_OPEN) {
dis += mMenuView.getWidth();
}
swipe(dis);
break;
case MotionEvent.ACTION_UP:
if (isFling || (mDownX - event.getX()) > (mMenuView.getWidth() / 2)) {
// 打開選項卡
smoothOpenMenu();
} else {
// 關閉選項卡
smoothCloseMenu();
return false;
}
break;
}
return true;
}

2.創建選項卡:

public void createMenu(SwipeMenu menu) {
// Test Code
SwipeMenuItem item = new SwipeMenuItem(mContext);
item.setTitle("Item 1");
item.setBackground(new ColorDrawable(Color.GRAY));
item.setWidth(300);
menu.addMenuItem(item);

item = new SwipeMenuItem(mContext);
item.setTitle("Item 2");
item.setBackground(new ColorDrawable(Color.RED));
item.setWidth(300);
menu.addMenuItem(item);
}

3.將選項卡添加到布局中:

private void addItem(SwipeMenuItem item, int id) {
LayoutParams params = new LayoutParams(item.getWidth(),
LayoutParams.MATCH_PARENT);
LinearLayout parent = new LinearLayout(getContext());
parent.setId(id);
parent.setGravity(Gravity.CENTER);
parent.setOrientation(LinearLayout.VERTICAL);
parent.setLayoutParams(params);
parent.setBackgroundDrawable(item.getBackground());
parent.setOnClickListener(this);
addView(parent);

if (item.getIcon() != null) {
parent.addView(createIcon(item));
}
if (!TextUtils.isEmpty(item.getTitle())) {
parent.addView(createTitle(item));
}

}

4.Activity中調用:

ISwipeMenuCreator creator = new ISwipeMenuCreator() {
@Override
public void create(SwipeMenu menu) {
// 創建滑動選項
SwipeMenuItem showItem = new SwipeMenuItem(
getApplicationContext());
// 設置選項背景
showItem.setBackground(new ColorDrawable(Color.rgb(0xC9, 0xC9,
0xCE)));
// 設置選項寬度
showItem.setWidth(HankkinUtil.dp2px(90,MainActivity.this));
// 設置選項標題
showItem.setTitle("Show");
// 設置選項標題
showItem.setTitleSize(18);
// 設置選項標題顏色
showItem.setTitleColor(Color.WHITE);
// 添加選項
menu.addMenuItem(showItem);

// 創建刪除選項
SwipeMenuItem deleteItem = new SwipeMenuItem(
getApplicationContext());
deleteItem.setBackground(new ColorDrawable(Color.rgb(0xF9,
0x3F, 0x25)));
deleteItem.setWidth(HankkinUtil.dp2px(90, MainActivity.this));
deleteItem.setIcon(R.drawable.ic_delete);
menu.addMenuItem(deleteItem);
}
};

menuListView.setMenuCreator(creator);

5.選項卡點擊事件:

menuListView.setOnMenuItemClickListener(new SwipeMenuListView.OnMenuItemClickListener() {
@Override
public void onMenuItemClick(int position, SwipeMenu menu, int index) {
switch (index) {
case 0: //第一個選項
HankkinUtil.showToast(MainActivity.this, data.get(position).getTitle());
break;
case 1: //第二個選項
data.remove(position);
adapter.notifyDataSetChanged();
break;

}
}
});

代碼中的下拉刷新上拉加載,小編是用的SwipeRefreshLayout
源碼小編已經傳到Github上了
https://github.com/Hankkin/MultiPurposeListView


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com