Android Studio之圆形按钮设计

 

•效果展示图

　　

•实现方法

　　点击 app/src/main/res 找到 drawable 文件夹，右击->New->Drawable Resource File。

　　创建一个 $drawable\ resource\ file$，命名为 $shape\_circle$；

　　在 $shape.xml$ 文件中添加如下代码：

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

    <!-- 填充颜色 -->
    <solid android:color="#30CCF3" />

    <!-- 设置按钮的四个角为弧形 -->
    <!-- android:radius 弧形的半径 -->
    <corners android:radius="360dip" />

    <!-- padding: Button 里面的文字与Button边界的间隔 -->
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
    
</shape>

　　然后，在 $<Button>$ 中调用 $shape\_circle$ 即可；

　　需要注意的是，要想实现圆形效果，需要把该 $<Button>$ 组件的长宽比设置为 1:1；

　　代码如下：

<Button
    android:background="@drawable/btn_shape_circle"
    android:layout_centerInParent="true"
    android:layout_height="150dp"
    android:layout_width="150dp"
    android:text="我是圆形按钮" />