类似边框颜色线性渐变

类似边框颜色线性渐变

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

边框渐变的效果,例如:

使用的核心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
相关问题
如何实现渐变的圆角边框
897浏览 • 1回复 待解决
文字背景颜色渐变显示
894浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
658浏览 • 1回复 待解决
图片边框borderImage介绍
531浏览 • 1回复 待解决
ArkUI(ets)怎么实现右边框
2281浏览 • 1回复 待解决
怎么给组件设置下边框
5428浏览 • 1回复 待解决
图片如何添加渐变模糊
676浏览 • 1回复 待解决
组件如何实现渐变色?
902浏览 • 1回复 待解决
Button组件如何设置渐变背景色
1076浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
922浏览 • 1回复 待解决
Progress进度条如何实现渐变色?
51浏览 • 1回复 待解决
如何修改DevEco颜色主题?
8233浏览 • 3回复 已解决