Android开发之制作带圆角的矩形按钮

Android开发之制作带圆角的矩形按钮

先上效果图：

点击前：

点击后：

步骤：

第一步

在colors.xml文件中定义按钮点击前后的颜色

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="normal_btn_bg">#4CB849</color>
    <color name="selected_btn_bg">#0C6609</color>
</resources>

第二步

在资源文件夹res下创建drawable文件夹，新建xml文件，命名为btn_common.xml,代码如下：

<?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="rectangle">
            <solid android:color="@color/selected_btn_bg"/>
            <corners android:radius="3dp"/>
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/normal_btn_bg"/>
            <corners android:radius="3dp"/>
        </shape>
    </item>
</selector>

第三步

在你的所需的布局文件下，为你的Button引用该资源即可，如下：

    <Button 
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:text="登陆"
        android:textSize="16sp"
        android:textColor="#ffffff"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:background="@drawable/btn_common"
        android:layout_alignParentBottom="true"/>