Axure RP 8学习之旅

系列文章目录

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多个操作。代码可以复用，但是前端页面兼容支持复用性就很差。原型复用就是一个拖拽还包括事件，能极大的减少需求沟通和设计不确定的结果。