安卓开发自定义按钮形状

Posted 2021-06-01 皮皮虾不止皮还很秀

矩形圆角形状：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
        <solid android:color="#43CD80"/>
        <corners android:radius="5dp"/>
</shape>

实际效果：

矩形圆角边框：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="1dp"
        android:color="#1E90FF"/>
    <corners android:radius="5dp"/>

</shape>

效果如下：


选中按钮变换颜色：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
    <shape>
        <solid android:color="#1E90FF"/>
        <corners android:radius="5dp"/>
    </shape>
</item>
    <item android:state_pressed="false">
        <shape>
            <solid android:color="#63B8FF"/>
            <corners android:radius="5dp"/>
    </shape>>
</item>
</selector>

效果如下：
选中前：

选中后：
圆形效果：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="#279ddd"/>
            <size
                android:height="60dp"
                android:width="60dp"/>
        </shape>
    </item>
    <item android:state_pressed="false">
        <shape android:shape="oval">
            <solid android:color="#e6e6e6"/>
            <size
                android:height="60dp"
                android:width="60dp"/>
        </shape>>
    </item>
</selector>

实际效果：