AndroidJetpackCompose尺寸编码规范。
创始人
2024-10-08 10:31:17
0

在使用 Android Jetpack Compose 进行 UI 开发时,需要遵守以下的尺寸编码规范:

  1. 使用 dp 作为尺寸单位,而不是 px。

正确的示例:

Text(
    text = "Hello",
    fontSize = 16.dp
)

错误的示例:

Text(
    text = "Hello",
    fontSize = 16.px
)
  1. 不要使用硬编码的值。

正确的示例:

val MediumPadding = 16.dp

Column(
    modifier = Modifier
        .padding(MediumPadding)
) {
    // ...
}

错误的示例:

Column(
    modifier = Modifier
        .padding(16.dp)
) {
    // ...
}
  1. 使用符合 UI 布局的尺寸。

如果需要固定一个元素的宽度,可以使用它的固定宽度、或者包含它的容器视图的宽度,而不是使用屏幕宽度。

正确的示例:

Box(
    modifier = Modifier
        .fillMaxWidth()
        .height(48.dp)
) {
    // ...
}

错误的示例:

Box(
    modifier = Modifier
        .fillMaxWidth()
        .height(48.dp)
) {
    // ...
}
  1. 使用 Modifier 对象来设置布局约束。

正确的示例:

Box(
    modifier = Modifier
        .align(Alignment.Center)
        .padding(16.dp)
) {
    // ...
}

错误的示例:

Box(
    alignment = Alignment.Center,
    padding = 16.dp
) {
    // ...
}

相关内容

热门资讯

透视脚本!aapoker脚本怎... 透视脚本!aapoker脚本怎么用(透视)一贯是有挂(详细辅助规律教程)1、超多福利:超高返利,海量...
透视真的!wepokerh5破... 透视真的!wepokerh5破解(透视)本来有挂(详细辅助系统教程)1、构建自己的辅助插件;2、选择...
透视透视!wepoker有插件... 透视透视!wepoker有插件吗(透视)好像有挂(详细辅助介绍教程)1、玩家可以在软件透明挂俱乐部对...
透视肯定!有没有人wepoke... 透视肯定!有没有人wepoker(透视)好像真的有挂(详细辅助2025新版教程)辅助器中分为三种模型...
透视攻略!wepokerplu... 透视攻略!wepokerplus透视脚本免费(透视)确实真的有挂(详细辅助必胜教程);透视攻略!we...
透视软件!wepoker模拟器... 透视软件!wepoker模拟器哪个好用(透视)总是有挂(详细辅助攻略教程)辅助器中分为三种模型:软件...
透视app!wepoker免费... 透视app!wepoker免费透视(透视)一直有挂(详细辅助科技教程)一、软件透明挂的定义与意义1、...
透视最新!wepoker安装教... 透视最新!wepoker安装教程(透视)好像真的有挂(详细辅助实用技巧);1、下载好辅助软件之后点击...
透视有挂!wepoker私人局... 透视有挂!wepoker私人局辅助器怎么用(透视)好像存在有挂(详细辅助2025新版技巧)一、软件透...
透视科技!菠萝辅助器免费版的特... 透视科技!菠萝辅助器免费版的特点(透视)确实有挂(详细辅助曝光教程)1、透视辅助简单,软件透明挂操作...