安卓14自由窗口圆角处理之绘制圆角轮廓线

背景:

前面文章已经分享过:

如何一行代码搞定自由窗口的圆角处理?-wms/自由窗口/sf实战开发

但是又有学员朋友提出另一个blog的成果:

安卓aosp14上自由窗口划线边框Freeform Caption实战开发-千里马framework实战

想要把划线和圆角进行结合,把划线也变成圆角的,但是目前结合之后的情况是这样的:

下面就带大家来解决这样一个小需求小问题。

解决方法:

因为本质上划线只是一个自定义的OutlineLayout,所以只需要把当前的绘制矩形变成绘制圆角矩形既可以,但是绘制圆角矩形肯定需要圆角的半径和自由窗口的圆角半径保持一直,所以这里需要把自由窗口圆角半径设置给OutlineLayout。 设置圆角半径部分的代码: 半径来源: 主动设置半径

OutlineLayout部分的完整代码:

cpp 复制代码
public class OutlineLayout extends LinearLayout {

    float mCornerRadius = 0;
    public OutlineLayout(Context context) {
        super(context);
    }

    public OutlineLayout(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public OutlineLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public OutlineLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    public void setCornerRadius(float cornerRadisRadius) {
        this.mCornerRadius = cornerRadisRadius;
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);
        Paint paint = new Paint();
        paint.setColor(Color.RED);
        paint.setAntiAlias(true);
        paint.setStrokeWidth(30);
        paint.setStyle(Paint.Style.STROKE);
        RectF rect = new RectF(0,0,getWidth(),getHeight());
        //canvas.drawRect(rect,paint);canvas.draw
        canvas.drawRoundRect(rect,mCornerRadius,mCornerRadius,paint);
    }
}

整体代码也很简单,主要就是以下2个修改: 1、提供设置圆角半径的接口给外部

2、针对使用canvas.drawRoundRect绘制圆角的矩形

更多framework实战干货,请关注下面"千里马学框架"

相关推荐
朱 欢 庆3 小时前
云服务器附件备份到本机内网服务器
运维·服务器·前端·经验分享
支支დ8 小时前
VO by Vercel 前端特定优势:为什么它是构建 AI 应用的新范式
前端·人工智能
香芋芋圆8 小时前
AI 冲击内卷之下,普通前端如何破局?WebGIS—— 低门槛突围赛道
前端·javascript·人工智能·学习·职场发展
INS_KF9 小时前
【编程笔记】成员函数中两个 const 的区别(const Data &getData() const;)
前端·javascript·笔记
宿6749 小时前
vue3-async
前端·javascript·vue.js
YXWik610 小时前
记录前端请求接口在浏览器请求响应的Preview和Response展示的一样的问题
前端
2501_9289962210 小时前
GPT-4o换DeepSeek迁移成本多少?中科热备解析API聚合平台技术账本
前端·数据库·人工智能
东风破_10 小时前
从跨域到 WebSocket:前端跨域方案、SSE 与双向实时通信详解
前端·后端
原则猫10 小时前
TS 类型工具
前端
excel11 小时前
Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案
前端·javascript