android compose inner padding example
时间: 2024-09-16 10:05:50 浏览: 85
android compose 从入门到精通 新手必备
Android Compose 中的 Inner Padding 示例通常涉及到修饰 Box 或 Container 的内边距(Padding)。`Box` 是 Compose 中的基本容器,可以设置内外边距。下面是一个简单的例子,展示如何给 `Box` 设置内边距:
```kotlin
@Composable
fun InnerPaddingExample() {
var isPaddingVisible by remember { mutableStateOf(false) }
Box(
modifier = Modifier
.padding(inner = if (isPaddingVisible).dp(16) else dp(0)) // 当 isPaddingVisible 为 true 时,显示 16dp 内边距
.clickable(onClick = { isPaddingVisible = !isPaddingVisible }) // 点击切换内边距可见性
) {
Text("这是一个有内边距的 Box", style = MaterialTheme.typography.body2)
}
}
```
在这个例子中,我们创建了一个点击按钮来控制 `Box` 的内边距可见性。当用户点击时,`isPaddingVisible` 变量会切换,进而改变 `Box` 的 `innerPadding` 属性,使其内边距从可见变为隐藏。
阅读全文