3.14

安卓 Jetpack Compose UI 开发入门
Jetpack Compose 是谷歌推出的现代安卓 UI 工具包，采用声明式编程方式构建 UI，极大地简化了 UI 开发流程。与传统的 XML 布局不同，Compose 使用 Kotlin 代码直接描述 UI，让代码更直观、更易于维护。
首先，在项目的build.gradle文件中添加 Compose 依赖：
android {
buildFeatures {
compose true
}
composeOptions {
kotlinCompilerExtensionVersion "1.4.3"
}
}
dependencies {
implementation 'androidx.compose.ui:ui:1.4.3'
implementation 'androidx.compose.material:material:1.4.3'
implementation 'androidx.compose.ui:ui-tooling-preview:1.4.3'
debugImplementation 'androidx.compose.ui:ui-tooling:1.4.3'
}

接下来，创建一个简单的 Compose 界面。在MainActivity.kt中：
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
MyComposeUI()
}
}
}
@Composable
fun MyComposeUI() {
Column(
modifier = Modifier.fillMaxSize(),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(text = "Hello with Jetpack Compose!")
Button(onClick = { /* 点击事件逻辑 */ }) {
Text(text = "Click Me")
}
}
}
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
MyComposeUI()
}

在这个示例中，Column是一个布局容器，Text和Button是 UI 组件，通过@Composable注解将函数标记为可组合的 UI 元素。使用 Compose，可以更轻松地实现响应式布局、动画效果和状态管理。