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:listView Button 焦點問題AndroidView
- iOS 不規則Button點選iOS
- 點選button倒數計時
- iOS 不規則Button點選(二)iOS
- 修改button的可點選區域
- android短影片開發,點選兩次實現不同點選效果的實現方式Android
- Item點選水波紋效果
- Input元件無點選效果元件
- Android 自定義View 點贊效果AndroidView
- 點選頁面愛心效果
- RecyclerView點選新增波紋效果View
- vue-button設定按鈕是否可點選狀態Vue
- 點選Enter鍵表切換焦點效果
- 點選連結取消跳轉效果
- 點選連結背景變色效果
- Jetapck Compose 去除點選水波紋效果
- JavaScript點選按鈕彈出層效果JavaScript
- 短視訊開發,點選按鈕Button,更換背景顏色
- 快速搭建直播平臺,點選按鈕(Button)後改變顏色
- Android 點選按鈕跳轉Android
- CSS點選隱藏和顯示div效果CSS
- jQuery點選滑出層效果程式碼例項jQuery
- Android入門教程 | Button,TextView背景設定AndroidTextView
- 點選 Button觸發事件將GridView1 CheckBox勾選的行新增到GridView2中事件View
- android 跨程式點選方式總結Android
- 點選導航欄切換背景色效果
- SVG點選實現動態放大的圓效果SVG
- 使用CSS實現逼真的水波紋點選效果CSS
- 成品直播原始碼,點選滑動切換效果原始碼
- JavaScript實用的表格行滑鼠點選高亮效果JavaScript
- Android中Button設定background過程的研究Android
- android checkbox自定義去修改background而不是buttonAndroid
- Android 點選波紋擴散動畫Android動畫
- Android處理按鈕重複點選Android
- Android | 使用 AspectJ 限制按鈕快速點選Android
- 點選最後一行表格行自增效果
- 用Kotlin實現Android點選事件的方法KotlinAndroid事件
- 點選彈出居中使用者登入框效果