Rect设置渐变显示异常

Rect()  
  .width('92%')  
  .height(156)  
  .radius([[8, 8], [8, 8]])  
    // .fill($r('app.color.color_blue_0C92FF'))  
  .linearGradient({  
    direction: GradientDirection.Right,  
    colors: [[0x17C0FF, 0.0], [0x0C92FF, 1.0]]  
  })  
  .alignRules({  
    top: { anchor: Container, align: VerticalAlign.Top },  
    middle: { anchor: Container, align: HorizontalAlign.Center }  
  })  
  .offset({ y: 12 })
HarmonyOS
2024-09-23 11:58:09
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

Rect设置颜色渐变时暂时无法和圆角共同使用,当前设置矩形的颜色渐变您可以使用给容器组件设置渐变色的方式构建,示例代码如下:

Row() { }  
.width('80%')  
.height(156)  
.borderRadius(20)  
.linearGradient({  
  direction: GradientDirection.Left, // 渐变方向  
  colors: [[0xff0000, 0.0], [0x0000ff, 0.3], [0xffff00, 1.0]]  
})
分享
微博
QQ
微信
回复
2024-09-23 17:57:17
相关问题
Rect组件支持渐变色填充吗?
193浏览 • 1回复 待解决
文字背景颜色渐变显示
2091浏览 • 1回复 待解决
Text怎么设置文本渐变
182浏览 • 0回复 待解决
HarmonyOS 弹窗显示异常
169浏览 • 1回复 待解决
import Sample 里异常显示
6361浏览 • 1回复 待解决
HarmonyOS 字符串显示异常
349浏览 • 1回复 待解决
HarmonyOS 如何设置渐变背景色?
569浏览 • 1回复 待解决
Button组件如何设置渐变背景色
2347浏览 • 1回复 待解决
Grid组件显示异常该怎么处理?
239浏览 • 1回复 待解决
使用TextPicker控件显示异常的问题
745浏览 • 1回复 待解决
如何设置边框的颜色为渐变色?
408浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长时显示异常
471浏览 • 1回复 待解决
List组件如何设置两端的渐变效果
1883浏览 • 1回复 待解决
H5中的图片在Web组件中显示异常
130浏览 • 1回复 待解决
startWindowIcon可以设置全屏显示吗?
679浏览 • 1回复 待解决