安卓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实战干货,请关注下面"千里马学框架"

相关推荐
发现一只大呆瓜5 分钟前
一文搞懂 Vite 处理CommonJS包、按需编译逻辑及 Rollup 插件兼容规则
前端
Edwardwu10 分钟前
写了个y-mxgraph:给 draw.io 接上了 Yjs,顺便解决了部署在 iframe 里的一堆问题
前端·typescript
其实防守也摸鱼14 分钟前
软件安全与漏洞--软件安全编码
java·前端·网络·安全·网络安全·web·工具
发现一只大呆瓜1 小时前
Vite 开发预构建机制详解,搞懂 esbuild 与 Rollup 分工差异
前端·面试·vite
九九落2 小时前
前端获取经纬度完全指南:从Geolocation API到地图集成
前端·获取经纬度
来恩10032 小时前
jQuery选择器
前端·javascript·jquery
前端繁华如梦2 小时前
树上挂苹果还是挂玻璃球?Three.js 程序化果实的完整实现指南
前端·javascript
墨痕诉清风2 小时前
Web浏览器客户端检测网站网络健康(代码)
前端·网络·测试工具
IMPYLH2 小时前
Linux 的 wc 命令
linux·运维·服务器·前端·bash
happybasic3 小时前
Python库升级标准流程~
linux·前端·python