经常在手机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" />