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组件支持渐变色填充吗?
296浏览 • 1回复 待解决
文字背景颜色渐变显示
2179浏览 • 1回复 待解决
HarmonyOS 弹窗显示异常
259浏览 • 1回复 待解决
Text怎么设置文本渐变
292浏览 • 0回复 待解决
import Sample 里异常显示
6473浏览 • 1回复 待解决
HarmonyOS 组件尺寸显示异常
56浏览 • 1回复 待解决
HarmonyOS 如何设置渐变背景色?
962浏览 • 1回复 待解决
HarmonyOS 字符串显示异常
466浏览 • 1回复 待解决
使用TextPicker控件显示异常的问题
841浏览 • 1回复 待解决
HarmonyOS Text加载藏文时,显示异常
42浏览 • 1回复 待解决
Grid组件显示异常该怎么处理?
347浏览 • 1回复 待解决
HarmonyOS list左滑 字体显示异常
18浏览 • 1回复 待解决
HarmonyOS 怎么设置带圆角的渐变边框
36浏览 • 1回复 待解决
Button组件如何设置渐变背景色
2556浏览 • 1回复 待解决
HarmonyOS Canvas设置渐变色没有效果
47浏览 • 1回复 待解决
如何设置边框的颜色为渐变色?
513浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长时显示异常
594浏览 • 1回复 待解决
List组件如何设置两端的渐变效果
1951浏览 • 1回复 待解决