按钮类组件 Button

文字大小、颜色

修改按钮颜色无效问题

textAllCaps：设置字母大小

<Button
        android:id="@+id/btn_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮1"
        android:textSize="20sp"
        android:textColor="#FFFFFF"
        android:background="#FF0000"
        android:textAllCaps="false"/>

自定义背景形状

实心背景图

右键drawable→new→Drawable resource file→Root element:shape，命名为bg-btn2

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FF9900" />
    <corners android:radius="20dp" />
</shape>

<Button
        android:id="@+id/btn_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮2"
        android:textSize="20sp"
        android:textColor="#FFFFFF"
        android:background="@drawable/bg_btn2"
        android:layout_marginTop="10dp"/>

空心背景图

右键drawable→new→Drawable resource file→Root element:shape，命名为bg-btn3

<Button
        android:id="@+id/btn_3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮3"
        android:textSize="20sp"
        android:textColor="#FF9900"
        android:background="@drawable/bg_btn3"
        android:layout_marginTop="10dp"/>

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

自定义按压效果

右键drawable→new→Drawable resource file→Root element:selector,命名为bg-btn4

<?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="#AA6600" />
            <corners android:radius="5dp" />
        </shape>
    </item>
    <item android:state_pressed="false">
        <shape>
            <solid android:color="#FF9900" />
            <corners android:radius="5dp" />
        </shape>
    </item>
</selector>

<Button
        android:id="@+id/btn_4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮4"
        android:textSize="20sp"
        android:textColor="#FFFFFF"
        android:background="@drawable/bg_btn4"
        android:layout_marginTop="10dp"/>

添加点击事件

按钮点击事件的四种实现方式