效果
学着鸿蒙呢,记录一下背景渐变如何实现
具体效果图如下
渐变颜色不止在某个单独的组件上可以使用,很多组件都可以,例如平常的column和row
代码实现
Column(){
}
.width('100%')
.height('100%')
.linearGradient({
// 0点方向顺时针旋转为正向角度,线性渐变起始角度的默认值为180°
colors: [
[0xf56c6c, 0.0], // 颜色断点1的颜色和比重,对应组件在180°方向上的起始位置
[0xffffff, 1.0], // 颜色断点2的颜色和比重,对应组件在180°方向上的终点位置
]
})
-
主要元素: linearGradient
-
linearGradient 的主要属性
-
eg:背景显示全屏需要写点其他东西,有兴趣的斯^-^
- 详情可以去看官方文档!!!!文档中心