我们都知道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"
/>
好了这样就完成了自定义按钮了