从 0 到 1：使用 Jetpack Compose 和智能自动化实现高效 Android UI 开发

// 项目级 build.gradle
buildscript {
    ext {
        compose_version   = '1.5.0'
        kotlin_version    = '1.8.0'
    }
    dependencies {
        classpath "com.android.tools.build:gradle:8.0.0"
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
}

// 模块级 build.gradle
plugins {
    id 'com.android.application'
    id 'org.jetbrains.kotlin.android'
    id "kotlin-kapt"
    id "io.github.raamcosta.compose-destinations" version "1.8.5"
}

android {
    compileSdk 34
    defaultConfig {
        applicationId "com.example.todo"
        minSdk 21
        targetSdk 34
    }
    buildFeatures {
        compose true
    }
    composeOptions {
        kotlinCompilerExtensionVersion compose_version
    }
    kotlinOptions {
        jvmTarget = "1.8"
    }
}

dependencies {
    implementation "androidx.core:core-ktx:1.10.1"
    implementation "androidx.compose.ui:ui:$compose_version"
    implementation "androidx.compose.material3:material3:1.1.0"
    implementation "androidx.lifecycle:lifecycle-runtime-ktx:2.6.0"
    implementation "androidx.activity:activity-compose:1.7.0"
    implementation "io.github.raamcosta.compose-destinations:animations-core:1.8.5"
    kapt "io.github.raamcosta.compose-destinations:ksp:1.8.5"
}

@Composable
fun Greeting(name: String) {
    Text(text = "Hello, $name!")
}

@Composable
fun ProfileCard() {
    Row(modifier = Modifier.padding(16.dp)) {
        Image(/*…*/)
        Column(modifier = Modifier.padding(start = 8.dp)) {
            Text("Alice")
            Text("Android Developer")
        }
    }
}

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }
    Button(onClick = { count++ }) {
        Text("Clicked $count times")
    }
}

class TodoViewModel : ViewModel() {
    private val _todos = MutableStateFlow<List<Todo>>(emptyList())
    val todos: StateFlow<List<Todo>> = _todos
    fun load() { /*…*/ }
}

@Composable
fun TodoList(viewModel: TodoViewModel = hiltViewModel()) {
    val list by viewModel.todos.collectAsState()
    LazyColumn { items(list) { TodoItem(it) } }
}

@Composable
fun MyTheme(content: @Composable ()->Unit) {
    MaterialTheme(
        colorScheme = lightColorScheme(
            primary = Color(0xFF6200EE),
            secondary = Color(0xFF03DAC6)
        ),
        typography = Typography(/*…*/),
        content = content
    )
}

@Composable
fun MyButton(text: String, onClick: ()->Unit) {
    Button(
        onClick = onClick,
        shape = RoundedCornerShape(8.dp),
        modifier = Modifier.fillMaxWidth()
    ) {
        Text(text.uppercase(), fontWeight = FontWeight.Bold)
    }
}

@Composable
fun PulsingDot() {
    val scale by animateFloatAsState(
        targetValue = if (expanded) 1.5f else 1f,
        animationSpec = tween(1000, easing = LinearEasing)
    )
    Box(modifier = Modifier.size(50.dp).graphicsLayer { scaleX = scale; scaleY = scale }
        .background(Color.Red, CircleShape)
        .clickable { expanded = !expanded })
}

@Composable
fun $NAME$() {
    $END$
}

com.example.todo
├── MainActivity.kt
├── navigation/           // Destinations 生成
├── ui/
│   ├── TodoListScreen.kt
│   └── EditTodoScreen.kt
└── viewmodel/
    └── TodoViewModel.kt

@Destination(start = true)
@Composable
fun TodoListScreen(
    navigator: DestinationsNavigator,
    viewModel: TodoViewModel = hiltViewModel()
) {
    val todos by viewModel.todos.collectAsState()
    Scaffold(
        topBar = { TopAppBar(title = { Text("我的待办") }) },
        floatingActionButton = {
            FloatingActionButton(onClick = { navigator.navigate(EditTodoScreenDestination(null)) }) {
                Icon(Icons.Default.Add, contentDescription = "添加")
            }
        }
    ) { padding ->
        LazyColumn(modifier = Modifier.padding(padding)) {
            items(todos) { todo ->
                Card(modifier = Modifier
                    .fillMaxWidth()
                    .padding(8.dp)
                    .clickable { navigator.navigate(EditTodoScreenDestination(todo.id)) }
                ) {
                    Text(todo.title, modifier = Modifier.padding(16.dp))
                }
            }
        }
    }
}

@HiltViewModel
class TodoViewModel @Inject constructor(
    private val repo: TodoRepository
): ViewModel() {
    private val _todos = MutableStateFlow<List<Todo>>(emptyList())
    val todos: StateFlow<List<Todo>> = _todos

    init { loadTodos() }

    fun loadTodos() = viewModelScope.launch {
        _todos.value = repo.getAllTodos()
    }

    fun save(todo: Todo) = viewModelScope.launch {
        repo.save(todo)
        loadTodos()
    }
}

@get:Rule val rule = createComposeRule()
@Test fun addButtonNavigates() {
    rule.setContent { TodoListScreen(/*…*/) }
    rule.onNodeWithContentDescription("添加").performClick()
    rule.onNodeWithText("编辑待办").assertExists()
}

@Test fun todoListSnapshot() = paparazzi.snapshot {
    TodoListScreen(/*…*/)
}