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="我是圆形按钮" />

巴特西

Android Studio之圆形按钮设计

•效果展示图

•实现方法

最新文章

热门文章