标签页

笔记:
标签页控件是允许在页面多个主题之间进行切换的控件。

设计页面时,将页面内容分成多个结构良好的标签页,这些标签页在必要时可以折叠和展开,使页面外观看起来优雅整洁。

在页面上添加标签页控件

您可以在控件面板/通用中找到标签页控件,用鼠标拖动将此控件添加到页面上。

设置“标签页”控件的内容

默认情况下,标签页会添加3个默认选项。点击选项卡列表底部的“添加其他标签页”按钮,可以添加更多的选项卡,点击右侧的删除按钮,可以删除该选项卡。

单击每个选项卡可以展开该选项卡的设置。 在“文本”选项中输入选项卡标题。 同时可以设置每个选项卡的图标/图像/无(仅显示文本)。

设置“标签页”控件

页签位置:选择选项卡标题显示的位置。可供选择的值有:上/下/左/右

默认:从现有的标签页中选择需要默认显示的标签页,如果您不设置,将默认显示标签页1

显示

动态显示规则

当为控件设置动态显示规则时,它会根据所设置的条件和规则产生不同的效果;动态显示规则有隐藏/显示两个值。

设置“标签页”控件的样式

通用

  1. 背景类型:设置背景:纯色/渐变
  2. 外边距:设置标签页的外边距(单位:px/%)
  3. 内边距:设置标签页的内边距(单位:px/%)
  4. 边框类型:设置边框的类型可选的值有:无/实线/双实线/点线/虚线/凹槽
  5. 边框半径:设置边框的半径
  6. 阴影:设置阴影,您可以调整阴影的颜色、水平位置、垂直位置、模糊以及阴影的位置

标签页控件

此项用来设置标签页容器样式

  • 背景类型:设置标签页容器的背景:纯色/渐变
  • 标签页容器对齐方式:设置标签页容器的对齐方式,值为:左/中/右/两端对齐
  • 标签页对齐方式:设置标签页的对齐方式,只有设置标签页容器为两端对齐时,标签页的对齐方式才生效
  • 外边距:设置标签页容器的外边距(单位:px/%)
  • 内边距:设置标签页容器的内边距(单位:px/%)
  • 边框类型:设置标签页容器边框的类型可选的值有:无/实线/双实线/点线/虚线/凹槽
  • 边框半径:设置标签页容器边框的半径
  • 阴影:设置标签页容器阴影,您可以调整阴影的颜色、水平位置、垂直位置、模糊以及阴影的位置

标签页

此项用来设置标签页选项卡的样式

  1. 图标外边距:如果标签页标题包含图标,则可以设置图标的外边距(单位:px/%)
  2. 图片外边距:如果标签页标题包含图片,则可以设置图标的外边距(单位:px/%)
  3. 图片宽度:如果标签页标题包含图片,则可以设置图片的尺寸
  4. 图标位置: 如果标签页标题包含图片或图标,则可以设置它的位置,可供选择的值有:顶部/左侧/右侧
  • 状态样式:为每个标签页的不同状态设置样式,包含三种状态:正常/悬停/活动
  • 文字颜色:设置标签页标题的文字颜色
  • 排版:设置标签页标题文本的排版:字体、尺寸、粗细、转换、装饰、行高、字间距等
  • 图标颜色:设置标签页标题中图标的颜色
  • 图标大小:设置标签页标题中图标的尺寸
  • 背景类型:设置标签页标题的背景颜色
  • 外边距:设置标签页标题的外边距
  • 内边距: 设置标签页标题的内边距
  • 边框类型:设置标签页标题的边框类型
  • 边框半径:设置标签页标题的边框半径
  • 阴影:设置标签页标题的阴影

标签页内容

  1. 背景类型:设置标签页控件中内容的背景类型:可以选择纯色或渐变色。
  2. 文字颜色:设置标签页控件中内容的文字颜色
  3. 排版:设置标签页控件中内容的排版:字体、尺寸、粗细、转换、装饰、行高、字间距等
  4. 内边距:设置标签页控件中内容的内边距
  5. 边框类型:设置标签页控件中内容的边框类型
  6. 边框半径:设置标签页控件中内容的边框半径
  7. 阴影:标签页控件中内容的的阴影

高级设置

该控件的高级设置

Updated on 2022年7月12日

Was this article helpful?

Related Articles