08. Tab 布局 AppTabs

Tab 布局 AppTabs #

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

可以通过设置标签的位置来配置标签容器,位置选项包括 container.TabLocationTopcontainer.TabLocationBottomcontainer.TabLocationLeadingcontainer.TabLocationTrailing。默认位置是顶部。

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 控件")

	tabs := container.NewAppTabs(
		container.NewTabItem("标签 1", widget.NewLabel("你好")),
		container.NewTabItem("标签 2", widget.NewLabel("世界!")),
	)

	//tabs.Append(container.NewTabItemWithIcon("首页", theme.HomeIcon(), widget.NewLabel("首页标签")))

	tabs.SetTabLocation(container.TabLocationLeading)

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

在移动设备上加载时,可能会忽略标签位置。在纵向方向,前导或尾随位置将被更改为底部。在横向方向,顶部或底部位置将移至前导。