页面管理

左侧树状图中的页面管理可以一目了然的了解项目的设计界面,以及他们的组件层次结构,主要分组件和页面两个部分。
•  页面选项卡中,可以在项目中选择添加多个页面,或在页面组中创建多个页面。导出后页面会成为项目的菜单。
•  组件选项卡中可展示单个页面所有组件元素,并以层级顺序展示当前组件。可通过拖拽组件顺序的方式调整组件之间的层级关系,也可以通过右键某个组件或页面进行设置。

1. 页面

1、设计器左侧树状页面面板,可创建多个页面并创建页面组形成两级菜单。页面组名称为一级菜单,组合内的页面名称为二级菜单。当有且仅有单页面时,则不会出现菜单栏。
2、页面面板中,支持名称搜索页面,右上角有创建页面/移除页面/创建页面组按钮,点击可执行对应操作。
3、支持在页面管理中通过右键对页面进行设置,右键功能如下:
右键功能名称描述
编组将多个页面进行组合形成页面组,组合后导出会形成二级菜单
取消编组取消页面组
移除删除当前页面或页面组合
创建页面新建页面
导出到文件将页面导出为json本地文件
重命名修改当前页面名称
复制复制当前页面
PS:由于画布板中必须至少有一个默认页面,当用户从左侧页面面板中删除最后一页时,将显示关于删除画布上最后一页的确认框,并且将创建一个新的默认页面。
4、可通过拖拽调整页面顺序,树状面板中页面组与子页面以嵌套关系展示,可以展开或折叠不同部分以查看更多或更少的页面层次关系,还可以使用拖放操作在层次结构中直接移动页面。

2. 组件

1、单个页面是由多个组件组成的,组件在单个页面中是分布在图层中的,在图层中的顺序决定了组件之间的覆盖顺序,顺序越往下则意味着组件在图层越顶层,即该组件将覆盖绝大多数组件。设计器左侧组件面板中,支持名称搜索组件,右上角有锁定/移除/新框架按钮,点击可执行对应操作。
2、Shift + 左键可对多个组件进行选择,拖拽组件可以移动当前组件在图层中的位置。同时也可在组件管理中右键某个组件进行设置。
右键功能名称描述
移除删除当前组件
组合将多个组件进行组合,组合后可同时拖拽
撤销撤回上一步操作,如果之前无操作,则撤销按钮变灰
重做重新执行撤回的操作,如果之前无撤回操作,则重做按钮变灰
复制复制当前组件
粘贴粘贴当前组件
锁定锁定当前组件,锁定后不可移动编辑
隐藏隐藏当前组件
向上一层将当前组件向上移动一层
向下一层将当前组件向下移动一层
置于顶层移动当前组件到最顶层,覆盖其余组件
置于底层移动当前组件到最底层,会被其余组件覆盖
3、左侧树状面板中,组或框架与子组件以嵌套关系展示,可以展开或折叠不同部分以查看更多或更少的组件层次关系,还可以使用拖放操作在层次结构中直接移动组件。
2023-10-24
0