Jetpack Compose 的Column , Row ,Box 的用法，android应用开发案例教程pdf

fun columnTest(){

Column {

Text(text = “第一个文本控件,我是比较长的那个文本控件”)

Text(text = “第二个文本控件”)

}

}

比如上面的代码，我们竖直排列两个文本控件。使用起来很简单，我们来看看Column构造函数里面的几个代码。来简单介绍写构造函数里几个入参的用法。

@Composable

@OptIn(ExperimentalLayoutNodeApi::class, InternalLayoutApi::class)

inline fun Column(

modifier: Modifier = Modifier,

verticalArrangement: Arrangement.Vertical = Arrangement.Top,

horizontalAlignment: Alignment.Horizontal = Alignment.Start,

content: @Composable ColumnScope.() -> Unit

) {

…

}

• modifier修饰符。这里先占时不讲，这个是compose很好用而且很重要的知识点，我们会专门写一篇文章介绍修饰符的用法。

• verticalArrangement 表示是竖直方向上的对齐方式。默认是从顶部开始

举个例子，比如Column的高度是200dp，而两个文本控件的高度不足200dp，当设置底部对齐的时候，两个控件会在Column的底部

@Preview()

@Composable

fun col