1.1 版本

1.2 应用场景

用户在实现不同 Tab 系列下不同维度的数据分析时，多样化的 Tab 组件可供用户自定义设置及选择 ，使多维度模板更加清晰和简洁。

1.3 功能简介

移动端提供更为丰富的 Tab 效果，共有 4 类移动端 Tab 样式：默认、上菜单式、下菜单式、滑动式、联排式。

2.1 模板准备

1）在 FineReport 设计器中，打开 %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\组件多样化.frm 模板。

模板下载：组件多样化.frm

2）在右侧属性面板「控件设置」中选中 tabpane0，点击移动端>样式模板，可对 Tab 组件样式进行自定义设置 。如下图所示：

2.2 默认

2.2.1 界面介绍

「样式模板」选择默认，如下图所示：

2.2.2 移动端效果

以 App 效果为例，如下图所示：

注：「样式模板」为默认时，Tab 块标题可能会显示不全。

2.3 上菜单式

2.3.1 界面介绍

「样式模板」选择上菜单式，Tab 样式为自定义，设置选中背景，初始字符和选中字符的颜色（用户可自定义设置），如下图所示：

上菜单式「设置」项各属性值介绍如下表所示：

2.3.2 移动端效果

Tab 样式选择标准时，以 App 效果为例，如下图所示：

注：当 Tab 标题过长时，使用上菜单式标题不会被截断。

2.4 下菜单式

2.4.1 界面介绍

「样式模板」选择下菜单式，Tab 样式为自定义，如下图所示：

下菜单式「设置」项各属性值介绍如下表所示：

 下菜单式支持自定义添加图标，选中要设置图标的 Tab 块对应的图标，点击编辑 ，在选择图标界面可选择图标，点击确定。设置方法如下图所示：

用户可在「选择图标」界面中点击增加按钮，自定义上传图标图片，再进行选择。

注：自定义上传图标图片时，建议使用 48×48 规格的 PNG 图片。

2.4.2 移动端效果

Tab 样式选择为标准时，以 App 效果为例，如下图所示：

2.5 滑动式

2.5.1 界面介绍

「样式模板」选择滑动式，Tab 样式为自定义，如下图所示：

滑动式「设置」项各属性值介绍如下表所示：

2.5.2 特殊场景说明

特殊场景下补充说明如下表所示：

2.5.3 移动端效果

Tab 样式选择为标准时，以 App 效果为例，如下图所示：

2.6 联排式

2.6.1 界面介绍

「样式模板」选择联排式，Tab 样式为自定义，如下图所示：

联排式「设置」项各属性值介绍如下表所示：

2.6.2 移动端效果

Tab 样式选择为标准时，以 App 效果为例，如下图所示：

移动端 Tab 标题位置冻结支持范围如下表所示：