地图大屏支持在一个大屏应用中搭建多个页面,通过页面切换来展示不同类型的可视化信息,便于用户打造多样化的大屏。如果一些页面有着一组相同风格的组件,可为这些页面应用母版,在母版页面中添加或编辑组件,这些修改内容会同步至相应的页面中,可减少重复的工作,提高大屏搭建效率。
多页面使用介绍
添加页面
在大屏左侧的页面面板中点击“新建页面”,可通过以下三种方式创建新的页面:
- 空白页面:创建一幅空白页面,用于从零构建一个大屏页面。
- 从模板添加:支持基于模板创建新页面。在行业应用模板列表页面中选择模板后,将创建一个和模板一致的页面。
- 从应用添加:支持基于已有大屏应用创建新的页面。包括“公开大屏”和“我的大屏”。“公开大屏”中包含所有具有“可编辑”权限的大屏,请参见:大屏权限设置,包括其他用户共享给我的大屏以及本人公开的大屏;“我的大屏”中包含您之前创建的大屏应用。
选择“从模板添加”或“从应用添加”添加页面时,如果选择的模板或应用为多页面应用,会将其中所有的页面和母版添加至当前大屏应用的页面和母版列表中。此外,允许在一个大屏应用中重复添加模板或应用。
页面设置
点击大屏中的空白部分,在右侧边栏中会显示页面设置面板,您可以对当前页面进行如下设置:
- 标题:编辑当前页面的标题名称
- 背景设置:当前页面的背景样式
- 面板:设置当前页面的背景颜色
- 渐变:是否开启渐变效果,开启后还可选择渐变效果的方向,渐变色与页面的背景颜色相关
- 背景图片:可直接选择大屏内置的图片素材作为背景或添加自定义背景图片,自定义背景图片时支持通过输入图片地址和上传图片两种方式添加,您还可以设置图片重复效果
- 组件:统一设置当前页面中的组件样式
- 主题风格:用于设置当前页面中组件主题风格的色带,可从预设色带中进行选择,也可在色带下拉列表底部添加自定义色带,自定义新的主题风格色带。请注意:切换颜色风格将会自动改变当前页面内所有已添加的组件的颜色设置,以保持页面整体的颜色风格一致,因此对单个组件所做的颜色设置将会失效
- 背景颜色:当前页面组件的背景颜色
- 字体颜色:当前页面组件的字体颜色
- 全屏按钮:当前页面组件全屏按钮的按钮颜色和背景颜色
- 动画:进入和退出当前页面的动画,支持设置动画类型、动画方向、动画的持续时间和延时
切换页面
支持为基础组件中的文本、图标、图片组件添加交互事件,实现鼠标点击组件切换页面的功能。与工具组件中的大屏切换组件不同的是,通过组件交互事件实现的切换页面功能是用于当前大屏应用中页面的切换,而大屏切换组件是用于多个大屏应用之间的切换,请参见:大屏切换组件。
添加交互事件
在页面中新建一个文本、图标或图片组件并选中,在大屏右侧面板中的“交互”选项卡下,添加触发器“鼠标点击后”,点击“添加操作”,在下拉菜单中选择相应的页面后点击“确定”即可。
添加页面切换动画
在页面列表中,点击某一页面,在大屏右侧的页面设置面板里的“进入动画”和“退出动画”下拉列表中,可为当前页面的切换设置进入动画和退出动画。
管理页面
设置首页
在页面列表中,点击某一页面右侧的图标,可将该页面设置为当前大屏应用的首页,浏览大屏时,会首先显示该页面。点击图标可预览设置首页的效果。
重命名
在页面列表中,点击某一页面右侧的图标,在菜单中选择“重命名”,可修改页面名称。
删除
在页面列表中,点击某一页面右侧的图标,在菜单中选择“删除”,可删除当前页面。如果当前大屏应用中只有一个页面,则无法删除该页面。
母版使用介绍
添加母版
在大屏左侧的“页面”面板中点击“新建母版页面”,可通过下面三种方式创建新的母版页面,支持创建多个母版页面。
- 空白页面:创建一幅空白母版页面,用于从零构建一个母版页面。
- 从模板添加:支持添加模板中的母版。在行业应用模板列表页面中选择模板后,将创建和模板中母版一致的母版页面。
- 从应用添加:支持添加已有大屏应用中的母版。包括“公开大屏”和“我的大屏”。“公开大屏”中包含所有具有“可编辑”权限的大屏,请参见:大屏权限设置,包括其他用户共享给我的大屏以及本人公开的大屏;“我的大屏”中包含您之前创建的大屏应用。
选择“从模板添加”或“从应用添加”时,如果选中的模板或应用中存在母版,会在确认提示后,将该模板或应用中的所有母版页面添加至母版列表中;如果没有母版,会根据模板或应用是单页面还是多页面,在确认提示后,将单页面模板或应用中的唯一页面或多页面模板或应用中的第一个页面作为母版添加至母版列表中。此外,允许在一个大屏应用中重复添加同一个模板或应用中的母版。
应用母版
母版应用至所有页面
在母版列表中,点击某一母版页面右侧的图标,可将该母版应用至所有页面。需要注意的是,将母版应用至所有页面会丢失此前所有页面的母版设置,因此请您谨慎操作。
母版应用至某一页面
不同的页面支持应用不同的母版,在页面列表中,点击某一页面右侧的图标,点击”应用母版“,选择一个母版页面,将该母版页面应用至当前页面。
取消应用母版
在页面列表中,点击某一页面右侧的图标,点击”应用母版“>”取消应用母版“,取消当前页面应用的母版页面。
管理母版
重命名
在母版列表中,点击某一母版页面右侧的图标,在菜单中选择“重命名”,可修改母版页面名称。
删除母版
在母版列表中,点击某一母版页面右侧的图标,在菜单中选择“删除”,删除当前母版页面,此前应用了该母版的页面同时会切换为没有应用母版的状态。