Android基礎控制項——RecyclerView實現拖拽排序側滑刪除效果

來源:互聯網
上載者:User

標籤:導包   adapter   ext   https   更新   修改   list   android基礎   填充   

RecyclerView實現拖拽排序側滑刪除效果

 

事先說明:

RecyclerView是ListView的升級版,使用起來比ListView更規範,而且功能和動畫可以自己添加,極容易擴充,同樣也繼承了ListView複用convertView和ViewHolder的優點。

 

思路分析:

1、導包、在布局中使用RecyclerView

2、需要一個JavaBean用來儲存展示資訊

3、需要一個填充RecyclerView的布局檔案

4、在代碼中找到RecyclerView,並為其綁定Adapter和觸摸事件

5、適配器的編寫、觸摸事件的處理

總體上跟ListView是一樣的,就是換了一種代碼風格

 

思路圖解:


 

 

效果一(線性布局): ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 效果二(網格布局):

? ?

 

步驟一:RecyclerView是在support.v7包,Android Studio則是recyclerview這個包

 

步驟二:建立布局檔案,使用recyclerview

 



步驟三:建立一個javaBean,儲存item的資訊

 

 


 

 

步驟四:建立itemView布局

 


 

 

步驟五:建立RecycleView的Adapter

 


思路分析:這裡的實現的形式跟ListView有點不一樣,它繼承的不是BaseAdapter,繼承的是RecycleView的Adapter,並且泛型填一個ViewHolder,這個ViewHolder在該類中作為內部類實現,其他的實現跟ListView是一樣的

 

步驟六:代碼中使用

 


和ListView不同的是,這裡必須寫這一句,不然View顯示不出來,也是這一句話可以控制布局為LinearLayout或者是GridView或者是瀑布流布局

 

 


 

 

步驟七:為recyclerView綁定觸摸事件,這裡就是我們效果實現的全部代碼所在

 


思路分析:我們規定拖拽的動作是上下拖拽,而刪除效果是左右刪除。在拖拽事件中,就是通過集合的一個交換然後實現布局的更新,這裡RecyclerView的adapter都幫我們實現好了,用起來很簡單,而刪除事件就是集合刪除一個資料,然後更新布局。

 

 

如果要實現效果二,可以做出類似案頭拖拽排序的效果,這個就請大家自由發揮吧,實現效果二,只要在效果一的基礎上修改兩處代碼即可:

 



 

 

當然還有一種瀑布流的效果,只需在效果二的基礎上修改一處代碼即可,如果要實現更複雜的效果,可以自行百度:

 


 

 

源碼是AndroidStudio的Module,建議用Import Module匯入源碼下載

Android基礎控制項——RecyclerView實現拖拽排序側滑刪除效果

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.