compose系列教程-5.LinerLayout的使用

@Composable
fun LinearLayout() {                            // 定义一个名为LinearLayout的Composable函数
    Column(                                      // 使用Column实现垂直布局
        modifier = Modifier.fillMaxSize(),        // 设置Column的宽高为父容器的宽高
        horizontalAlignment = Alignment.CenterHorizontally,  // 水平居中对齐
        verticalArrangement = Arrangement.Center // 垂直居中对齐
    ) {
        Text(text = "Hello, World!")             // 添加一个Text组件，显示文本“Hello, World!”
        Spacer(modifier = Modifier.height(16.dp)) // 添加一个Spacer组件，设置高度为16dp
        Button(onClick = {}, modifier = Modifier.width(120.dp)) {  // 添加一个Button组件，设置宽度为120dp
            Text(text = "Button")                 // 在Button中添加一个Text组件，显示文本“Button”
        }
        Spacer(modifier = Modifier.height(16.dp)) // 添加一个Spacer组件，设置高度为16dp
        Row(                                      // 使用Row实现水平布局
            modifier = Modifier.background(color = Color.LightGray),  // 设置Row的背景色为浅灰色
            horizontalArrangement = Arrangement.SpaceEvenly, // 水平方向均匀分布对齐
            verticalAlignment = Alignment.CenterVertically      // 垂直方向居中对齐
        ) {
            Button(onClick = {}, modifier = Modifier.width(120.dp)) {  // 添加一个Button组件，设置宽度为120dp
                Text(text = "Button1")             // 在Button中添加一个Text组件，显示文本“Button1”
            }
            Button(onClick = {}, modifier = Modifier.width(120.dp)) {  // 添加一个Button组件，设置宽度为120dp
                Text(text = "Button2")             // 在Button中添加一个Text组件，显示文本“Button2”
            }
        }
    }
}

使用`Column`实现垂直布局，使用`Row`实现水平布局，通过`Modifier`设置大小、位置、背景色等属性。`Text`、`Button`、`Spacer`等是Compose中的基础组件，可以用于构建界面。

最后：推荐一款基于openai引擎的idea中ai生成代码的插件，使用插件可以很方便的询问查找生成想要的代码，Idea上的Ai生成代码插件