类似边框颜色线性渐变

类似边框颜色线性渐变

HarmonyOS
2024-05-23 23:00:17
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
南风春和

边框渐变的效果,例如:

使用的核心API

通过通用属性linearGradient设置线性渐变实现如上效果。

linearGradient({ 
  direction: ......, // 渐变方向 
  repeating: ......, // 渐变颜色是否重复 
  colors: ...... // 数组末尾元素占比小于1时满足重复着色效果  
})

核心代码解释

linearGradient({ 
  direction: GradientDirection.Left, // 渐变方向 
  repeating: true, // 渐变颜色是否重复 
  colors: [[0xDCDCDC, 0.0], [0xFFFFFF, 1.0]] // 数组末尾元素占比小于1时满足重复着色效果 
})

实现效果

分享
微博
QQ
微信
回复
2024-05-24 22:34:27
相关问题
如何设置边框颜色渐变色?
508浏览 • 1回复 待解决
如何实现渐变的圆角边框
2536浏览 • 1回复 待解决
HarmonyOS 怎么设置带圆角的渐变边框
25浏览 • 1回复 待解决
文字背景颜色渐变显示
2179浏览 • 1回复 待解决
DataPanel如何实现颜色渐变
558浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
1987浏览 • 1回复 待解决
HarmonyOS 有没有类似渐变效果
35浏览 • 1回复 待解决