1. 程式人生 > >Material Design動畫:漣漪效果

Material Design動畫:漣漪效果

概述:本文介紹的是Android5.0中其中一個炫酷的效果,點選水波紋漣漪效果,如下圖所示:
這裡寫圖片描述

1,配置漣漪效果的xml檔案

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#ffffff">
    <!--顯示預設的 drawable,純顏色效果最好-->
    <item android:drawable="@color/green" />

    <!--匹配預設值的波紋效果剪下遮罩-->
<item android:id="@android:id/mask" android:drawable="@color/green" /> </ripple>

2,在需要的控制元件中引用

android:background="@drawable/background_button"

3,如果需要點選的時候背景圖片狀態變化可以自定義一個background檔案,然後將drawble替換即可

<selector xmlns:android="http://schemas.android.com/apk/res/android"
>
<item android:state_pressed="true" android:drawable="@mipmap/ibox_botton_device2" /> <item android:state_pressed="false" android:drawable="@mipmap/ibox_botton_device1" /> </selector>