AXURE后台框架

今天，教大师若何做一个框架，包含三级菜单和标签页两部门内容，以及他们之间彼此交互的内容。

在线演示地址：https://axhub.im/pro/b38b78fd26ab7c1f/#g=1&p=%E4%B8%89%E7%BA%A7%E8%8F%9C%E5%8D%95_%E6%A0%87%E7%AD%BE%E9%A1%B5

原型下载：留下你的邮箱或微信(可以写在我有疑问那边)

结果介绍：

1、左边菜单栏，最多有三级菜单，可以经由过程菜单中继器维护，利用便利。

2、点击菜单，若是有子菜单会睁开或收起子菜单；若是没有子菜单，主动新增标签页，并打开对应页面。（不会反复生当作标签）。

3、点击分歧的标签页，切换分歧的页面。

4、删除所有标签页，主动跳转到首页。

利用方式：

本模板利用简单，已建造好交互结果，只需要填写“菜单中继器”的内容即可直接利用。

menu1：填写一级菜单的名称

menu2：填写二级菜单的名称（需要在一级菜单处先写该二级菜单的一级菜单名称）

menu3：填写三级菜单的名称（需要在一、二级菜单处先写该三级菜单的一、二级菜单名称）

picture：菜单文字前面的图标，可上传图片。

see：1位载入时可见，0为埋没。一般只有一级菜单填1，其他为0

xiala：若是有子菜单，填1；若是没有，填0。

xuan：填写默认值0即可

jinyong：填写默认值0即可

东西/原料

axure软件

方式/步调

1
用中继器建造三级菜单
1.设置中继器内的表格，如下图所示
menu1：填写一级菜单的名称
menu2：填写二级菜单的名称（需要在一级菜单处先写该二级菜单的一级菜单名称）
menu3：填写三级菜单的名称（需要在一、二级菜单处先写该三级菜单的一、二级菜单名称）
picture：菜单文字前面的图标，可上传图片。
see：1位载入时可见，0为埋没。一般只有一级菜单填1，其他为0
xiala：若是有子菜单，填1；若是没有，填0。
xuan：填写默认值0即可，既下拉箭头标的目的下。若是需要默认打开下拉菜单，箭头标的目的右，填1.
jinyong：填写默认值0即可，用于判定是否选中。
2
2.中继器材料
三个组合：1级组合（文本标签+矩形+图片+下拉标记）、2级组合（文本标签+矩形+图片+下拉标记）、三级组合（文本标签+矩形+图片）
3.中继器内逻辑
点击一级菜单：
收起状况：若是有子菜单打开子菜单，若是没有子菜单，若是没有子菜单，打开该名称的页面。
睁开状况：收起子菜单。
点击二级菜单:
收起状况：若是有子菜单打开子菜单，若是没有子菜单，若是没有子菜单，打开该名称的页面。
睁开状况：收起子菜单。
点击三级菜单，打开该名称的页面。
具体逻辑如下图所示：
3
二、用中继器建造标签页
1.设置中继器内的表格，如下图所示
column0：标签页名称，默认给一个首页
xuanzhong：1打开对应页面，0不打开
4
2.中继器材料
1个都雅的标签矩形+删除x外形
3.中继器内逻辑
点击标签矩形，打消选中其他标签。选中该标签并打开对应页面。
点击x，删除该标签，主动选择下个标签，并打开选中标签的页面。若是所有标签被删除，主动生当作一个首页标签，并打开首页。
具体逻辑如下图所示：
5
三、建造对应页面
页面名称要和菜单中继器内名称不异（没有子菜单的菜单），然后在对应页面建造对应内容即可。
6
四、建造菜单与标签页的交互
点击没有子菜单的菜单时，记实该菜单文字，判定是否有该标签页，若是有，选中并打开该标签页，若是无，新建标签页并打开对应页面。
具体逻辑如下图所示：

发表于 2019-11-01 20:01
阅读 ( 804 )
分类：其他类型