Jetpack Compose 的Column , Row ,Box 的用法,安卓framework开发

本文详细介绍了Jetpack Compose中Column, Row和Box的使用方法,包括垂直布局Column的垂直对齐方式,横向布局Row的水平对齐方式,以及Box作为类似FramLayout的叠加布局。内容涵盖了各个组件的关键属性和示例代码,帮助理解其工作原理。" 104788250,9338362,JavaScript 数据类型转换与调试技巧,"['JavaScript', '前端开发', '数据类型检测']
摘要由CSDN通过智能技术生成

@Composable

fun columnTest(){

Column(

// 设置Column的宽度高200dp

modifier = Modifier.size(200.dp),

// 设置居底部对齐

verticalArrangement = Arrangement.Bottom){

Text(text = “第一个文本控件ikkokokojih呼呼呼呼呼呼”)

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

}

}

  • horizontalAlignment 表示是水平方向上的对齐方式。默认是从左边开始

举个例子说明,比如上面两个文本控件,一个比较长,一个比较短。如果horizontalAlignment设置的是End。那么两个文本控件就会居右对齐。

@Preview()

@Composable

fun columnTest(){

Column(horizontalAlignment = Alignment.End){

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

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

}

}

  • content 所有布局的最后一个参数都是 content,它是一个发出子界面元素的函数。其实上就是子元素的内容,比如这里就是两个Text文本控件。其实Column的完整的写法是如下:

Column(

content = {

Text(“Some text”)

Text(“Some more text”)

Text(“

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值