最近研究Google Material Design 發(fā)現(xiàn)檔次比公司UI圖高很多,有木有.這里先實(shí)現(xiàn)個(gè)水波紋效果來感受下 效果圖:
xi
-
系統(tǒng)有界效果
.xml設(shè)置:
android:background="?android:attr/selectableItemBackground"
向下兼容,API21以下也可以使用,點(diǎn)擊會(huì)變色,但不會(huì)有水波紋效果.
-
系統(tǒng)無界效果
.xml設(shè)置:
android:background="?android:attr/selectableItemBackgroundBorderless"
特別注意: 此效果API21以上才能用,21以下會(huì)報(bào)錯(cuò). 所以最小版本要設(shè)置為21
這里寫圖片描述
-
自定義有界效果
在res里創(chuàng)建drawable-v21文件 white_ripple.xml
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/ripple">
<!--去掉此item內(nèi)容就是無界效果-->
<item>
<shape>
<!-- 中間的背景色-->
<solid android:color="@color/white"/>
</shape>
</item>
</ripple>
特別注意: 需要在drawable文件里創(chuàng)建同名文件white_ripple.xml 適配5.0以下機(jī)型.不然會(huì)崩潰的
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 沒有焦點(diǎn)時(shí)的背景顏色 -->
<item android:drawable="@color/white" android:state_window_focused="false" />
<!-- 非觸摸模式下獲得焦點(diǎn)并單擊時(shí)的背景顏色 -->
<item android:drawable="@color/ripple" android:state_focused="true" android:state_pressed="true" />
<!-- 觸摸模式下單擊時(shí)的背景顏色 -->
<item android:drawable="@color/ripple" android:state_focused="false" android:state_pressed="true" />
<!-- 選中時(shí)的背景顏色 -->
<item android:drawable="@color/ripple" android:state_selected="true" />
<!-- 獲得焦點(diǎn)時(shí)的背景 顏色 -->
<item android:drawable="@color/ripple" android:state_focused="true" />
</selector>
另:5.0以下沒有水波紋效果.就是點(diǎn)擊變色效果
4.自定義selector圓角效果
在res里創(chuàng)建drawable-v21文件 button_ripple.xml
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/colorAccent">
<item>
<shape>
<!-- 中間的背景色 -->
<solid android:color="@color/colorPrimaryDark"/>
<!-- 設(shè)置四個(gè)角的角度 -->
<corners android:radius="4dp"/>
</shape>
</item>
</ripple>
同樣需要在drawable文件里創(chuàng)建同名文件button_ripple.xml 適配5.0以下機(jī)型.
參考資料:http://blog.csdn.net/u012702547/article/details/52325418 就這樣吧 有興趣的可以去看看 還有圖形的點(diǎn)擊變換效果
DEMO下載地址
