【解决方案】Axure RP如何隐藏部分页面的菜单项
来源:互联网 发布:青年网络公开课 张捷 编辑:程序博客网 时间:2024/05/29 20:01
1 修改记录
2 正文
本方案使用的Axure RP 8。
2.1 需求说明
利用Axure RP制作原型时,通常会将功能页面尽可能划分成小模块,分成多个子页面,以便修改。例如A页面可以划分为a,b,c三个子模块,那么在Axure RP中A下面有abc三个子页面。
这三个子页面在发布之后会显示在菜单中,在向客户展示的时候,如何需要隐藏abc三个菜单,只显示A菜单?
2.2 环境预置
新建一个项目,将index页面更名为”版本升级”;”版本升级”下分”第1步”、”第2步”、”第3步”三个子页面。
升级分三个步骤,”版本升级”页面中通过内联框架引用三个子页面,利用”上一步”和”下一步”两个按钮控制升级步骤(实现不做讲解)。现要求生成HTML文件后,首页隐藏掉三个子页面的菜单项。
2.3 解决方案
Axure RP生成HTML文件之后,会产生五个文件夹、四个首页HTML文件以及菜单对应的各个HTML文件。
查看首页HTML文件的源代码可以发现,主要引用了resources和data两个文件夹里面的JS文件,首页菜单的初始化数据就是data提供的。所以只需要修改掉data/document.js里面的菜单数据即可。
2.3.1 备份data文件夹
发布项目,在”生成HTML文件”的配置界面里面选择”页面”选项卡,取消”生成全部页面”,只勾选你需要显示的菜单结构。例如,这里只需要显示到”版本升级”,那就只勾选该页面。
生成HTML文件之后,data/document.js里面的菜单初始化数据就只有所勾选的部分。
将data文件夹备份到其他位置。
2.3.2 生成完整的HTML
再次发布项目,勾选”生成全部页面”,生成完整项目的HTML文件。
2.3.3 覆盖data文件夹
将备份的data文件夹覆盖掉完整项目里面的data文件夹即可。
2.4 总结
1、生成HTML文件后,项目结构会保存到data/document.js。index.html通过该文件生成菜单;
2、index.html通过本地相对地址访问其他HTML文件,所以尽管菜单上没有子页面,但不影响父页面内部对子页面的引用。前提是必须生成子页面的HTML文件。
- 【解决方案】Axure RP如何隐藏部分页面的菜单项
- 如何在Axure RP 8.0 中打开页面指定的动态面板
- Axure RP Pro - 相关问题 - 变长页面的页脚
- axure rp 如何安装库
- 如何自制Axure RP Widgets
- Axure rp 如何安装库
- Axure RP Pro - 相关问题 - 如何获取IFrame的URL
- Axure RP Pro - Widget部件 - 如何实现页内多个锚的效果
- Axure RP 8基础教程-制作下拉菜单
- Axure RP Pro - jQuery - 如何在Axure RP Pro生成的HTML原型文档中集成jQuery
- Axure RP Pro - jQuery - 如何在Axure RP Pro生成的HTML原型文档中使用自定义脚本
- AXURE RP EXTENSION For Chrome解决方案
- Axure RP的初印象
- Axure RP 使用示例-页面框架
- Axure RP:页面原型制作工具
- Axure RP 页面属性窗口内容概述
- 产品设计 页面原型制作工具 - Axure RP
- Axure RP Pro - jQuery - 如何设置焦点
- H
- DriverManager.deregisterDriver方法
- I/O多路转接之epoll
- 小玩批量作业调度算法
- C语言——实例023 打印菱形
- 【解决方案】Axure RP如何隐藏部分页面的菜单项
- 选择结构
- 【CDC翻客】移动端App测试实用指南
- 有限扩散集团凝聚模型第二讲: DLCA模型的形态分析
- I'm Telling the Truth HDU
- 【Jiya&Chieng】(零)Jiya和Chieng的故事
- Docker之网桥保存-yellowcong
- Uva 804 Spatial Structures
- 【自考】软件开发工具(第一遍)