安卓软件开发：Jetpack Compose中常见的核心概念总结-3

Canvas(modifier = Modifier.size(100.dp)) {
    drawCircle(
        color = Color.Blue,
        radius = size.minDimension / 2,
        center = center
    )
}

AnimatedContent(targetState = count) { targetCount ->
    Text("Count: $targetCount")
}

Column(
    modifier = Modifier
        .fillMaxSize()
        .verticalScroll(rememberScrollState())
) {
    repeat(50) {
        Text("Item $it", modifier = Modifier.padding(8.dp))
    }
}

Box(
    modifier = Modifier
        .size(200.dp)
        .background(Color.LightGray)
        .pointerInput(Unit) {
            detectTapGestures(
                onTap = { /* Handle tap */ },
                onDoubleTap = { /* Handle double tap */ }
            )
        }
)

NavHost(navController, startDestination = "home") {
    composable("home") { HomeScreen() }
    composable("details") { DetailScreen() }
}

Button(onClick = { navController.navigate("details") }) {
    Text("Go to Details")
}

LazyVerticalGrid(
    cells = GridCells.Fixed(2),
    contentPadding = PaddingValues(8.dp)
) {
    items(20) { index ->
        Box(
            modifier = Modifier
                .padding(8.dp)
                .aspectRatio(1f)
                .background(Color.Gray)
        ) {
            Text("Item $index")
        }
    }
}

LazyHorizontalGrid(
    rows = GridCells.Fixed(2),
    modifier = Modifier.fillMaxSize()
) {
    items(30) { index ->
        Box(
            modifier = Modifier
                .padding(8.dp)
                .aspectRatio(1f)
                .background(Color.LightBlue)
        ) {
            Text("Item $index")
        }
    }
}

var isChecked by remember { mutableStateOf(false) }
Switch(
    checked = isChecked,
    onCheckedChange = { isChecked = it }
)

var isChecked by remember { mutableStateOf(false) }
Checkbox(
    checked = isChecked,
    onCheckedChange = { isChecked = it }
)