布局、组件功能说明
目标
桌面端的组件工具操作使用说明及布局（自定义布局、自适应布局）操作介绍
名词解释
术语 / 缩略词 | 说明 |
单元组件 | 或称“原子组件”，最小化承载一个功能的组件。 |
业务组件 | 基于多个单元组件组合，承载某个业务的组件。 |
主窗口 | 桌面端启动的主窗体。 |
面板窗口 | 根据投资者的实操需求，利用单元组件或业务组件，根据自身习惯和喜好，自定义布局拼接出针对某种使用场景的面板。 |
组件窗口 | 也是窗口的一种，用于承载独立组件的显示。如组件脱离后显示的窗口为单独的组件窗口。 |
系统面板 | 系统默认的自选、个股、行情、交易面板，其中系统面板标题目前不可编辑、不可删除，但可以自定义修改面板内的组件内容排版。 |
自适应布局 | 组件拉升时会自动挤压周围其他组件，若页面只有一个组件会默认全部占满当前屏幕，好处在于会自动适配大小屏，组件之间大小会自适应。 |
自定义布局 | 又可称为：画布布局。 |
1.组件说明
1.1 单元组件
单元组件或称“原子组件”，最小化承载一个功能的组件。目前我们的行情报价、逐笔成交等单个功能模块都是单元组件。
好处在于，用户可以以单元组件拼出自己需要的场景，或者在脱离主窗口的情况下，单元组件同样能够发挥出价值或作用，比如在看新闻资讯的时候拖个自选列表或者个股的图表放旁边同时观看。
1.2 业务组件
- 业务组件是基于多个单元组件组合，承载某个业务的组件。
- 业务组件的好处在于业务组件能够满足大多数场景下，用户需要添加一个组件就能满足目的，而不是一次一次添加多个。
- 如迷你报价为业务组件，集合了行情报价、逐笔成交、买卖盘口和经纪席位功能。
2.组件操作说明
2.1 单个组件操作说明
2.1.1 添加组件
右上角增加工具箱入口，集合了所有的功能组件，用户可以单击添加组件，拖拽到当前面板中；
2.1.2 组件大小可随意拖拉
每个组件的大小都可以随意拖拉调整大小宽高，在组件边缘范围内可随意拖拉挤压。
2.1.3 组件右上角操作
- 复制：点击复制，会复制当前组件生成一个新的组件，以组件脱离的窗口显示出来。
- 最大化：点击组件会将当前组件最大化撑满，点击右上角恢复按钮，会自动恢复到当前组件默认大小；
- 脱离：点击脱离，组件支持脱离当前窗口为独立窗口；方便使用其他软件的时候，保留小视图观看。
- 移除：点击移除，会移除当前组件。 如果是发现移除错或拖动错，在系统的自选、个股、行情、交易、选股器面板下，可点击组件工具箱底部的“重置布局”。其中自定义面板不允许重置布局。
2.2 组件联动说明
2.2.1 自定义联动分组
系统面板中的组件默认为联动，目前不支持设置联动分组。而新开的自定义面板以及脱离的组件允许用户自定义设置联动分组，分为以下几个分组：
- 默认联动，所有组件都联动，不用设置分组；
- 不联动，所选组件、标的无联动；
- 联动分组 1、联动分组 2……联动分组 9，点击联动后，组件右上角头部会标识当前联动分组，相同分组的组件会自动联动。
- 新建布局内的组件默认默认不联动，需要用户自行决定是否需要设置联动分组；
2.2.2 联动参数
- 股票联动，如图表和交易组件，进行股票联动，目前大部分组件都是股票联动。
- 币种联动，如资产总览的币种和融资状态、现金明细组件的币种默认联动；
2.2.3 单向联动和双向联动
- 目前现有联动方向都是双向联动，点击组件 A，组件 B 也跟随联动，反之点击组件 B，组件 A 也跟随联动；
- 单向联动，组件之间单方向联动，点击组件 A，组件 B 也跟随联动，反之则不会；目前暂无业务场景，后续会逐步增加。
2.3 组件头部搜索
组件头部带有搜索，分为如以下情况：
- 有些组件带有股票标的属性的，如图表、盘口、行情报价、逐笔成交、迷你报价等组件。
- 这些带有股票标的属性的组件脱离后，组件头部自带股票搜索功能，方便进行股票标的切换。
- 新开的自定义页面，带有股票标的属性的组件头部自带搜索，方便进行股票标的切换。
2.4 组件钉住操作
组件脱离后，点击其他软件或者主窗口，容易把当前组件盖住，若有组件层级置顶需要，可点击组件右上角的钉住功能，可以固定悬浮在顶部。
若想取消钉住功能，可再次点击钉住，取消组件层级置顶。
3.页面布局
3.1 系统面板、自定义布局、自适应面板
- 系统面板：系统默认的自选、个股、行情、交易、选股器面板，其中系统面板菜单不可编辑、不可删除，但可以自主修改面板内的组件内容排版。
- 自适应布局：拖动组件进自适应布局内，组件拉升时会自动挤压周围其他组件，若页面只有一个组件会默认全部占满当前屏幕，会自动适配大小屏，组件之间大小会自适应。
- 自定义面板（画布布局）：用户可进行自定义面板布局，将组件根据个人喜好摆放在布局内，组件大小相较固定，窗口大小可拖动使用。
布局 | 自适应布局 | 自定义布局（画布布局） |
支持范围 | 现有的系统面板 | 新开标签页 - 自定义布局； |
是否大小屏适配 | 是会根据屏幕大小自动适配组件大小 | 否若组件大小超过当前屏幕了，可以滑动查看完整组件大小 |
组件之间是否可重叠展示 | 否不可重叠展示，会挤压其他组件 | 可以重叠展示组件大小不受挤压 |
好处 | 根据屏幕自动适配大小，适配性较好；适合小白用户； | 组件大小及数量不受屏幕限制，可随意摆放，不影响组件功能使用布局的自定义性比较强，适合自定义页面布局 |
不足 | 受屏幕大小限制，多个大组件放一起时，会被挤压的比较小，影响组件功能使用 | 存在一定学习成本，适合专业投资者 |
画面效果（预览） |  |  |
3.2 自适应布局
- 自适应布局入口：点击新开标签页，两种布局选择，选择“自适应布局”，点击空布局可打开自适应布局画面。
具体操作如下：
（1）点击菜单栏右侧的“+”，可以布局选择；（2）选择“自适应布局”；（3）选择“空布局”。 
3.3 自定义布局（画布布局）
- 自定义布局（画布布局）入口：点击新开标签页，两种布局选择，选择“自定义布局”，点击空布局可打开自定义布局画面。 具体操作如下： （1）点击菜单栏右侧的“+”，可以布局选择；（2）选择“自定义布局”；（3）选择“空布局”。
3.4 添加组件进布局内
- 自定义布局：新开标签页后，页面中将出现组件工具箱，可选择需要的组件，将组件拖动进布局页面内
- 自适应布局：
（1）点击添加相应的组件，唤起功能模块。如点击“图表”组件，唤起图表功能组件弹窗。
（2）可直接鼠标选中“图表”组件，拖拽到当前自定义面板中。若面板只有 1 个组件的话，目前是铺满当前面板。
（3）以此类推，可以添加别的组件拖拽到当前面板中，会有高亮显示即将拖动的位置。
如添加行情报价组件，拖拽到图表头部，图表头部会显示高亮边框，松开拖拽，行情报价会显示在图表的上方。点击行情报价组件和图表组件的中间部分，可挤压调整彼此组件的大小。
（4）也可以结合上文讲的组件操作、组件联动、组件头部搜索、组件钉住等各种功能，基于自己需要，进行各种联合操作。