Jetpack Compose(二)--Modifier修饰符

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

持续更新中...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容