在传统开发中,使用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调用顺序会有内外边的区分
网友评论