NavigationView QML Type
一个用于管理应用程序导航的控件，提供侧边栏、顶栏、面板和应用栏的布局支持。. More...
| Import Statement: | import FluentUI.Controls 1.0 |
Properties
- appBarHeight : int
- autoSuggestBox : Item
- displayMode : int
- leading : Component
- logo : var
- sideBarShadow : bool
- sideBarWidth : int
- sideItemHeight : int
- title : string
- topBarHeight : int
- trailing : Component
Signals
- rightTap(var item)
- sourceItemsChanged(var sourceItems)
- tap(var item)
Detailed Description
NavigationView 组件是一个复杂的布局组件，设计用于提供应用程序导航的各种视图。它包括侧边栏、顶栏、面板以及应用栏的显示和管理。该组件允许配置不同的显示模式，如最小化、紧凑和开放，并提供自定义侧边栏和应用栏的支持。
示例用法：
NavigationView {
displayMode: NavigationViewType.Auto
sideBarWidth: 320
appBarHeight: 48
sideItemHeight: 40
topBarHeight: 50
title: "应用标题"
logo: "qrc:/icons/logo.png"
autoSuggestBox: AutoSuggestBox { }
leading: Component { ... }
trailing: Component { ... }
sideBarShadow: true
}
Property Documentation
appBarHeight : int |
应用栏的高度（以像素为单位）。
autoSuggestBox : Item |
自动建议框组件，用于在用户输入时显示建议。
displayMode : int |
控件的显示模式。可以是 NavigationViewType.Auto、NavigationViewType.Minimal、NavigationViewType.Compact 或 NavigationViewType.Open。
leading : Component |
顶栏左侧的自定义组件。
logo : var |
顶栏的图标或 logo。
sideBarShadow : bool |
是否显示侧边栏的阴影。
sideBarWidth : int |
侧边栏的宽度（以像素为单位）。
sideItemHeight : int |
侧边栏项的高度（以像素为单位）。
title : string |
顶栏的标题文本。
topBarHeight : int |
顶栏的高度（以像素为单位）。
trailing : Component |
顶栏右侧的自定义组件。
Signal Documentation
rightTap(var item) |
当用户右键点击某个项时发射的信号。
Note: The corresponding handler is onRightTap.
sourceItemsChanged(var sourceItems) |
当源项目发生变化时发射的信号。
Note: The corresponding handler is onSourceItemsChanged.
tap(var item) |
当用户点击某个项时发射的信号。
Note: The corresponding handler is onTap.