【Android笔记】Jetpack Compose(1)

里面的这个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位置

最后

其实Android开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

上面分享的百度、腾讯、网易、字节跳动、阿里等公司2021年的高频面试题,博主还把这些技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,上面只是以图片的形式给大家展示一部分。

【Android思维脑图(技能树)】

知识不体系?这里还有整理出来的Android进阶学习的思维脑图,给大家参考一个方向。

【Android高级架构视频学习资源】

Android部分精讲视频领取学习后更加是如虎添翼!进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》
点击传送门,即可获取!

价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!

  • 14
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值