android - Jetpack Compose - 关于预览 widthDp 和 heightDp

Question

什么是 widthDp 和 heightDp 作为 @Preview 参数？

【我的环境】

• Android Studio 北极狐 | 2020.3.1 Patch3 于 2021 年 10 月 1 日构建
• Gradle :7.0.2
• AGP:7.0.3
• androidx.compose.ui:ui-tooling-preview:1.0.1

这是我的代码。

@Preview(
    showBackground = true,
    widthDp = 200,
    heightDp = 200,
)
@Composable
fun DefaultPreview() {
    Box(modifier = Modifier.size(100.dp).background(Color.Red))
}

预览如下。

但我预期低于。

盒子的尺寸似乎比我想象的要大。 有人解释一下吗？

Answer 1

这在某种程度上是 @Preview 的一个错误，第一个可组合项占用了它们拥有的孔空间，无法解释原因。即使没有两个参数 widthDp = 200, heightDp = 300, 第一个 Box 占据了所有空间。因此，现在要获得您想要的结果，您必须放置一个框来“保护”主要可组合项。