同福

Android的Button控件的样式设置大全

介绍

介绍

福哥在经过一系列的研究,总结了Android的Button的样式的各种设置方法,分享给大家!

按钮样式

给Button设置样式的方法是先在drawable里建立样式表button_style,在样式表里通过shape设置Button控件的样式,最后在布局里对Button的background设置这个样式表即可

边框

使用stroke设置Button的边框,width控制边框大小,color控制边框颜色

<stroke android:width="1dp" android:color="#ffffff" />

背景

使用solid设置Button的背景,color控制背景颜色

<solid android:color="#ffffff" />

圆角

使用corners设置Button的圆角,radius控制圆角角度

<corners android:radius="10dp"/>

完整示例

下面给出一个完整的按钮样式的示例,在drawable下面建立button_style样式表,在里面写上如下内容

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="1dp" android:color="#cccccc" />
    <solid android:color="#ffffff" />
    <corners android:radius="10dp" />
</shape>

设置样式

打开布局文件,找到Button控件,将Button控件的background改成这个样式表

android:background="@drawable/button_style"

按钮多态

Button有很多种状态,可以使用selector控制不同状态下的按钮的样式

在使用selector之前需要将Button各种状态下的样式分别写到不同的样式表里,假设我们创建了button_style_disabled(禁用状态)、button_style_normal(常规状态)、button_style_pressed(按下状态)三个样式,就可以通过selector控制它们了

完整实例

下面给出一个完整实例,分别设置了Button的disabled(禁用)状态、normal(常规)状态和pressed(按下)状态,在drawable下建立button_style_selector,在里面写上如下内容

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false"
        android:drawable="@drawable/button_style_disabled" />
    <item android:state_pressed="false"
        android:drawable="@drawable/button_style_normal" />
    <item android:state_pressed="true"
        android:drawable="@drawable/button_style_pressed" />
</selector>

设置样式

打开布局文件,找到Button控件,将Button控件的background改成这个样式表

android:background="@drawable/button_style_selector"

总结

今天我们学会了Button设置样式的基本方法,应对一般的布局是完全够用了!