.NET MAUI TabView样式

TabView提供了修改其视觉外观的方法，以便它与应用程序的风格相匹配。你可以对TabView的不同部分进行样式化-它的标题，项目和内容区域。

检查TabView可视化结构主题的TabView元素的可视化表示。

TabView样式

你可以使用以下TabView属性来改变它的外观和感觉:

• 写成BackgroundColor
• BorderColor
• BorderThickness
• CornerRadius
• ContentPadding

此外，TabView提供了下面列出的样式属性来修改它的元素-标题，TabView项和内容区域。

• HeaderStyle-指定整个标题区域的样式(边框，背景色等);
• HeaderItemStyle-指定单个标题项的样式(字体，文本颜色等)
• ContentStyle-指定整个内容区域的样式(边框，背景色等);

标题样式

通过HeaderStyle属性，您可以修改TabViewHeader．TabViewHeader提供以下属性:

• 写成BackgroundColor
• BorderColor
• BorderThickness
• CornerRadius
• ContentPadding

请看下面的例子:

结果如下:

HeaderItem样式

通过HeaderItemStyle属性，下面的样式属性可以应用到TabViewHeaderItem：

• 写成BackgroundColor-指定标题项的背景颜色
• BorderColor-指定标题项的边框颜色
• BorderThickness-指定标题项的边框厚度
• CornerRadius-头项的角半径
• ContentPadding-指定头项内部内容的填充
• 输入TextColor-指定标题项中文本的颜色
• FontFamily-指定标题项中文本的字体族
• 字形大小-指定标题项中文本的字体大小
• FontAttributes-指定标题项中文本的字体属性
• TextDecorations-指定标题项中文本的装饰
• HorizontalTextAlignment-指定标题项中文本的水平对齐方式
• 文本垂直对齐-指定标题项中文本的垂直对齐方式
• ImageSource-指定标题项中图像图标的来源
• ImageAspect-指定标题项中图像图标的方面
• ImageWidth-指定标题项中图像图标的宽度
• ImageHeight-指定标题项中图像图标的高度
• ImageSpacing-指定标题项中图像图标和文本之间的间距
• ImagePosition-指定图像图标相对于文本的位置(左，上，右，下)

下面是应用HeaderItemStyle：

内容样式

TabView的ContentStyle属性允许您设置内容区域的样式。TabViewContent提供以下属性:

• 写成BackgroundColor
• BorderColor
• BorderThickness
• CornerRadius
• ContentPadding

下图是应用后的TabViewContentStyle：

另请参阅

• TabViewItem
• 选择
• 模板