Skip to content
On this page

AppTabs Tabs布局

AppTabs容器用于允许用户在不同的内容面板之间切换。选项卡要么只是文本,要么是文本和图标。建议不要混合使用一些带有图标的选项卡和一些没有图标的选项卡。使用container.NewAppTabs(…)和传递container.TabItem项(可以使用container.NewTabItem(…)创建)创建选项卡容器。

可以通过设置选项卡的位置来配置选项卡容器,其中一个是container.TabLocationTop、container.TabLocation Bottom、container.TabLocationLeading和container.TabLocationTrailing。默认位置为top。

go
package main

import (
	"fyne.io/fyne/v2/app"
	"fyne.io/fyne/v2/container"
	//"fyne.io/fyne/v2/theme"
	"fyne.io/fyne/v2/widget"
)

func main() {
	myApp := app.New()
	myWindow := myApp.NewWindow("TabContainer Widget")

	tabs := container.NewAppTabs(
		container.NewTabItem("Tab 1", widget.NewLabel("Hello")),
		container.NewTabItem("Tab 2", widget.NewLabel("World!")),
	)

	//tabs.Append(container.NewTabItemWithIcon("Home", theme.HomeIcon(), widget.NewLabel("Home tab")))

	tabs.SetTabLocation(container.TabLocationLeading)

	myWindow.SetContent(tabs)
	myWindow.ShowAndRun()
}

当加载到移动设备上时,可以忽略标签位置。在纵向方向上,前导或尾随位置将更改为底部。当处于横向时,顶部或底部位置将移动到领先位置。