android 控件點擊水波紋效果的幾種方案

目前我所知道的至少有三種可以實現點擊水波紋的效果

第一種:安卓自帶的方法

在安卓中有自帶的一種屬性,可以實現水波紋的效果,就是在所需要點擊的控件屬性加上如下代碼:

android:background="?attr/selectableItemBackground"

這種水波紋效果只適用于5.0以后的安卓系統

第二種:編寫ripple文件

在res文件先創建drawable-v21文件夾,并在文件夾下創建ripple文件,命名符合安卓命名規范就行了,如下圖,我命名為bg_white:

Paste_Image.png

接下來我們看看ripple文件該怎么寫,其實就是寫個shape,給個顏色值,如下圖:

Paste_Image.png

在xml文件中調用控件的background屬性:

android:background="@drawable/bg_white"

如下圖:

Paste_Image.png

需要注意的是,需要在drawable文件夾下創建同名的bg_white.xml文件,可以是selector或者shape文件,這個是為了兼顧5.0以下的版本的點擊效果,如果沒有的話,在5.0以下的版本在點擊時候會報錯

這一種也是只能在5.0以后系統才有效

第三種:github別人寫的控件

github地址:https://github.com/balysv/material-ripple
使用步驟:

1.添加依賴:

compile 'com.balysv:material-ripple:1.0.2'

2.包裹你要點擊的布局

<com.balysv.materialripple.MaterialRippleLayout
android:id="@+id/ripple"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="Button inside a ripple"/>
</com.balysv.materialripple.MaterialRippleLayout>

其中提供了如下屬性,可以設置你水波紋時間,水波紋顏色,等等效果

Paste_Image.png

值得一說的是這種方式適配范圍較管,可以適配到4.0以上的(4.0一下沒測試過),就是在寫布局時候都要嵌套一層,會比較繁瑣。

以上就是我所知道的三種方式添加水波紋的效果,其實github上面也有好幾個添加水波紋效果的,但是都跟第三種大同小異,都是包裹布局的。就不一一列舉了。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容