友情提示:如果在看这篇文章之前,你还不熟悉TabView控件的基本用法,建议先写一写简单的例子来熟悉一下,然后再回来看这篇文章。
1.TabView的基本用法
TabView为应用程序提供了基于选项卡的导航模型。例如,下面的代码片段使用选项卡在每个选项卡页上显示不同颜色的矩形:
TabView {
Tab {
title: "Red"
Rectangle { color: "red" }
}
Tab {
title: "Blue"
Rectangle { color: "blue" }
}
Tab {
title: "Green"
Rectangle { color: "green" }
}
}
2.演示示例
接下来将以下面的代码为基础来讲解如何设置TabView的样式。下面这段代码设置了3个选项卡,每