炫酷的MaterialDesign Ripple水波紋動畫效果

google在android 5.0上加入了觸摸反饋動畫(Ripple),設置成功后,點擊控件的時候會從點擊位置產生一圈水波紋的擴散效果

  • 使用系統自帶資源在XML文件上配置Ripple動畫

    //波紋有邊界
    android:background="?android:attr/selectableItemBackground" 
    
    //波紋可以擴散出邊界
    android:background="?android:attr/selectableItemBackgroundBorderless"
    
  • 自定義drawable配置Ripple動畫

    1. 自定義drawable

      <?xml version="1.0" encoding="utf-8"?>
      <ripple xmlns:tools="http://schemas.android.com/tools"
          android:color="@color/red" //默認的背景顏色
          xmlns:android="http://schemas.android.com/apk/res/android"
          tools:targetApi="lollipop"> 
          <item
              android:drawable="@color/blue" /> //按下時的水波紋顏色
      </ripple>
      

      ?

    2. 在代碼上配置動畫資源

      if (Build.VERSION.SDK_INT > Build.VERSION_CODES.KITKAT) {
        btnTest.setBackgroundResource(R.drawable.ripple);
      }
      
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容