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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Android 設定主題實現點選波紋效果Android
- Item點選水波紋效果
- css3和jQuery實現的點選出現波紋效果CSSS3jQuery
- Android 點選波紋擴散動畫Android動畫
- iOS動畫-擴散波紋效果iOS動畫
- Jetapck Compose 去除點選水波紋效果
- 漪漣波紋效果 css3 animationCSSS3
- 使用CSS實現逼真的水波紋點選效果CSS
- SVG 建立 Material Design 波紋效果按鈕SVGMaterial Design
- SVG建立Material Design波紋效果按鈕SVGMaterial Design
- RecyclerView使用指南(三)—— 新增分割線和點選事件View事件
- 繪製聲音訊率的波紋動畫效果音訊動畫
- android 控制元件點選水波紋效果的幾種方案Android控制元件
- RecyclerView中item點選事件View事件
- 自定義波紋動畫動畫
- recyclerView的側拉效果。上拉載入。下拉重新整理,點選事件等等View事件
- RecyclerView-->點選和長按事件View事件
- css3實現的滑鼠懸浮出現輻射波紋效果CSSS3
- RecyclerView新增動態水印View
- Input元件無點選效果元件
- Android Button 點選效果Android
- 屬性動畫-波紋擴散WaveView動畫View
- Gif(2)-載入檢視-波紋
- matlab練習程式(波紋扭曲)Matlab
- 使用介面實現RecyclerView中的item點選事件View事件
- RecyclerView - 新增不同的分割線View
- javascript點選燃放煙火效果JavaScript
- 設定點選效果foreground
- iOS 中tableview cell點選取消選中效果iOSView
- Android入門教程 | RecyclerView響應子項點選AndroidView
- 給 RecyclerView 加上摺疊的效果View
- 為RecyclerView新增FootView和HeadViewView
- 手把手教你用RecyclerView實現貓眼電影選擇效果View
- 點選返回網頁頂層效果網頁
- 純 CSS 實現斜紋效果CSS
- Android 水波紋效果的探究Android
- Android水波紋效果實現Android
- 水紋效果(Water)源程式. (轉)