Jetpack Compose中常见的核心概念总结-1

Column(
    modifier = Modifier.fillMaxSize(),
    verticalArrangement = Arrangement.Center,
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Text("This is a column")
    Button(onClick = { /* TODO*/ }) {
        Text("Click Nim")
    }
}

Row(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.SpaceBetween,
    verticalAlignment = Alignment.CenterVertically
) {
    Text("Left Nim")
    Text("Right Nim")
}

Text(
    text = "Hello Nim",
    modifier = Modifier.padding(16.dp)
)

Text(
    text = "Click Me",
    modifier = Modifier.clickable { /* action */ }
)

Box(
    modifier = Modifier
        .size(100.dp)
        .background(Color.Red)
)

var count by remember { mutableStateOf(0) }
Button(onClick = { count++ }) {
    Text("Count: $count")
}

@Composable
fun Counter(
    count: Int,
    onIncrement: () -> Unit
) {
    Button(onClick = onIncrement) {
        Text("Count: $count")
    }
}

Text(
    text = "Styled Tv",
    style = MaterialTheme.typography.h6
)

Text(
    text = "Color Tv",
    color = Color.Blue
)

val animatedAlpha by animateFloatAsState(
    targetValue = if (isVisible) 1f else 0f,
    animationSpec = tween(durationMillis = 500)
)
Box(
    modifier = Modifier.alpha(animatedAlpha)
)

AnimatedVisibility(visible = isVisible) {
    Text("This is visible!")
}