Android开发圆角button的简单实现

Android开发圆角button的简单实现

当我们在做开发时，设计界面UI时会发现如果调用系统自带的button会显得有些难看，有时我们在其他软件上看到button按钮四个角都是有弧度的，俗称圆角button，这种button整体效果还是不错的，那在这里我就简单介绍下如何实现圆角button的方法。

先上效果图先：

首先新建一个xml文件，这里我命名为button.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#ec5050" />

    <!-- topLeftRadius  左上角弧度 -->
    <!-- topRightRadius  右上角弧度 -->
    <!-- bottomLeftRadius  左下角弧度 -->
    <!-- bottomRightRadius  右下角弧度 -->
    <corners
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp" />
</shape>

然后在我们需要应用的布局文件中应用这个button.xml文件就ok了

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ededed"
    android:orientation="vertical" >

     <RelativeLayout
        android:id="@+id/top"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@drawable/mmtitle_bg"
        android:clipToPadding="true"
        android:fitsSystemWindows="true" >

        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true" >

            <ImageButton
                android:id="@+id/cancle"
                android:layout_width="45dp"
                android:layout_height="45dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/backup"
                android:clickable="true"
                android:onClick="backup" />

        </LinearLayout>

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="10dp"
            android:text="登录"
            android:textColor="#ffffff"
            android:textSize="19sp" />

    </RelativeLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:layout_marginTop="120dp"
        android:orientation="vertical" >

        <EditText
            android:id="@+id/login_username"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@drawable/login_zhuce1"
            android:digits="qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM1234567890"
            android:drawableLeft="@drawable/user"
            android:ems="10"
            android:hint="请输入用户名"
            android:padding="8dp"
            android:singleLine="true" />

        <requestFocus />

        <include layout="@layout/layout_line" />

        <EditText
            android:id="@+id/login_password"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@drawable/login_zhuce1"
            android:digits="qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM1234567890"
            android:drawableLeft="@drawable/lock"
            android:hint="请输入密码"
            android:padding="8dp"
            android:password="true"
            android:singleLine="true" >
        </EditText>
    </LinearLayout>

<!--在这里面引用button.xml文件即可实现圆角button-->
    <Button
        android:id="@+id/login_button"
        android:layout_width="320dp"
        android:layout_height="40dp"
        android:layout_centerVertical="true"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:background="@drawable/button"
        android:onClick="login"
        android:text="登录"
        android:textColor="#ffffff" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/Login_button"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="285dp"
        android:text=" "
        android:textColor="#ec5050"
        android:textSize="18sp" />

    <Button
        android:id="@+id/login_register"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/login_button"
        android:layout_marginTop="14dp"
        android:layout_toLeftOf="@+id/textView2"
        android:background="#0000"
        android:onClick="register"
        android:text="立即注册"
        android:textColor="#ec5050"
        android:textSize="15dp" />

    <Button
        android:id="@+id/forget"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/login_register"
        android:layout_alignBottom="@+id/login_register"
        android:layout_toRightOf="@+id/textView2"
        android:background="#0000"
        android:text="忘记密码"
        android:textColor="#ec5050"
        android:textSize="15dp" />

</RelativeLayout>