自定义Button

来源:互联网 发布:广西广电网络上不了网 编辑:程序博客网 时间:2024/03/29 19:23

自定义Button,主要是对背景android:background 进行自定义。background 属性可以指定一个颜色的RGB值,也可以指定一个drawable 对象,一般为shape drawable 或者state-list drawable。

先来研究一下系统主题下的Button 样式。

打开styles.xml,找到系统下的Button 样式如下:

    <style name="Widget.Button">        <item name="background">@drawable/btn_default</item>        <item name="focusable">true</item>        <item name="clickable">true</item>        <item name="textAppearance">?attr/textAppearanceSmallInverse</item>        <item name="textColor">@color/primary_text_light</item>        <item name="gravity">center_vertical|center_horizontal</item>    </style>

主要看一下background 属性。打开btn_default.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_window_focused="false" android:state_enabled="true"        android:drawable="@drawable/btn_default_normal" />    <item android:state_window_focused="false" android:state_enabled="false"        android:drawable="@drawable/btn_default_normal_disable" />    <item android:state_pressed="true"         android:drawable="@drawable/btn_default_pressed" />    <item android:state_focused="true" android:state_enabled="true"        android:drawable="@drawable/btn_default_selected" />    <item android:state_enabled="true"        android:drawable="@drawable/btn_default_normal" />    <item android:state_focused="true"        android:drawable="@drawable/btn_default_normal_disable_focused" />    <item         android:drawable="@drawable/btn_default_normal_disable" /></selector>

发现Button 的主要样式都定义在这里了。

根元素用<selector>指定,说明这是一个state list drawable。在根元素下有许多<item>子元素对象,每个item 都可以指定不同状态下的样式。android:state_XXX 用于指定样式,android:drawable 用于指定该样式下应用的背景。对于Button 来说,就有pressed, enabled 等多种状态。

再随便打开一个item 下的drawable,就可以看到这个Button 到底长什么样了。

关于打开的方法,可以直接用Ctrl+鼠标左键,如果这样不行的话,可以直接到sdk的目录下查找,例如:

可以看到,系统中直接用一张 .9 的文件来定义按键的背景。



明白了这些以后,其实自定义Button 很简单,只需要将background 替换成自己的drawable :

                android:background="@drawable/btn_login"

首先在drawable 文件夹下新建一个xml文件,根元素为<selector>:

btn_login.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/btn_login_normal" android:state_pressed="false"/>    <item android:drawable="@drawable/btn_login_pressed" android:state_pressed="true"/></selector>

这里只指定了正常和按下两种状态,如果有需要,也可以指定其他状态。drawable 属性可以是一张图片,也可以是shape drawable 的对象,例如:

btn_login_normal.xml

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

在上面的代码中,<solid>指定了颜色,<corners>指定了圆角。也可以使用<gradient>指定渐变颜色,<stroke>指定边框等等。。。




0 0
原创粉丝点击