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>
<?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>