-
TopBar 介紹
@ExperimentalMaterial3Api
@Composable
@ComposableInferredTarget
public fun TopAppBar(
title: @Composable () -> Unit,
modifier: Modifier = COMPILED_CODE,
navigationIcon: @Composable () -> Unit = COMPILED_CODE,
actions: @Composable() (RowScope.() -> Unit) = COMPILED_CODE,
windowInsets: WindowInsets = COMPILED_CODE,
colors: TopAppBarColors = COMPILED_CODE,
scrollBehavior: TopAppBarScrollBehavior? = COMPILED_CODE
): Unit
借助TopBar 可以組裝導(dǎo)航和操作控件的一致接口
- 頂部應(yīng)用欄
參考鏈接【我是鏈接】
| 類型 |
|---|
| 小型：適用于不需要進行大量導(dǎo)航或操作的屏幕臊岸。 |
| 居中對齊：適用于包含一項主要操作的屏幕。 |
| 中：適用于需要適度導(dǎo)航和操作的屏幕尊流。 |
| 大型：適用于需要進行大量導(dǎo)航和操作的屏幕帅戒。 |
用于實現(xiàn)四個不同的頂部應(yīng)用欄的各種可組合項非常相似。它們有著共同的幾個關(guān)鍵參數(shù)：
- title：顯示在應(yīng)用欄中的文本崖技。
navigationIcon：導(dǎo)航的主圖標(biāo)逻住。它顯示在應(yīng)用欄的左側(cè)。- actions：讓用戶能夠訪問關(guān)鍵操作的圖標(biāo)迎献。它們顯示在應(yīng)用欄的右側(cè)瞎访。
- scrollBehavior：確定頂部應(yīng)用欄如何響應(yīng)
- Scaffold 內(nèi)部內(nèi)容的滾動。
- colors：確定應(yīng)用欄的顯示方式吁恍。
TopAppBarScrollBehavior 有三種類型扒秸。具體如下：
enterAlwaysScrollBehavior：當(dāng)用戶調(diào)出 Scaffold 的內(nèi)部內(nèi)容時，頂部應(yīng)用欄會收起冀瓦。當(dāng)用戶隨后將內(nèi)部內(nèi)容下拉時鸦采，應(yīng)用欄會展開。
exitUntilCollapsedScrollBehavior：與 enterAlwaysScrollBehavior 類似咕幻，不過當(dāng)用戶到達 Scaffold 內(nèi)部內(nèi)容的末尾時渔伯，應(yīng)用欄會額外展開。
pinnedScrollBehavior：應(yīng)用欄留在原處肄程，不對滾動操作做出響應(yīng)锣吼。
TopAppBar
CenterAlignedTopAppBar
MediumTopAppBar
LargeTopAppBar
