今天 , 教大师若何做一个框架 , 包含三级菜单和标签页两部门内容 , 以及他们之间彼此交互的内容 。
在线演示地址: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即可 , 用于判定是否选中 。
文章插图
22.中继器材料
三个组合:1级组合(文本标签+矩形+图片+下拉标记)、2级组合(文本标签+矩形+图片+下拉标记)、三级组合(文本标签+矩形+图片)
3.中继器内逻辑
点击一级菜单:
收起状况:若是有子菜单打开子菜单 , 若是没有子菜单 , 若是没有子菜单 , 打开该名称的页面 。
睁开状况:收起子菜单 。
点击二级菜单:
收起状况:若是有子菜单打开子菜单 , 若是没有子菜单 , 若是没有子菜单 , 打开该名称的页面 。
睁开状况:收起子菜单 。
点击三级菜单 , 打开该名称的页面 。
具体逻辑如下图所示:
推荐阅读
- 在c4d中如何把球体制作成球形框架?
- 三星s8如何关闭后台程序
- 如何关闭WOW后台下载
- 苹果如何关闭应用后台刷新
- 【Axure】实现点评网星星打分效果
- 华为手机如何快速关掉后台应用
- 手机千牛在后台运行时收到消息怎么提示
- Axure如何制作图片切换查看效果
- Express+MongoDB+Vue实现后台网站五
- Axure如何制作密码框隐藏与显示效果