android从零单排之设置圆边按钮

时间:2022-12-05 16:11:13

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