HarmonyOS Circle组件咨询

Circle fill方法不支持传多个色值,需要做一个多个颜色的圆,从上到下排列均分,最多三个色值,我要想实现这个效果该如何做?

HarmonyOS
17h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

可使用颜色渐变,参考文档:https://docs.openharmony.cn/pages/v4.0/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md/

和形状剪切,参考文档:https://docs.openharmony.cn/pages/v4.0/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-sharp-clipping.md/

来实现类似的效果,代码如下:

@Entry
@Component
struct ColorGradientExample {
  build() {
    Column({ space: 5 }) {
      Text('linearGradient').fontSize(12).width('90%').fontColor(0xCCCCCC)
      Row()
        .width('90%')
        .height(50)
        .linearGradient({
          direction: GradientDirection.Bottom,
          colors: [[0xff0000, 0.0], [0x0000ff, 0.5], [0xffff00, 1.0]]
        })
        .clip(new Circle({ width: '280px', height: '280px' }))
        .width('500px').height('280px')
    }
    .width('100%')
    .padding({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
15h前
相关问题
HarmonyOS Circle的阴影是正方形
3浏览 • 0回复 待解决
HarmonyOS RelativeContainer 组件咨询
450浏览 • 1回复 待解决
HarmonyOS 联动组件咨询
314浏览 • 1回复 待解决
HarmonyOS组件安全风险咨询
26浏览 • 1回复 待解决
HarmonyOS textpicker组件的使用咨询
433浏览 • 1回复 待解决
HarmonyOS 数据表格组件咨询
462浏览 • 1回复 待解决
HarmonyOS Web组件开发问题咨询
341浏览 • 1回复 待解决
HarmonyOS List组件锚点问题咨询
0浏览 • 0回复 待解决
HarmonyOS web组件中onalert函数咨询
219浏览 • 1回复 待解决
HarmonyOS Grid-GridItem组件高度的咨询
36浏览 • 1回复 待解决
HarmonyOS NodeContainer咨询
392浏览 • 1回复 待解决
HarmonyOS InputText相关咨询
340浏览 • 1回复 待解决
HarmonyOS axios用法咨询
311浏览 • 1回复 待解决
HarmonyOS 录像问题咨询
463浏览 • 1回复 待解决
HarmonyOS precompileJavaScript 问题咨询
102浏览 • 1回复 待解决
HarmonyOS 画布问题咨询
265浏览 • 1回复 待解决