android 水波紋效果實現

來源:互聯網
上載者:User

標籤:col   white   bottom   drawable   odi   version   sha   orm   sed   

1.在drawable檔案下,建立seletor,作為button的背景,這裡我用的是兩個圓角的shape

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/shape_btn_cycle_normal"/>    <item android:state_pressed="true" android:drawable="@drawable/shape_btn_cycle_press"/></selector>

 

  shape_btn_cycle_normal

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners        android:bottomLeftRadius="20dp"        android:bottomRightRadius="20dp"        android:topLeftRadius="20dp"        android:topRightRadius="20dp"/>    <solid android:color="@color/colorWhite"/></shape>

  shape_btn_cycle_press

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners        android:bottomLeftRadius="20dp"        android:bottomRightRadius="20dp"        android:topLeftRadius="20dp"        android:topRightRadius="20dp"/>    <solid android:color="@color/colorGray"/></shape>

 

  2.在drawable-v21下,建立同selector名的ripple,如上,我的selector是selector_btn_cycle_bg,這裡drawable-v21下建立selector_btn_cycle_bg.xml

<?xml version="1.0" encoding="utf-8"?><ripple xmlns:android="http://schemas.android.com/apk/res/android"    android:color="@color/colorGray"> //選中的水波紋的顏色    <item android:drawable="@drawable/shape_btn_cycle_normal"/>//未選中的背景狀態</ripple>

 

android 水波紋效果實現

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.