当前位置：首页 > article >正文

自由窗口边框阴影描绘方案汇总-社群讨论学习

article 2025/1/30 9:52:11

背景：

针对很多厂商的自由窗口都有内外阴影效果，针对这样一个需求其实不仔细看可能都看不出来，不过确实也是存在的这种阴影，这里我搞个明显一些的给大家看看：
在这里插入图片描述
针对这样一个需求，在我们vip学员群里进行了相关实现的技术方案讨论，马哥这边进行一下相关社群讨论的的汇总，总体上讨论出两种方案：

1、基于view级别的绘制阴影，然后view挂载到高图层上覆盖自由窗口

2、基于SurfaceFlinger的的gpu的skia绘制阴影

方案1：基于view级别的绘制阴影

在这里插入图片描述
大概思路就是针对某一个View进行绘制边框阴影，使用canvas绘制好相关的阴影在view上，然后把这个view盖在自由窗口的task图层上。

在这里插入图片描述

核心注意点：
1、阴影图层需要考虑放置的位置位于自由窗口的顶部
2、阴影View正常要比Task区域显示要大一些，这样才可以有外阴影的效果
在这里插入图片描述

大概方案：
可以采用Windowless图层，让Windowless图层需要挂载在Task的父亲，而不是Task哈，因为Task本身被设置了WindowCrop，会裁剪掉面积大小，导致显示异常，所以这里要挂载到Task的显示区域大的父亲上。

方案2：基于SurfaceFlinger的的gpu的skia绘制阴影

这种首先得有一个前提自由窗口的task图层是需要经过gpu合成的，这种如何让Task进行gpu合成，其实一般使用了自由窗口使用圆角都是需要经过gpu合成的。
在这里插入图片描述
然后在GPU绘制时候，可以考虑使用skia绘制一个阴影图层，这个在SurfaceFlinger中gpu合成绘制时候是可以使用skia相关的api绘制阴影，具体skia代码如何绘制实现可以参考原来的SurfaceFlinger有绘制相关的截图logo项目。