您当前的位置: 首页 >  ar

Kevin-Dev

暂无认证

  • 0浏览

    0关注

    544博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【Kevin Learn QMUI】--> QMUIRadiusImageView2

Kevin-Dev 发布时间:2022-04-02 08:00:00 ,浏览量:0

不断学习,做更好的自己!💪

视频号CSDN简书欢迎打开微信,关注我的视频号:KevinDev点我点我 简介

提供为图片添加圆角、边框、剪裁到圆形或其他形状等功能。

开始使用

qmui

  1. 引入库 请确保配置了 JCenter 仓库源,然后直接引用: implementation "com.qmuiteam:qmui:2.0.0-alpha10" 至此,QMUI 已被引入项目中。

  2. 配置主题 把项目的 theme 的 parent 指向 QMUI.Compat,至此,QMUI 可以正常工作。

剪裁为圆形+边框+点击效果
  1. 效果图 image.png

  2. 布局文件



剪裁为椭圆形+边框+点击效果
  1. 效果图 image.png

  2. 布局文件



剪裁为圆角矩形+边框+点击效果
  1. 效果图 image.png

  2. 布局文件

 
  1. 核心代码
private void reset() {
        mRadiusImageView.setBorderColor(
                ContextCompat.getColor(this, R.color.radiusImageView_border_color));
        mRadiusImageView.setBorderWidth(QMUIDisplayHelper.dp2px(this, 2));
        mRadiusImageView.setCornerRadius(QMUIDisplayHelper.dp2px(this, 10));
        mRadiusImageView.setSelectedMaskColor(
                ContextCompat.getColor(this, R.color.radiusImageView_selected_mask_color));
        mRadiusImageView.setSelectedBorderColor(
                ContextCompat.getColor(this, R.color.radiusImageView_selected_border_color));
        mRadiusImageView.setSelectedBorderWidth(QMUIDisplayHelper.dp2px(this, 3));
        mRadiusImageView.setTouchSelectModeEnabled(true);
        mRadiusImageView.setCircle(false);
    }
关注
打赏
1658837700
查看更多评论
立即登录/注册

微信扫码登录

0.3014s