Compose 基础 - 其它设置、资源获取

二、对齐方式 Alignment

2.1 平面方向（2D）

2.2 线性方向（1D）

2.2.1 设置 verticalAlignment

2.2.2 设置 horizontalAlignment

三、排列方式 Arrangement

3.1 设置 verticalArrangement

3.2 设置 horizontalArrangement

四、缩放方式 ContentScale

不像 ImageView 的 ScaleType 把缩放和对齐合在一起操作，Image 分成了2个不同的属性：alignment 和 contentScale。

• 对于头像：考虑使用 Alignment.Top 避免脸部被裁切，避免 FillBounds 出现扭曲变形。
• 对于背景：使用Crop，避免 Fit 出现难看的留白。
• 对于产品图：需要完整显示使用 Fit。
• 对于表情包：不要放大小图片 Inside。
• 对于像素风格、游戏元素图：不修改像素，None。
• 图片大于容器时，Fit 和 Inside 效果相同，图片小于容器时，Fit会放大，Inside不会。

4.1 总结一（谷歌）

纵向图片	横向图片
原始图片
Fit
Crop
FillHeight
FillWidth
FillBounds
Inside	来源图片大于边界	来源图片大于边界
	来源图片小于边界	来源图片小于边界
None	来源图片大于边界	来源图片大于边界
	来源图片小于边界	来源图片小于边界

4.2 总结二（我的）

4.3 总结三（网络）

下方图片：bigger = 图片宽高都比控件大，smaller=图片宽高都比屏幕小，taller = 图片高于控件高度，longger = 图片宽于控件宽度。参考文章

4.4 结合 Modifier.aspectRadio() 使容器宽高比一致

可以获得形状一致的容器，并且图像可以通过 Crop 完美填充容器。这套组合非常适合用于主图、卡片和媒体播放器。

Image( painter = painterResource(R.drawable.hero), contentDescription = null, contentScale = ContentScale.Crop, modifier = Modifier .fillMaxWidth() .aspectRatio(16f / 9f) //强制容器宽高比 16:9 )

五、资源文件 Resource

官方文档

避免使用定编码的方式，尺寸详见屏幕适配，颜色详见自定义主题。

5.1 尺寸 dimens.xml

val smallPadding = dimensionResource(R.dimen.padding_small) Text( text = "...", modifier = Modifier.padding(smallPadding) )

5.2 颜色 colors.xml

//painterResource 可在主线程中解码并解析资源的内容。 Divider(color = colorResource(R.color.colorGrey))

5.3 字符串 strings.xml

Text( text = stringResource(R.string.compose) ) //字符串复数 // <plurals name="runtime_format"> // <item quantity="one">%1$d minute</item> // <item quantity="other">%1$d minutes</item> // </plurals> Text( text = pluralStringResource(R.plurals.runtime_format, quantity, quantity) ) //字符串数组 //<string-array name="navLabels"> // <item>主页</item> // <item>消息</item> // <item>个人</item> //</string-array> val navLabels = stringArrayResource(id = R.array.navLabels)

5.4 图片 drawable

Icon( painter = painterResource(id = R.drawable.ic_logo), contentDescription = null )

六、文字样式 TextStyle

参考文章

constructor( color: Color = Color.Unspecified, //文字颜色 fontSize: TextUnit = TextUnit.Unspecified, //字体大小 fontWeight: FontWeight? = null, //字重 fontStyle: FontStyle? = null, //字体样式 fontSynthesis: FontSynthesis? = null, fontFamily: FontFamily? = null, //字体 fontFeatureSettings: String? = null, letterSpacing: TextUnit = TextUnit.Unspecified, //字间距 baselineShift: BaselineShift? = null, textGeometricTransform: TextGeometricTransform? = null, localeList: LocaleList? = null, background: Color = Color.Unspecified, textDecoration: TextDecoration? = null, shadow: Shadow? = null, //阴影 textAlign: TextAlign? = null, //对齐方式 textDirection: TextDirection? = null, //装饰（下划线、中划线） lineHeight: TextUnit = TextUnit.Unspecified, //行高 textIndent: TextIndent? = null )

七、透明度 Alpha

取值范围 0f-1f，默认1f。