系列文章目录
Axure RP 8学习之旅
例如:第一个案例 菜单目录
参考地址:https://www.bilibili.com/video/BV1Y4411C7Zj?from=search&seid=13959869945223873212
文章目录
前言
提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
提示:以下是本篇文章正文内容,下面案例可供参考
一、Axure RP 8 收缩菜单
示例:原型绘制
1.菜单效果
推拉菜单效果
2.操作步骤
部件选择和事件绑定:
1.Masters 新增左侧菜单
2.设置模板固定位置
3.操作面板绘制主菜单
4.动态面板维护,进入动态面板准备编辑面板内容
5.动态面板展示内容
关键点,事件绑定:
1.动态面板切换事件
2.菜单绑定页面地址
3.子菜单加载时设置面板默认展开效果。
3.总结
通过使用Toggle实现主菜单切换动态面板隐藏展示,注意需要Toggle和Show操作都需要勾选Push Widgets。不然会出现子菜单内容和下排主菜单内容重叠。
参考如下:
二、商品自增实现(全部变量和函数使用)
1.展示效果
部件选择提示:
1.部件选择和事件绑定
部件选择
创建全局全量(可以用于页面传值title,state等使用,当前页做自增数据记录)
全局变量管理
新增变量GoodsCount,默认值为0
单击添加商品,绑定事件
注意绑定事件先后顺序,先自增,后设置文本值。
备注:此处是详细操作步骤
1.自增加1实现
2.
3.总结
通过使用全局变量实现按钮单击自增和赋值操作,和前端html很像。不过全部都是拖拽和单选操作,看起来就两行代码变为10多个操作。代码可以复用,但是前端页面兼容支持复用性就很差。原型复用就是一个拖拽还包括事件,能极大的减少需求沟通和设计不确定的结果。