在xml中自定义button的颜色样式

来源:互联网 发布:oracle数据库自学网 编辑:程序博客网 时间:2024/06/04 19:27

我们都知道button可以在通过自定义Button然后重写onDraw方法来得到自己想要的样式,但如何在xml中自定义button的样式呢,今天就教大家一个简单的自定义button的案例

大体思路是在drawable文件夹下新建一个selector的资源文件,然后把该资源文件当做背景设置到xml中的button上面,来看具体步骤:

首先在drawable下新建一个btn_self.xml的资源文件:

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space:pre"></span>//此item为按钮被按下后的状态</span>
    <item android:state_pressed="true">        <shape xmlns:android="http://schemas.android.com/apk/res/android"            android:shape="rectangle">            <solid android:color="#075391"/>            <corners android:radius="5dp" />        </shape>    </item>
<span style="white-space:pre"></span>//没有被按下的状态    <item android:state_enabled="false">        <shape xmlns:android="http://schemas.android.com/apk/res/android"            android:shape="rectangle">            <solid android:color="#073f6e"/>            <corners android:radius="5dp" />        </shape>    </item>
<span style="white-space:pre"></span>//正常的状态    <item >        <shape xmlns:android="http://schemas.android.com/apk/res/android"            android:shape="rectangle">
<span style="white-space:pre"></span>//自定义button颜色            <solid android:color="#0862ab"/>
<span style="white-space:pre"></span>//自定义圆角的大小            <corners android:radius="5dp" />        </shape>    </item></selector>

然后在你的布局文件中设置你要自定义button的背景:


<Button                    android:layout_width="match_parent"                    android:layout_height="wrap_content"                    android:layout_weight="1"                    android:layout_margin="5dp"                    android:text="上一步"                    android:id="@+id/content_main_btnBack"                    android:background="@drawable/btn_self"                    android:textColor="@color/white"                    />

好了这样就完成了自定义按钮了

0 0
原创粉丝点击