QMUI-android的学习与实践(一)QMUIRoundButton 的使用

作为一个小白,该文章用于对自己的学习做一个记录,以便以后复习有据可查。如有什么问题请大佬留言提醒。

QMUIRoundButton的特性
对 Button 提供圆角功能,支持以下特性:
1.指定圆角的大小。
2.分别指定不同方向的圆角大小。
3.指定圆角的大小为高度的一半,并跟随高度变化自适应圆角大小。
4.支持分别指定背景色和边框色

QMUIRoundButton使用起来的是非常简单的,在平时的开发中也会经常用到圆角按钮。

QMUIRoundButton设置边框和圆角的属性值

                    app:qmui_backgroundColor="@color/red"//背景色
                    app:qmui_borderColor="@color/blue"//边框颜色
                    app:qmui_borderWidth="10dp"//边框宽度
                    app:qmui_isRadiusAdjustBounds="true"//true 圆角为短边的一半
                    app:qmui_radius="10dp"//圆角
                    app:qmui_radiusBottomLeft="10dp"//左下圆角
                    app:qmui_radiusBottomRight="10dp"//右下圆角
                    app:qmui_radiusTopLeft="10dp"//左上圆角
                    app:qmui_radiusTopRight="10dp"//右上圆角

下面放入修改不同属性后ui的效果图
修改各属性后的效果图
下面放入对应的代码:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:layout_marginTop="10dp">
    <com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:paddingBottom="10dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:paddingTop="10dp"
        android:text="设置圆角为短边的一半属性"
        app:qmui_isRadiusAdjustBounds="true" />

    <!--以下自定义不同圆角大小属性不设置或设置为零是没有圆角
        -->
    <com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton
        android:layout_marginTop="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:paddingBottom="10dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:paddingTop="10dp"
        app:qmui_radiusBottomLeft="10dp"
        app:qmui_radiusBottomRight="20dp"
        app:qmui_radiusTopLeft="30dp"
        app:qmui_radiusTopRight="40dp"
        android:text="自定义不同圆角大小" />
    <com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton
        android:layout_marginTop="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:paddingBottom="10dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:paddingTop="10dp"
        app:qmui_radius="10dp"
        android:text="自定义统一圆角大小" />
    <com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton
        android:layout_marginTop="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:paddingBottom="10dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:paddingTop="10dp"
        app:qmui_borderColor="#000000"
        app:qmui_borderWidth="5dp"
        android:text="修改边框宽度和颜色" />
    <com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton
        android:layout_marginTop="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:paddingBottom="10dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:paddingTop="10dp"
        app:qmui_backgroundColor="#000000"
        android:text="修改背景颜色" />
</LinearLayout>

以上就是现在我对QMUIRoundButton的使用,如果对QMUIRoundButton有新的了解,将会更新。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值