Button圆角化
新建三个xml文件,分别命名为btn_normal.xml,btn_press.xml,btn_shape.xml,并将三个xml文件从layout目录下移动至drawable目录下。
将鼠标移至新建好的xml文件处,单击右键,按如下步骤进行操作。
将此处layout改为drawable。
btn_normal.xml为普通样式,代码如下所示
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!--对按钮进行圆角化-->
<corners android:radius="10dp"/>
<!--设置按钮背景颜色-->
<solid android:color="#00000000"/>
<!--stroke是按钮边框的线条-->
<stroke
android:width="1dp"
android:color="#000000"/>
</shape>
btn_press.xml为点击样式,代码如下所示
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!--对按钮进行圆角化-->
<corners android:radius="10dp"/>
<!--设置按钮背景颜色-->
<solid android:color="#0aa4c7"/>
<!--stroke是按钮边框的实现,每段虚线的长度,和两段虚线之间的颜色和虚线颜色-->
<stroke
android:width="1dp"
android:dashWidth="8dp"
android:dashGap="4dp"
android:color="#000000"/>
</shape>
设置圆角大小,数值越大,形状越圆滑。
设置背景颜色,
btn_shape.xml为调用时的样式,代码如下所示
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--普通时候的样式-->
<item android:drawable="@drawable/btn_normal" android:state_pressed="false"></item>
<!--点击后的样式-->
<item android:drawable="@drawable/btn_press" android:state_pressed="true"/>
</selector>
此时,该背景设置已完成,接下来Button调用该背景,在布局下放置Button控件,在控件Button中添加代码
android:background=“@drawable/btn_shape”,如下所示
<Button
android:layout_width="285dp"
android:layout_height="wrap_content"
android:text="登录"
android:textSize="20dp"
android:background="@drawable/btn_shape"
android:id="@+id/bt"
android:layout_gravity="center_horizontal" />
Button背景效果如下图所示