Android使用Item Swipemenulistview實現(xiàn)仿QQ側滑刪除功能

更新時間：2017年02月27日 13:54:56 投稿：mrr

大家都用過QQ，肯定有人好奇QQ滑動刪除Item的效果是怎樣實現(xiàn)的，其實我們使用Swipemenulistview就可以簡單的實現(xiàn)。這篇文章主要介紹了Android使用ItemSwipemenulistview實現(xiàn)仿QQ側滑刪除功能,需要的朋友可以參考下

大家都用過QQ，肯定有人好奇QQ滑動刪除Item的效果是怎樣實現(xiàn)的，其實我們使用Swipemenulistview就可以簡單的實現(xiàn)。先看看我們項目中的效果：

使用的時候可以把Swipemenulistview作為一個library，也可以把Swipemenulistview的源碼拷貝到我們的項目中來，使用步驟大致可以分為三步:1.在布局中配置；2.在Java代碼中初始化配置；3.按鈕點擊事件的處理

1.在布局中配置

xml布局文件中只需要簡單使用這個自定義的ListView就行了，需要注意的是必須使用類的全名。

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent"> 
 <com.baoyz.swipemenulistview.SwipeMenuListView 
  android:id="@+id/listView" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" /> 
 </RelativeLayout>

2.在java代碼中初始化菜單配置

 SwipeMenuCreator creator = new SwipeMenuCreator(){ 
 <span style="white-space:pre">  </span>@Override 
 public void create(SwipeMenu menu) { 
  //創(chuàng)建一個"打開"功能菜單 
  SwipeMenuItem openItem = new SwipeMenuItem(context); 
  // 設置菜單的背景 
  openItem.setBackground(new ColorDrawable(Color.rgb(0xC9, 0xC9,0xCE))); 
  // 寬度：菜單的寬度是一定要有的，否則不會顯示 
  openItem.setWidth(180); 
  // 菜單標題 
  openItem.setTitle("打開"); 
  // 標題文字大小 
  openItem.setTitleSize(16); 
  // 標題的顏色 
  openItem.setTitleColor(Color.WHITE); 
  // 添加到menu 
  menu.addMenuItem(openItem); 
  //創(chuàng)建一個"打開"功能菜單 
  SwipeMenuItem deleteItem = new SwipeMenuItem(context); 
  // 設置菜單的背景 
  deleteItem.setBackground(new ColorDrawable(Color.rgb(0xF9,0x3F, 0x25))); 
  // 寬度：菜單的寬度是一定要有的，否則不會顯示 
  deleteItem.setWidth(180); 
  // 菜單標題 
  deleteItem.setTitle("刪除"); 
  // 標題文字大小 
  deleteItem.setTitleSize(16); 
  // 標題的顏色 
  deleteItem.setTitleColor(Color.WHITE); 
  // 給菜單設置一個圖標 
  //deleteItem.setIcon(R.drawable.ic_delete); 
  // 添加到menu 
  menu.addMenuItem(deleteItem); 
 } 
 }; 
 // 不要忘記了 
 mListView.setMenuCreator(creator);

這里是添加了兩個菜單按鈕，一個“打開”，一個“刪除”。

3.菜單按鈕點擊事件的處理

 mListView.setOnMenuItemClickListener(new OnMenuItemClickListener() { 
 @Override 
 public void onMenuItemClick(int position, SwipeMenu menu, int index) { 
  switch (index) { 
  case 0: 
  Toast.makeText(context, "打開第" + mArrayList.get(position) + "個條目", 0).show(); 
  break; 
  case 1: 
  Toast.makeText(context, "刪除第" + mArrayList.get(position) + "個條目", 0).show(); 
  mArrayList.remove(position); 
  mAdapter.notifyDataSetChanged(); 
  break; 
  } 
 } 
 });

最后的效果圖如下：