选项卡样式

1. 概述

1.1 功能概述

通过属性设置中的设置项您可以对选项卡进行外观的个性化定制。例如选项卡的整体外观，以及常规/选中/悬浮时的不同样式。本节为您介绍选项卡组件的属性。

2. 选项卡样式

2.1 显示选项卡

1. 设置是否显示选项卡标签。设置为是后，还可以设置其他属性。

   
   

   
   

2.2 样式

1. 使用选项卡时，可以直接选择系统内置的10套样式直接调用，快速改变样式外观。选中选项卡组件，在右侧属性设置中找到 选项卡 中的 样式 ，然后在下拉列表中选择你想要的样式。默认是内置了10套样式，如您还想进一步自由设计外观，可以进一步通过属性设置各项目进行详细的设置。

   
   

2.3 选项卡显示位置

1. 设置选项卡页签的显示位置，可选择在顶部显示或者在底部显示。

   
   

   
   

2.4 对齐方式

1. 设置选项卡标签相对于整个选项卡的对齐方式。

   
   

   
   

2.5 宽度设置

1. 设置选项卡标签的宽度，可选择“ 固定宽度 ”、“ 自动宽度 ”和“ 平均分布宽度 ”三种类型，默认为自动宽度。

   
   

• 当选择“ 固定宽度 ”时，可设置宽度值。

  
  

• 当选择“ 自动宽度 ”时，可自动根据标签名长度调整标签宽度。

  
  

• 当选择“ 平均分布宽度 ”时，将平均分配标签总宽度。

  
  

2.6 高度设置

1. 设置选项卡的高度设置，可选择自动高度和固定高度，配合选项卡高度属性调整选项卡高度。固定高度代表高度是固定的，即在预览/查看界面高度和设计界面一致；但自动高度在预览/查看界面会进行自适应调整。

   
   

   
   

2.7 选项卡间隙

1. 设置选项卡标签之间的间隙，单位为像素。

   
   

   
   

2.8 字体设置

1. 设置选项卡页签的字体样式、颜色、大小以及是否加粗、倾斜等。

   
   

2.9 填充颜色

1. 设置选项卡整体的填充颜色，单击色块选择颜色，并确定。如果想恢复默认设置，单击右侧的，选择“重置”即可。

   
   

   
   

2.10 内部边距

1. 设置选项卡距离边框的距离。

   
   

2.11 边框颜色

1. 设置选项卡列表的边框颜色，如下图所示。

   
   

   
   

2.12 显示分隔线

1. 设置是否显示各选项卡之间的分隔线，默认为“ 否 ”。

   
   

   
   

2.13 显示页签导航按钮

1. 设置是否显示选项卡的切换按钮。

   
   

   
   

2.14 左右切换按钮

1. 设置是否显示左右切换按钮。

   
   

   
   

2.15 切换指示器

1. 设置是否显示切换指示器。
   

   
   

3. 页签区域样式

设置选项卡的页签区域样式属性。

3.1 圆角半径

1. 设置页签四边的圆角半径。

   
   

   支持自定义四边圆角半径，灵活打造个性化边框效果。

   
   

3.2 内部边距

1. 设置页签和页签边框的内部边距。

   
   

   支持自定义四边内部边距，灵活打造个性化边距效果。

   
   

3.3 填充颜色

1. 设置页签的填充颜色。

   
   

3.4 填充渐变

1. 设置页签的渐变样式和颜色。

   
   

4. 定制外观细节(常规/选中/悬浮选项卡样式）

4.1 常规/选中/悬浮（鼠标悬浮）选项卡样式设置

1. 设置选项卡三种状态时的外观，包括选项卡背景色、文本颜色、圆角半径、填充渐变、背景图片，阴影，边框宽度和边框颜色。其中选中状态时，还可以设置标签色。