经常在手机App上发现好多按钮是圆边的,而且非常好看,但是常规的定义按钮出来效果都是矩形的,不是特别美观,下面将介绍android如何设置圆边的按钮:
其实做一个圆边的按钮非常的简单,只需要按照正常的控件定义,然而单独设计一个圆边的背景.xml文件即可,也就是说,在res文件底下的drawable文件里面设计一个.xml文件,然后在Button控件布局里面调用该.xml文件即可。以下是详细代码:
首先在res文件底下的drawable文件里面写好waney.xml代码:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<!-- 填充的颜色 -->
<solid android:color="#6699FF" />
<!-- 设置按钮的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners android:radius="200dip" />
<!-- padding:Button里面的文字与Button边界的间隔 -->
<padding
此处可以设置内容距Button边界的间距
/>
</shape>
waney.xml文件设置好了,接下来就是简单的Button空间的布局了,这里只需要将Button控件的背景设置为上面的waney.xml文件背景即可:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<Button
android:id="@+id/roundButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/waney"
android:text="圆角按钮" />
</LinearLayout>
经过以上的步骤,一个简单的圆边按钮设计完成。祝你成功!
<Button
android:layout_width="fill_parent"
android:layout_height="48dp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:background="@drawable/shape"
android:text="提交"
android:textColor="@color/white"
android:textSize="16sp" />