HarmonyOS Circle组件咨询

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

HarmonyOS
2024-12-26 15:32:14
浏览
收藏 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
微信
回复
2024-12-26 17:45:30
相关问题
HarmonyOS Circle的阴影是正方形
257浏览 • 1回复 待解决
HarmonyOS RelativeContainer 组件咨询
681浏览 • 1回复 待解决
HarmonyOS 联动组件咨询
528浏览 • 1回复 待解决
HarmonyOS组件安全风险咨询
358浏览 • 1回复 待解决
HarmonyOS 数据表格组件咨询
607浏览 • 1回复 待解决
HarmonyOS textpicker组件的使用咨询
655浏览 • 1回复 待解决
HarmonyOS Web组件开发问题咨询
818浏览 • 1回复 待解决
HarmonyOS List组件锚点问题咨询
200浏览 • 1回复 待解决
HarmonyOS web组件中onalert函数咨询
352浏览 • 1回复 待解决
HarmonyOS Grid-GridItem组件高度的咨询
284浏览 • 1回复 待解决
HarmonyOS NodeContainer咨询
686浏览 • 1回复 待解决
HarmonyOS onSizeChange咨询
216浏览 • 1回复 待解决
HarmonyOS precompileJavaScript 问题咨询
492浏览 • 1回复 待解决
HarmonyOS axios用法咨询
559浏览 • 1回复 待解决
HarmonyOS 录像问题咨询
858浏览 • 1回复 待解决