更新升级 专属应用 系统故障 硬件故障 电脑汽车 鸿蒙刷机 鸿蒙开发Linux教程 鸿蒙开发Linux命令
当前位置:HMXT之家 > 应用开发 > 鸿蒙开发Ark UI绘制圆形,添加渐变色失败,圆形变方形

鸿蒙开发Ark UI绘制圆形,添加渐变色失败,圆形变方形

更新时间:2022-06-26 14:50:06浏览次数:752+次

在鸿蒙开发中,Ark UI绘制圆形,添加渐变色失败,圆形变方形。当前通过绘制组件绘制圆形,同时希望添加渐变颜色,代码如下,添加渐变后形状变为方形,不知道该如何处理?

\

代码

Circle().width(50).height(50).fill('none').linearGradient({

          angle: 90,

          direction: GradientDirection.Left,

          colors: [[0xAEE1E1, 0.0], [0xD3E0DC, 0.3], [0xFCD1D1, 1.0]]

        })

解答

可以剪切一下,这样处理,如下代码:

Circle().width(50).height(50)

                .fill('none')

                .linearGradient({

                    angle: 90,

                    direction: GradientDirection.Left,

                    colors: [[0xAEE1E1, 0.0], [0xD3E0DC, 0.3], [0xFCD1D1, 1.0]]

                })

                .clip(new Circle({width: 50, height: 50}))