在android开发中,Button是使用很频繁的一种控件,而android提供的原生Button是很规矩的矩形外观,有时候缺乏美感,而相反,圆角按钮则可以提升美感。那么,我们如何设计实现出圆形按钮呢?
话不多说,请看实现!
-
在drawable目录下新建名称如“shape.xml”的文件
<pre class="html" name="code"><pre class="html" name="code"><?xml version="1.0" encoding="UTF-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- 填充的颜色 -->
<solid android:color="#cfe0ef" />
<!-- 弧形的半径 -->
<corners android:radius="100dip" />
<!--文字与Button边界的间隔 -->
<padding
android:left="40dp"
android:top="40dp"
android:right="40dp"
android:bottom="40dp"
/>
</shape>
-
在Layout目录下新建布局文件,引用shape.xml,见红色标注代码
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="mbl.box.MainActivity"
android:background="#cfe0ef">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="ok"
android:id="@+id/btn_ok"
android:layout_marginTop="53dp"
<span style="color:#cc0000;">android:background="@drawable/shape"
</span> android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>
到此,一切OK!