Axure交互进阶教程-三级菜单+跳转+箭头+中继器制作
成都/UI设计师/7年前/3041浏览
版权
Axure交互进阶教程-三级菜单+跳转+箭头+中继器制作
Axure交互进阶教程-三级菜单+跳转+箭头+中继器制作
这是locky私人共享的工作经验教程,网上是没有的哦,喜欢的请给一个赞~,locky会陆续共享出其他相对复杂一点和网上教程稀少的交互供设计爱好者经验交流~

Axure交互进阶教程-三级菜单+跳转+箭头+中继器制作,此教程适用于axure功底稍强一点的人,需要了解全局变量和中继续的概念。
步骤一:建好中继器,首先,需要了解中继器。通俗地说,中继器就是一个图形根据数据表格的和交互指令,重复出多个的这么一个元件。这里的关键是数据表格的菜单。
图1为中继器外边的效果:分为中继器,右侧的辅助展开元件和辅助收缩元件

图2为中继器里面的效果:分为矩形和箭头
![]()
图3为中继器数据表格:type表示菜单级别;ID的作用是排序;ID1\ID2\ID3都主要是辅助生成ID1;name菜单名;eye可见性;xuan是否选中;next是否有下级菜单。

步骤二:为中继器的单元格矩形添加加载交互与点击交互,主要的作用是添加三级菜单内容以及真么时候展开,什么时候跳转;这里需要用到全局变量ID1和ID2。
图4为中继器载入的交互:

图5为中继器内部点击的交互:如果没有下级,则跳菜单文字对应页面

步骤三:为中继器中的辅助矩形添加点击交互,主要的作用是添加展开和受其效果。
图6为辅助元件收缩的交互:

图7为中辅助元件展开的交互:

12
举报
声明
5
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
12登录即可同步推荐记录哦
5登录即可加入我的收藏
评论登录即可评论想法
分享分享














