里面的这个layout也是一个Modifier中的方法,它接受一个参数,这个参数是一个lambda,一会再说,这个lambda里面就是我们进行测量和摆放子控件的地方。
measurable:被摆放的子控件
constraints:子控件的最大和最小宽高限制
下面实现一个这个效果,可以通过我们扩展的firstBaselineToTop方法,设置文字的FristBaseline与顶部的间距。
第一步,我们需要测量这个子控件,获得一个Placeable对象,我们可以通过这个Placeable对象,相对于父控件的位置来摆放这个子控件。
layout { measurable, constraints ->
val placeable = measurable.measure(constraints = constraints)
}
这里可以将给定的constraints限制直接传入,也可以自己构造。
现在这个子控件已经根据给定的限制被测量好,下一步,我们就需要计算它离顶部的高度,这里应该使用用户传入的高度减去FirstBaseline的位置,得到的就是这个控件应该离顶部的高度。
// 检测子元素是否有FirstBaseLine
check(placeable[FirstBaseline] != AlignmentLine.Unspecified)
val firstBaseLine = placeable[FirstBaseline]
// 计算元素该被放置到的Y坐标,并增加元素的高度
val placeableY = firstBaseLineToTop.roundToPx() - firstBaseLine
val height = placeable.height + placeableY
万事俱备,该摆放这个控件了。
使用MeasureScope.layout方法向外部报告大小,并摆放自己,这个方法会返回一个MeasureResult,正好是外部整个lambda表达式所要求的返回值。
layout(placeable.width,height) {
placeable.placeRelative(0,placeableY)
}
完整代码:
fun Modifier.firstBaselineToTop(
firstBaseLineToTop: Dp
) = this.then(
layout { measurable, constraints ->
val placeable = measurable.measure(constraints = constraints)
check(placeable[FirstBaseline] != AlignmentLine.Unspecified)
val firstBaseLine = placeable[FirstBaseline]
val placeableY = firstBaseLineToTop.roundToPx() - firstBaseLine
val height = placeable.height + placeableY
layout(placeable.width,height) {
placeable.placeRelative(0,placeableY)
}
}
)
@Preview
@Composable
fun useFirstBaselineToTop() {
Column {
Text(“Hi,there”, modifier = Modifier.firstBaselineToTop(24.dp))
}
}
@Preview
@Composable
fun usePadding() {
Column {
Text(“Hi,there”,modifier = Modifier.padding(top = 24.dp))
}
}
自定义Layout
下面是自定义的一个简单的Column布局。因为和自定义Modifier差不多,不多说了。
@Composable
fun CustomColumn(
modifier: Modifier = Modifier,
content: @Composable () -> Unit
) {
Layout(modifier = Modifier, content = content) { measurables, constraints ->
// 测量每一个子组件
val placeables = measurables.map {
it.measure(constraints = constraints)
}
// yPos用于记录当前组件的y位置
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门**
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!