Jetpack Compose 从入门到入门（三）

本篇开始介绍Jetpack Compose 中的修饰符Modifier。修饰符可以用来执行以下操作：

• 更改可组合项的大小、布局、行为和外观。
• 添加信息，如无障碍标签。
• 处理用户输入。
• 添加高级互动，如使元素可点击、可滚动、可拖动或可缩放。

1.常用修饰符

下面先介绍一些常用的方法：

• alpha(alpha: Float)：设置透明度，范围0到1。

• background(color: Color, shape: Shape?)：设置背景色，shape可以指定形状，例如可以使用RoundedCornerShape来指定圆角大小。

• 对于背景是渐变的，可以使用background(brush: Brush, shape: Shape?, alpha: Float?)。其中Brush就是我们指定渐变，例如使用horizontalGradient创建水平方向渐变：

  Box(Modifier.background(
      Brush.horizontalGradient(
          listOf(Color.Red, Color.Green)
      )
  ).size(100.dp))
  

当然，还可以指定开始结束的位置，颜色的分散偏移量，这里就不多说了。

• Modifier.border(width: Dp, color: Color, shape: Shape?)，添加边框，可以指定颜色、粗细和形状。

• Modifier.clickable()，添加点击事件。参数如下：

  Modifier.clickable(
  enabled: Boolean = true, // 是否可点击状态，默认可点击
  onClickLabel: String? = null, // 语义/可访问性标签
  role: Role? = null, // 点击元素的类型，例如Button、Checkbox、Image等。用于可访问性服务。
  onClick: () -> Unit // 点击事件
  )

如果不考虑Android TalkBack 读屏这类功能，一般情况下使用就是Modifier.clickable { }</