济南APP制作开发 济南APP定制开发 济南手机APP软件制作开发公司

您的位置:首页 > 技术观点 > 信息详情

Android Studio之圆形按钮设计

来源:山东鸿软信息科技有限公司  阅读量:  时间:2022-03-25 15:03


效果如图所示:
p111.png


实现方法

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



成为您更加专业的技术合伙人

APP开发 | 网站建设 | 产品服务 | 技术观点 | 关于我们      客服电子邮箱:1828087588@qq.com  客服QQ:1828087588、1421667633  电话:151-6502-2080

Copyright © 2016 山东鸿软信息科技有限公司 版权所有 https://www.greatsoft.cc 鲁ICP备16026454号