Android设置边框圆角

在Android开发中,圆角设计十分常见,那么实现边框圆角有几种形式呢?

文章目录


设置圆角边框样式

常见的方式是在drawable文件夹下设置一个xml文件的边框样式,比如

java 复制代码
 <shape android:shape="rectangle">
            <solid android:color="@color/grid_item_bg_normal" />
            <corners android:radius="35px" />
        </shape>

其实这样的操作是改变背景,同时会导致内容穿透的效果。

使用ClipToOutline进行裁切

此方法是Android5.0之后提供,具体操作如下

java 复制代码
private final ViewOutlineProvider viewOutlineProvider = new ViewOutlineProvider() {
        @Override
        public void getOutline(View view, Outline outline) {
            Rect selfRect = new Rect(0, 0, view.getWidth(), view.getHeight());
            outline.setRoundRect(selfRect, 20);
        }
    };

ivQrCode.setOutlineProvider(viewOutlineProvider);
ivQrCode.setClipToOutline(true);

先声明ViewOutlineProvider此类,自定义实现需要设置的属性,该类是专门用来处理阴影和裁切的,然后在应用裁切即可。

最后

Outline相对于shape来说,是真正的实现边缘裁切的,shape其实只是设置背景而已,它的view的范围还是那个正方形的范围。最明显的表现于,shape如果内容填满布局,会看到内容超出圆角,而Outline不会。当然如果你shape配合padding的话肯定也不会出现这种情况。

参考
Android边框裁切的正确姿势实现示例

相关推荐
csj5012 小时前
安卓基础之《(20)—高级控件(2)列表类视图》
android
JMchen12312 小时前
Android计算摄影实战:多帧合成、HDR+与夜景算法深度剖析
android·经验分享·数码相机·算法·移动开发·android-studio
恋猫de小郭14 小时前
Flutter 在 Android 出现随机字体裁剪?其实是图层合并时的边界计算问题
android·flutter·ios
2501_9159184114 小时前
把 iOS 性能监控融入日常开发与测试流程的做法
android·ios·小程序·https·uni-app·iphone·webview
benjiangliu15 小时前
LINUX系统-09-程序地址空间
android·java·linux
独自破碎E16 小时前
字符串相乘
android·java·jvm
DokiDoki之父16 小时前
边写软件边学kotlin(一):Kotlin语法初认识:
android·开发语言·kotlin
REDcker16 小时前
Telegram Android 源码解析完整文档
android
Big Cole16 小时前
PHP面试题(核心基础篇:垃圾回收+自动加载)
android·开发语言·php
雪球Snowball17 小时前
【Android关键流程】WMS的创建
android