【产品经理从0到1】Axure介绍
01. 上期内容回顾
- 创建元件库的时候，在添加原件时不知道怎么操作。
- 讲解很耐心，希望课上分解步骤多带着练习下；
- PC 端的原型，相对于移动端，非常自由，没有任何的设计规范；但是，要求 PC 端的原型在
样式上保持统一，比如，同一个级别的按钮，高度、宽度都要一致；
02. toast 案例-添加元件
- 大家在学习交互的期间，不要沉迷交互；
- 制作步骤：
- 添加案例元件，注意使用热区增加元件点击范围；
- 添加 toast 动态面板，通过复制添加两个状态；注意命名；
- 给热区添加第一个交互动作，鼠标单击时，让 toast 面板变为第一个状态：
- 添加热区的第二个和第三个动作，第二个动作：等待，第三个动作：让第二个状态出现：
- 添加热区的最后两个动作，第四个动作：等待，第五个动作：隐藏动态面板，注意拉动
元件：
03. toast 案例-添加交互
- 案例问题：
- 我们发现，toast 面板的第一个状态不是滑出来的，解决方案：给 toast 面板添加一个空白状态，并让它置顶；
原因：当动态面板从隐藏状态切换为显示状态时，会默认显示第一个状态；
- 我们发现，toast 面板的第一个状态不是滑出来的，解决方案：给 toast 面板添加一个空白状态，并让它置顶；
- 我们发现动态面板的状态在切换时，会推动另外一个状态，解决方案：去掉刚刚热区交互中的退出动画即可；
- 我们发现刷新按钮被推动了，解决方案：将 toast 面板和被它推动的元件全选，转换为动态面板即可；
原因：动态面板在推动原件的时候，会推动这个页面中，它下方的全部元件；我们只需要把他们放在一个独立的页面中去实现推动效果，这样刷新按钮就不会被推动了；
04. 呼出键盘-添加元件
制作步骤：
1. 添加案例中的全部元件，注意动态面板有三个状态，第一个状态是空白状态；注意动态
面板和叉号都是隐藏的；
2. 给手机号输入框添加交互动作，获取焦点时，显示动态面板的数字键盘：
3. 同样的，给密码输入框添加交互动作，获取焦点时，显示动态面板的字母键盘：
05. 呼出键盘-添加交互
- 继续添加输入框的交互动作，两个输入框，失去焦点时，隐藏动态面板：
- 给手机号输入框添加交互动作，文本改变时，显示/隐藏叉号，注意设置条件（如果文本为
空，则隐藏；如果文本不为空，则显示叉号）： - 给叉号设置交互动作，鼠标单击时，设置手机号输入框的文本为空：
- 有个小 bug，多次点击文本框，键盘可能不是滑出的，解决方案：修改失去焦点时的动作，改为失去焦点时，设置动态面板的状态为第一个（空白状态）：
06. 省市二级联动
- 在 Axure 中，用例 = 交互动作 = 交互事件；
- case 是一个交互事件组/交互动作组；如果一个 case 中有多个交互事件，那从上往下执行；
- 制作步骤：
- 添加案例元件，先添加省份下拉框，注意命名；
- 复制省份下拉框，转换为动态面板，注意命名；编辑动态面板的状态中下拉框，注意命名和修改选项；
- 给省份下拉框添加交互动作：选项改变时，对应的设置动态面板的状态；（注意设置条件，当省份下拉框为某个省时，让动态面板变为这个省的状态）
- 省份下拉框有几个选项，就要设置几个 case；
- 发现一个小问题，动态面板中的下拉框每次在显示时，没有默认显示项，解决方案，给下拉框继续添加动作（选项改变时，不仅要设置动态面板的状态，还要设置动态面板状态中下拉框的“列表选中项”）；
07. 步进器
制作步骤：
1. 添加元件，注意命名，注意给减号添加禁用状态，注意减号在引用页面时的禁用；
2. 添加加号的交互动作，鼠标单击时：启用减号，同时让数字的值+1；
3. 添加减号的交互动作，先考虑特殊数字是 2：
1. 当数字的值为 2 时，鼠标单击减号，让数字的值变为 1，同时禁用减号：
2. 当数字的值不为 2 时，鼠标单击减号，让数字的值-1 即可；
08. 订单详情案例-添加元件
制作步骤：
1. 添加订单详情的案例元件，注意元件命名；
2. 设置省份和城市的二级联动效果；
3. 添加下方“订单信息”的元件，直接复制就可以，注意修改元件命名；
1. 注意，下方的订单信息，元件添加好之后，先组合，再选择隐藏；
4. 给提交按钮添加交互动作，鼠标单击时：显示订单信息的组合，给下方文本框赋值；
09. 订单详情-添加交互 1
- 注意：只用局部变量，是无法获取动态面板的值；只能使用全局变量；
- 添加全局变量，考虑有三种不同的情况需要赋值：
- 页面刚打开时，给全局变量赋值：
- 当省份下拉框选项改变时，动态面板的状态中，下拉框都有默认显示项，需要给全局变
量赋值： - 当城市动态面板状态中的下拉框，选项在改变时，给全局变量赋值：
- 将新增好的全局变量，插入到提交按钮的动作中：