在使用 Android Jetpack Compose 进行 UI 开发时,需要遵守以下的尺寸编码规范:
正确的示例:
Text(
text = "Hello",
fontSize = 16.dp
)
错误的示例:
Text(
text = "Hello",
fontSize = 16.px
)
正确的示例:
val MediumPadding = 16.dp
Column(
modifier = Modifier
.padding(MediumPadding)
) {
// ...
}
错误的示例:
Column(
modifier = Modifier
.padding(16.dp)
) {
// ...
}
如果需要固定一个元素的宽度,可以使用它的固定宽度、或者包含它的容器视图的宽度,而不是使用屏幕宽度。
正确的示例:
Box(
modifier = Modifier
.fillMaxWidth()
.height(48.dp)
) {
// ...
}
错误的示例:
Box(
modifier = Modifier
.fillMaxWidth()
.height(48.dp)
) {
// ...
}
正确的示例:
Box(
modifier = Modifier
.align(Alignment.Center)
.padding(16.dp)
) {
// ...
}
错误的示例:
Box(
alignment = Alignment.Center,
padding = 16.dp
) {
// ...
}