Scaffold MediumTopAppBar的使用示例

Scaffold是Android Jetpack Compose库中的一个重要组件，它提供了一个基础的布局结构，通常包含标题栏（TopAppBar）、内容区域、以及底部导航等元素。MediumTopAppBar是一个更轻量级的版本，适合那些不想显示过多顶部空间，只保留应用程序名称或图标的应用场景。

下面是一个简单的`Scaffold`使用`MediumTopAppBar`的示例：

import androidx.compose.foundation.layout.*
import androidx.compose.foundation.text.Text
import androidx.compose.material.Button
import androidx.compose.material.Scaffold
import androidx.compose.material.TopAppBar
import androidx.compose.runtime.Composable

@Composable
fun MyApp() {
    Scaffold(
        topBar = {
            TopAppBar(
                title = { Text(text = "My App") }, // 设置应用标题
                elevation = 0.dp, // 减少顶部栏的凸起效果，使得看起来更像Medium风格
                backgroundColor = MaterialTheme.colors.surface, // 背景色与主题一致
                contentColor = Color.White, // 文本颜色
            )
        },
        content = {
            Column(modifier = Modifier.fillMaxSize()) {
                Button(onClick = { /* Your click action here */ }) {
                    Text("Click me!")
                }
            }
        }
    )
}

在这个例子中，我们创建了一个`Scaffold`，它的顶部有一个简单的`TopAppBar`，只显示了文本标题。当用户点击中间的内容区域时，会触发`Button`上的事件处理函数。