axure内联框架和动态面板_Axure9原型设计:动态面板&内联框架实现可复用导航页...

原标题:Axure9原型设计:动态面板&内联框架实现可复用导航页

编辑导读:在导航页面的时候,怎么尽可能复用,减少无谓的复制黏贴?动态面板和内联框架可以帮助实现。本文作者根据自身经验,从两个方面进行分析,希望对你有帮助。

上次分享的《Axure9原型设计:动态面板实现手风琴菜单(低配版)》,只是实现了导航栏,但是页面不止导航栏,就像写代码一样,怎么尽可能复用,减少无谓的复制黏贴?那就必须配上内联框架。这次就用动态面板和内联框架实现可复用导航页,而且要尽可能简单。

步骤如下:

一、拖拉元件

摆出首页常见样式的一级菜单,简单起见,直接拖拉,不用放到别的容器里。为了后面交互方便,每个元件都有命名,包括“ⅴ”(命名是个好习惯,为了我们交互时可以清晰看到元件名称,且方便检查逻辑)。

拉出动态面板,命名:手风琴二级菜单,设置不可见和自适应内容。并添加4个状态页,每个状态页都跟对应的一级菜单命名对应。

右边,头部拉出一个文本框命名Title,用来显示每个菜单的路径,下面一个内联框架,内联框架设置隐藏边框。

添加二级菜单对应的页面,以及页面内容,页面名称和菜单名称是一致的,这个就略过。

二、添加

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值