Android Button 點選效果
5.0以下切換背景,以上為漣漪效果
1.切換Button背景
在drawable下建立ripple_bg.xml檔案 例如:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--按下點選-->
<item android:state_pressed="true" android:state_enabled="true">
<shape >
<!--背景色-->
<solid android:color="@color/colorPrimary"/>
</shape>
</item>
<!--正常狀態-->
<item android:state_pressed="false" android:state_enabled="false">
<shape >
<!-- 背景色 -->
<solid android:color="@color/colorAccent"/>
</shape>
</item>
</selector>
Button漣漪效果(使用系統的ripple)
因為是系統是爭對5.0以上的,需要在專案建立drawable-v21目錄,新增ripple_bg.xml即可 程式碼如下:
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#FF21272B"><!--漣漪背景色 -->
<item android:id="@android:id/mask"> <!--mask 可以新增一些有趣的影象效果,會按照影象的輪廓來產生漣漪範圍-->
<shape android:shape="rectangle">
<solid android:color="#8cc476"/> <!--預設背景色-->
</shape>
</item>
</ripple>
最後在Button按鈕上新增
android:background="@drawable/ripple_bg"
PS:這裡會涉及到根據版本去尋找對應的drawable,不在討論範圍之內。
相關文章
- android問題之Button自定義樣式selector後,點選無效果Android
- iOS 不規則Button點選iOS
- Android ListView item中有按鈕(Button)不能點選或者條目不能點選的問題AndroidView
- iOS 不規則Button點選(二)iOS
- android:listView Button 焦點問題AndroidView
- Android實現人人網點選“+”彈出效果Android
- android 自定義控制元件(底部icon點選效果)Android控制元件
- Android 設定主題實現點選波紋效果Android
- android短影片開發,點選兩次實現不同點選效果的實現方式Android
- Input元件無點選效果元件
- Item點選水波紋效果
- android 控制元件點選水波紋效果的幾種方案Android控制元件
- RecyclerView點選新增波紋效果View
- javascript點選燃放煙火效果JavaScript
- 設定點選效果foreground
- vue-button設定按鈕是否可點選狀態Vue
- iOS 中tableview cell點選取消選中效果iOSView
- AlloyTouch Button外掛-不再愁click延遲和點選態
- 一個BUTTON,實現點選播放錄音,長按錄音
- Android Button的基本使用Android
- android:Button控制元件Android控制元件
- 點選返回網頁頂層效果網頁
- Android 自定義View 點贊效果AndroidView
- 短視訊開發,點選按鈕Button,更換背景顏色
- 快速搭建直播平臺,點選按鈕(Button)後改變顏色
- android自定義button樣式Android
- JavaScript點選按鈕彈出層效果JavaScript
- iOS 實現點選微信頭像效果iOS
- JavaScript點選投票效果程式碼例項JavaScript
- 網頁點選實現下載效果網頁
- canvas 點選產生放射性效果Canvas
- Jetapck Compose 去除點選水波紋效果
- 點選文字框實現文字框內容選中效果
- Path實現常見toolbar點選彈出選單效果
- CSS點選隱藏和顯示div效果CSS
- jQuery點選滑出層效果程式碼例項jQuery
- JavaScript點選按鈕數字加1效果JavaScript
- 如何實現點選連結不跳轉效果