类似边框颜色线性渐变

HarmonyOS

koarla

2024-05-23 23:00:17

684浏览

回答 1

按赞同

按时间

南风春和

边框渐变的效果，例如：

使用的核心API

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

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

核心代码解释

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

实现效果

2024-05-24 22:34:27

如何写精华回答，获更多曝光？

发布

相关问题

鸿蒙JavaUI单边框以及边框虚线，渐变颜色如何设置

13727浏览 • 1回复已解决

如何设置边框的颜色为渐变色？

1240浏览 • 1回复待解决

如何实现渐变的圆角边框

3357浏览 • 1回复待解决

HarmonyOS Tab颜色渐变宽度渐变

882浏览 • 1回复待解决

HarmonyOS 怎么设置带圆角的渐变边框

881浏览 • 1回复待解决

HarmonyOS c++版本设置线性渐变的角度失效

714浏览 • 1回复待解决

控制颜色渐变，实现图形图像的那种颜色渐变的效果

1675浏览 • 1回复待解决

文字背景颜色渐变显示

2873浏览 • 1回复待解决

DataPanel如何实现颜色的渐变？

1405浏览 • 1回复待解决

HarmonyOS Canvas颜色是否支持径向渐变

777浏览 • 1回复待解决

如何实现组件边缘的颜色渐变

2885浏览 • 1回复待解决

HarmonyOS border边框的颜色，是否可以配置linearGradient

488浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在HarmonyOS中为组件添加线性渐变效果？

875浏览 • 1回复待解决

HarmonyOS 有没有类似于渐变效果

663浏览 • 1回复待解决

HarmonyOS 如何实现线性控制字体背景颜色的透明度

655浏览 • 1回复待解决

HarmonyOS 有方法实现文本颜色渐变显示吗？

1426浏览 • 1回复待解决

如何在button按钮组件设置渐变的背景颜色

2231浏览 • 1回复待解决

#鸿蒙通关秘籍#如何为Polygon组件设置边框颜色及宽度？

728浏览 • 1回复待解决

为什么linearGradient 颜色渐变在rect 图形上不生效？

3269浏览 • 1回复待解决

HarmonyOS有没有类似TransitionDrawable渐变动画效果组件？

1061浏览 • 1回复待解决

#鸿蒙通关秘籍#如何设置鸿蒙绘制组件的自定义样式，例如填充颜色和边框颜色？

909浏览 • 1回复待解决

HarmonyOS 在渐变颜色中添加透明度没有效果

1123浏览 • 1回复待解决

如何实现类似运动健康渐变色热量环效果

2626浏览 • 1回复待解决

鸿蒙OS API10 想给UI组件设置背景颜色，背景颜色渐变？如何实现呢？

4094浏览 • 1回复待解决

#鸿蒙通关秘籍#在HarmonyOS中如何设置组件边框的条件化颜色？

783浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

类似边框颜色线性渐变

订阅鸿蒙技术特刊，精选内容抢先看