Jatpack Compose入门笔记(Day 2)

学习源:https://www.bilibili.com/video/BV1ob4y1a7ad?p=4&vd_source=d61ce9acf622a878da40ae7bdecdaad9
(前期笔记粗糙,后期维护)

Compose布局

Compose标准布局

布局目标:

1.实现高性能
2.能够轻松编写自定义布局
3.在Compose中,通过避免多次测量布局子级可实现高性能,如果需要进行多次测量,Compose有一个特殊系统,即固有特征测量。

标准布局组件:

Column,Row,Box


image.png

修饰符:

修饰或扩充可组合项


image.png

image.png

CompositionLocal 隐式传参


image.png

Slots Api

比如titleBar,bottomBar......
槽位会在界面中留出空白区域


image.png

Scafford

image.png

image.png

使用列表

1.不需要滚动,使用Column或row
2.需要滚动,使用lazyColomn或lazyRow
滚动需要状态,rememberScrollState
条目数量已知


image.png

所有compose组件的更新,通过手指触摸事件改变状态,当状态对象发生改变时,Composable函数引用的对象会重组(重绘)
compose只负责界面的描述
条目数量未知


image.png

image.png

自定义布局,

image.png

使用layout修饰符修改元素的测量和布局方式


image.png

image.png

image.png

自定义布局,仿Column

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

推荐阅读更多精彩内容