刚开始做安卓ui设计,今天做的是对按钮自定义!目标是自己定义一个圆角按钮,并且按下后能后实现背景图片的变化!
首先 我们要定义个按钮形态的xml文件,文件名是roundbutton_default.xml这个文件就是我们按钮的默认初始状态。代码如下:
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充的颜色 -->
<solid android:color="#0000FF" />
<!-- 设置按钮的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners android:radius="10dip" />
<!-- padding:Button里面的文字与Button边界的间隔 -->
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp"
/>
</shape>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充的颜色 -->
<solid android:color="#FF0000" />
<!-- 设置按钮的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners android:radius="10dip" />
<!-- padding:Button里面的文字与Button边界的间隔 -->
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp"
/>
</shape>
接下来,我们定义一个选择器,它也是一个xml文件,名字是 btn_selector.xml,实现上面按钮形态的变化。代码如下:
<?xml version="1.0" encoding="utf-8"?>
<!-- bg_selector.xml
* File:
* Copyright © 2013, Texas Instruments Incorporated - http://www.ti.com/
* All rights reserved.
-->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/roundbutton_pressed" android:state_pressed="true"/>
<item android:drawable="@drawable/roundbutton_default" android:state_pressed="false"></item>
</selector>
最后在布局文件中定义一个按钮,加入 android:background="@drawable/btn_selector"属性。 代码如下:
<Button
android:id="@+id/bncancel"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@drawable/btn_selector"
android:text="取消"
android:textColor="#FFFFFF" />
运行整个项目,可查看设置效果!
注意,如果有相应默认图片,把自定义文件改成图片名称,即可简单实现功能!