本文适合对中继器有一定使用基础的同学。
一、先看效果
二、实现思路
1、菜单,通过前面讲过的中继器实现;
见文章:https://www.axure.com.cn/86880
2、点击菜单后,通过对页签的中继器增加行数据来实现;
3、如果页签数据以前添加过的,则定位到这个行数据后,进行选中状态即可;
4、删除某一个页签即是删除页签中继器中的某一个数据即可。
三、需要的元素
1、组件:中继器两个(一个用于菜单,一个用于页签显示),分别命名为:rp_Menu和rp_PageTab
rp_Menu中的组件:Label \ Box \ Icon(箭头)
如图:
Rp_Menu中继器表格设置如下:
Rp_PageTab中的组件:Box\关闭
用于显示页签名称和关闭按钮
Rp_Page中继器表格的设置如下:
2、全局变量:
Pgs:保存已打开的页面名称;
DelID:用于保存需要删除的页签ID;
IsMarked:用于保存当前的页签,显示为选中状态。
四、添加交互即可实现
1、rp_Menu,每项加载如下:
2、rp_Menu,加载交互如下:
3、菜单点击交互如下:
4、rp_PageTab,每项加载如下:
5、rp_PageTab菜单的点击交互如下,点击是为了定位到该页面(页签):
6、rp_Pagetab菜单的“关闭”按钮,点击交互如下:
演示效果:https://tdazfx.axshare.com/#id=0joqdw&p=page_1