Android XML自定义按钮背景,5.0以上实现波纹效果

按下前 bg1.xml
 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <solid android:color="#8803a9f4"/>
    <stroke
        android:width="1dp"
        android:color="#9903a9f4"/>
    <corners

        android:topLeftRadius="8dp"
        android:topRightRadius="8dp"
        android:bottomLeftRadius="8dp"
        android:bottomRightRadius="8dp"/>

</shape>

按下后 bg2.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <solid android:color="#71c2bf"/>
    <stroke
        android:width="1dp"
        android:color="#4bc0f7"/>
    <corners

        android:topLeftRadius="8dp"
        android:topRightRadius="8dp"
        android:bottomLeftRadius="8dp"
        android:bottomRightRadius="8dp"/>

</shape>

5.0之前  

bg.xml

<?xml version="1.0" encoding="utf-8"?>


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

5.0之后 有波纹效果

bg.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#71c2bf">
    
    <item android:drawable="@drawable/button_bg_1" />
    
    <!--或者直接用下面的-->
    <!--<item>-->
    <!--<shape-->
        <!--&gt;-->
        <!--<solid android:color="#8803a9f4"/>-->
        <!--<stroke-->
            <!--android:width="1dp"-->
            <!--android:color="#9903a9f4"/>-->
        <!--<corners-->

            <!--android:topLeftRadius="8dp"-->
            <!--android:topRightRadius="8dp"-->
            <!--android:bottomLeftRadius="8dp"-->
            <!--android:bottomRightRadius="8dp"/>-->

    <!--</shape>-->
<!--</item>-->
    
</ripple>

猜你喜欢

转载自blog.csdn.net/ink_s/article/details/81131108