在 Jetpack Compose 中创建 AppBar

Jetpack Compose 是 Android 的现代 UI 工具库，使用声明性编程简化了 UI 的开发过程。在本文中，我们将学习如何使用 Jetpack Compose 创建 AppBar。

---

什么是 AppBar？

AppBar，也就是我们常说的顶部应用栏，是用户界面的一个重要部分。它可以提供关于当前屏幕的上下文，以及完成操作和导航的入口。

创建基础 AppBar

在 Jetpack Compose 中，创建一个 AppBar 非常简单。这里有一个例子：

@Preview
@Composable
fun AppBar(){
    TopAppBar( title = {
        Text(text = "App Titlle111111")
    })
}

 

 这会创建一个带有标题 "App Title111111" 的简单 AppBar。

为 AppBar 添加动作

如果你想在 AppBar 上添加操作（比如溢出菜单），可以通过添加到 actions 参数实现：

@Preview
@Composable
fun AppBar(){
    TopAppBar( title = {
        Text(text = "App Titlle111111")
    },
    actions={
        IconButton(onClick ={
            println("点击了")
        } ){
            Icon(Icons.Filled.Add, contentDescription =null )
        }
    })
}

 这会在 AppBar 的右侧创建一个菜单图标。IconButton Composable 使得图标可以被点击，onClick 处理函数定义了当图标被点击时的操作。在这个例子中，它不做任何事情，因为我们没有指定任何操作。

这就是在 Jetpack Compose 中创建 AppBar 的基础知识

希望你在 Jetpack Compose 的旅程中找到乐趣，创造出更多美丽的 UI！