美文网首页
Jetpack Compose(二)--Modifier修饰符

Jetpack Compose(二)--Modifier修饰符

作者: Felix_Zhou | 来源:发表于2023-07-06 17:06 被阅读0次

    在传统开发中,使用XML文件来描述组件的样式,而Jetpack Compose设计了Modifier修饰符。

    Modifier允许我们通过链式调用的写法来为组件应用一系列的样式设置,如边距、字体、位移等。在Compose中,每个基础的Composable组件都有一个modifier参数,通过传入自定义的Modifier来修改组件的样式。

    Modifier常用属性

    • Modifier.width(width: Dp) --- 指定宽度
    • Modifier.height(height: Dp) --- 指定高度
    • Modifier.size(size: Dp) --- 指定宽高,且宽高相等
    • Modifier.size(width: Dp, height: Dp) --- 分别指定宽高
    • Modifier.size(size: DpSize) --- 指定宽高,且宽高相等,作用同Modifier.size(size: Dp)相同
    • Modifier.widthIn(min: Dp,max: Dp) --- 指定宽度的范围
    • Modifier.heightIn(min: Dp,max: Dp) --- 指定高度的范围
    • Modifier.sizeIn( minWidth: Dp, minHeight: Dp, maxWidth: Dp, maxHeight: Dp) --- 指定宽高的范围
    • Modifier.sizeIn( minWidth: Dp, minHeight: Dp, maxWidth: Dp, maxHeight: Dp) --- 指定宽高的范围
    • Modifier.padding(....) --- 指定内/外边距。Modifier调用顺序会影响最终UI呈现的效果,padding调用顺序会有内外边的区分

    持续更新中...

    相关文章

      网友评论

          本文标题:Jetpack Compose(二)--Modifier修饰符

          本文链接:https://www.haomeiwen.com/subject/qxbqudtx.html