1. 程式人生 > >SwipeListView 具體解釋 實現微信,QQ等滑動刪除效果

SwipeListView 具體解釋 實現微信,QQ等滑動刪除效果

span 點擊 tor 支持 position pad edi find htm

QQ或者微信出現過滑動,近期聯系人列表,能夠刪去當前選中的聯系人,這個功能玩起來非常爽 ,


就是試著做了下。事實上是使用了開源框架SwipeListView

技術分享


SwipeListView 與一般的ListView使用方式差點兒相同,僅僅是添加了一些特殊功能。


<com.fortysevendeg.swipelistview.SwipeListView
            xmlns:swipe="http://schemas.android.com/apk/res-auto"
            android:id="@+id/example_lv_list"
            android:listSelector="#00000000"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            swipe:swipeFrontView="@+id/front"
            swipe:swipeBackView="@+id/back"
            swipe:swipeActionLeft="[reveal | dismiss]"
            swipe:swipeActionRight="[reveal | dismiss]"
            swipe:swipeMode="[none | both | right | left]"
            swipe:swipeCloseAllItemsWhenMoveList="[true | false]"
            swipe:swipeOpenOnLongPress="[true | false]"
            swipe:swipeAnimationTime="[miliseconds]"
            swipe:swipeOffsetLeft="[dimension]"
            swipe:swipeOffsetRight="[dimension]"
            />

  • swipeFrontView -ListView Item正常顯示的控件Id,且必須與Item的布局文件裏的控件id一樣
  • swipeBackView - 手指滑動時顯示的,隱藏在FrontView後面,且必須與item的布局文件裏控件Id一樣
  • swipeActionLeft - 左滑的動作。默認reveal。即顯示BackView,還有dismiss,choice會觸發響應的方法。
  • swipeActionRight - 右滑動作。其它同上
  • swipeMode - Default: ‘both‘ 設置左滑、右滑、都支持
  • swipeCloseAllItemsWhenMoveList - 當滾動listview時,關閉全部展開的Item。最好不要設置為false,因為item的
  • 復用,false存在一些問題。
  • swipeOpenOnLongPress - Default: ‘true‘ 長按時觸發顯示
  • swipeAnimationTime - 動畫時間長度
  • swipeOffsetLeft - left offset 左偏移量
  • swipeOffsetRight - right offset 右偏移量
        mSwipeListView = (SwipeListView) findViewById(R.id.id_swipelistview);  
        mAdapter = new DataAdapter(this, mDatas , mSwipeListView);  
        mSwipeListView.setAdapter(mAdapter);  
  
        mSwipeListView.setSwipeListViewListener(new BaseSwipeListViewListener()  
        {  
            @Override  
           //重寫BaseSwipeListViewListener父類須要的方法
         };

使用方式非常easy 和普通的ListView 相似,不須要多說。


對於 ListView的Item刪除單個元素。僅僅須要在Adapter中處理button的點擊事件。或者寫一個回調傳回Activity中處理

我這裏給出在Adapter中處理的方式的代碼:


 @Override  
    public View getView(final int position, View convertView, ViewGroup parent)  
    {  
        convertView = mInflater.inflate(R.layout.list_item, null);  
  
        TextView tv = (TextView) convertView.findViewById(R.id.id_text);  
        Button del = (Button) convertView.findViewById(R.id.id_remove);  
        tv.setText(mDatas.get(position));  
        del.setOnClickListener(new OnClickListener()  
        {  
            @Override  
            public void onClick(View v)  
            {  
                mDatas.remove(position);  
                notifyDataSetChanged();  
                 /** 
                  * 關閉SwipeListView 
                  * 不關閉的話。剛刪除位置的item存在問題 
                  * 在監聽事件中onListChange中關閉。會出現故障 
                  */  
                mSwipeListView.closeOpenedItems();  
            }  
        });  
          
        return convertView;  
    }  

源代碼下載 猛戳這裏1---------------------------------------------------------------------------------------------


源代碼下載 猛戳這裏2---------------------------------------------------------------------------------------------

SwipeListView 具體解釋 實現微信,QQ等滑動刪除效果