最新消息:原定axure手机原型设计系列课程免费视频由于工作原因一直未能推出 如需视频可以购买 小楼老师 视频 Axure RP7.0从入门到精通 本站案例源码现已整理全部提供下载学习

程矢Axure夜话:中继器系列视频教程之中继器可折叠菜单

Axure中继器repeater教程 老二牛车 14809浏览 0评论

案例描述:中继器可折叠菜单

知识点:

  • 中继器复合操作

效果图:

0_中继器可折叠菜单

本站在线效果预览:http://www.91axure.com/repeaterlesson/repeatercolmenu/start.html#p=home(firefox原型文件)

AxShare在线效果预览:

原型下载地址:中继器可折叠菜单 .rp 中继器可折叠菜单html

在线视频:

实现步骤:

1:参照教程“中继器系列视频教程之中继器实现的表格”设计中继器数据

100

Typeid代表菜单项的编号

Menuid代表子菜单项的编号

 

2:设计可折叠菜单界面,如下图:

101

3:为每个菜单项,添加“鼠标单击时”事件

102

3.0:记录选择的菜单项变量值

3.1:按照菜单项的编号过滤子菜单项

103

过滤规则

104

3.2:按照过滤后的菜单项数量设置菜单项动态面板的大小

105

动态面板大小计算值

106

3.3:移动菜单项中继器面板到点击的菜单项的位置

107

移动位置值:x方向=This.x

Y方向:

108

注意菜单项点击的折叠与打开使用 选中状态标识。

109

6:为猜想子项添加“鼠标单击时”事件

110

7:预览或生成原型

 

转载请注明:爱上原型Axure » 程矢Axure夜话:中继器系列视频教程之中继器可折叠菜单

您必须 登录 才能发表评论!