RecyclerView點選新增波紋效果
MD的特色之一就是"有意義的動畫效果",讓動畫符合物理世界的規律,而不是雜亂無章,華而不實。
點選事件產生的波紋效果就是其中之一。
那麼,先讓我們看一下什麼是波紋效果:
touch_feedback.gif
可以看出,點選變得更具有質感而不是簡單的使條目變色。
讓我們在RecyclerView上做下實驗
RecyclerView預設點選是沒有任何效果的
touch1.gif
MD之前,我們為條目新增點選效果是這樣的
新建drawable/touch_bg.xml
然後為點選的條目設定android:background="@drawable/touch_bg"
在點選條目的時候便可以看到條目變色
touch2.gif
但是我們現在想要的是波紋效果,這裡要注意,波紋效果只在5.0以上的裝置生效
所以我們需要新建drawable-v21/touch_bg.xml
之後,便可以看到期待的波紋效果。
touch3.gif
程式碼以及第一張圖片均參考專案
希望能夠對你有所幫助
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2157/viewspace-2813914/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Item點選水波紋效果
- Jetapck Compose 去除點選水波紋效果
- Android 點選波紋擴散動畫Android動畫
- iOS動畫-擴散波紋效果iOS動畫
- 使用CSS實現逼真的水波紋點選效果CSS
- 漪漣波紋效果 css3 animationCSSS3
- RecyclerView使用指南(三)—— 新增分割線和點選事件View事件
- recyclerView的側拉效果。上拉載入。下拉重新整理,點選事件等等View事件
- RecyclerView-->點選和長按事件View事件
- Android Button 點選效果Android
- Input元件無點選效果元件
- 使用介面實現RecyclerView中的item點選事件View事件
- Android入門教程 | RecyclerView響應子項點選AndroidView
- 點選頁面愛心效果
- Android 水波紋效果的探究Android
- 手把手教你用RecyclerView實現貓眼電影選擇效果View
- 點選Enter鍵表切換焦點效果
- 點選連結取消跳轉效果
- 點選連結背景變色效果
- Gif(2)-載入檢視-波紋
- 純 CSS 實現斜紋效果CSS
- 點選圖片大圖預覽,RecyclerView + PhotoView 滑動衝突,RecyclerView不回撥SCROLL_STATE_IDLEView
- JavaScript點選按鈕彈出層效果JavaScript
- 屬性動畫-波紋擴散WaveView動畫View
- RecyclerView使用指南(五)—— 實現吸頂效果View
- RecyclerView 梳理:點選&長按事件、分割線、拖曳排序、滑動刪除View事件排序
- CSS點選隱藏和顯示div效果CSS
- jQuery點選滑出層效果程式碼例項jQuery
- threejs紋理平鋪實現地面效果JS
- 如何使用jQuery建立彩色條紋表格效果?jQuery
- js純程式碼為網站站點新增雪花飄落效果JS網站
- Android RecyclerView實現頭部懸浮吸頂效果AndroidView
- 點選新增或者刪除表格行詳解
- 點選導航欄切換背景色效果
- SVG點選實現動態放大的圓效果SVG
- 成品直播原始碼,點選滑動切換效果原始碼
- JavaScript實用的表格行滑鼠點選高亮效果JavaScript
- android短影片開發,點選兩次實現不同點選效果的實現方式Android