鸿蒙遮雾阴影效果

最新推荐文章于 2024-08-30 21:07:21 发布

半夜偷删你代码

最新推荐文章于 2024-08-30 21:07:21 发布

阅读量442

点赞数 3

文章标签：鸿蒙 harmonyos 华为

本文链接：https://blog.csdn.net/2302_79548774/article/details/141168041

版权

@Entry
@Component
struct LinearGradientDemo {
  build() {

    Stack() {
      Column() {
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')
        Text('sasdasdxascasv')

      }

      Column() {
        Column() {
        }
        .width(100)
        .height(100)
        .justifyContent(FlexAlign.Center)
        .borderRadius(10)
        .linearGradient({
          direction: GradientDirection.Bottom,
          // 0点方向顺时针旋转为正向角度，线性渐变起始角度的默认值为180°
          colors: [
            [0xf56c6c, 0.0], // 颜色断点1的颜色和比重，对应组件在180°方向上的起始位置
            [100000000, 1.0],// 颜色断点2的颜色和比重，对应组件在180°方向上的终点位置
          ]
        })

        Column() {
        }
        .width(100)
        .height(100)
        .justifyContent(FlexAlign.Center)
        .borderRadius(10)
        .linearGradient({
          direction: GradientDirection.Top,
          // 0点方向顺时针旋转为正向角度，线性渐变起始角度的默认值为180°
          colors: [
            [0xf56c6c, 0.0], // 颜色断点1的颜色和比重，对应组件在180°方向上的起始位置
            [100000000, 0.6],// 颜色断点2的颜色和比重，对应组件在180°方向上的终点位置
          ]
        })
      }
    }

  }
}