什么是标签页?标签页是用户界面的一个元素,允许在页面上的多个主题之间导航。
将内容分割成多个结构良好的标签页,可以根据需要进行折叠和展开,使得界面看起来既优雅又整洁。
添加标签页到页面
首先,在控件添加面板中找到标签页控件,然后将其拖放到页面的某个部分或容器中。
注意:当一个控件被添加到标签页中后,已添加控件的占位符将不再显示。
设置标签页内容
进入基本设置部分。默认情况下会添加3个标签页。你可以添加或移除标签页,这将影响标签页的数量。如果需要添加更多标签页,只需点击标签列表底部的“+添加另一个标签页”按钮。
点击每个标签以展开设置部分。在文本选项中输入标签标题。设置每个标签的图标或图片,或选择无以仅显示文本。
标签页控件设置
页签位置:选择标签头显示的位置。你可以选择上、左、下和右部。
默认:设置现有标签中的默认活动标签。
显示
动态显示规则:当你为这组标签设置动态显示规则时,它会根据特定条件和规则表现不同。它有两个动作(隐藏/显示)。
学习如何为控件创建动态显示规则。
样式设置标签控件
通用:
背景类型:选择标签控件的背景颜色。你可以使用纯色或渐变色。
外边距:设置标签控件的边距,单位可以是PX、%,em、rem、vw、calc。
内边距:设置标签控件的内边距,单位可以是PX、%,em、rem、vw、calc。
边框类型:选择边框类型,可选无、实线、双线、点状、虚线或凹槽。
边框半径:设置边框圆角以控制角落的圆滑度。
阴影:调整盒子阴影选项。
标签控件容器
这里是设置标签容器样式的地方。
背景类型:选择标签容器的背景颜色。你可以使用纯色或渐变色。
标签页容器对齐方式:设置标签容器的对齐方式,可以选择左对齐、居中、右对齐和两端对齐。
标签页对齐方式:设置标签的对齐方式,通常仅在标签容器对齐设置为两端对齐时生效。
外边距:设置标签容器的边距,单位可以是PX、%,em、rem、vw、calc。
内边距:设置标签容器的内边距,单位可以是PX、%,em、rem、vw、calc。
边框类型:选择边框类型,可选无、实线、双线、点状、虚线或凹槽。
边框半径:设置边框圆角以控制角落的圆滑度。
阴影:调整盒子阴影选项。
标签页
这里是设置每个标签项目的样式的地方。
图标外边距:如果标签项目包含图标,设置图标的边距,单位可以是PX、%,em、rem、vw、calc。
图片外边距:如果标签项目包含图片,设置图片的边距,单位可以是PX、%,em、rem、vw、calc。
图片宽度:如果标签项目包含图片,设置图片的大小,单位可以是PX、em、rem、vw、calc。
图标位置:如果标签项目包含图标或图片,选择图标/图片显示的位置。你可以选择顶部、左侧、右侧。
状态样式:设置每个标签项目的不同状态的样式:正常、悬停、活动。
文字颜色:选择标签的文字颜色。
排版:设置标签文字的排版选项。
图标颜色:选择标签的图标颜色。
图标大小:设置标签的图标大小。
背景类型:选择标签项目的背景颜色。你可以使用纯色或渐变色。
外边距:设置标签项目的边距,单位可以是PX、%,em、rem、vw、calc。
内边距:设置标签项目的内边距,单位可以是PX、%,em、rem、vw、calc。
边框类型:选择边框类型,可选无、实线、双线、点状、虚线或凹槽。
边框半径:设置边框圆角以控制角落的圆滑度。
阴影:调整盒子阴影选项。
标签页内容
这里是设置每个标签项目的内容容器样式的地方。
背景类型:选择每个标签的内容区域的背景颜色。你可以使用纯色或渐变色。
文字颜色:选择每个标签内容区域的文字颜色。
排版:设置每个标签内容区域文字的排版选项。
内边距:设置标签内容区域的内边距,单位可以是PX、%,em、rem、vw、calc。
边框类型:选择边框类型,可选无、实线、双线、点状、虚线或凹槽。
边框半径:设置边框圆角以控制角落的圆滑度。
阴影:调整盒子阴影选项。
高级设置
设置适用于此控件的高级选项。