前端学习日记（一）Axure Rp9简单应用

一、Axure工具介绍
1.文件：新建、打开、保存、导入、导出page 1为图像等。
2.编辑：剪切Ctrl+X、复制Ctrl+C、粘贴Ctrl+V、查找Ctrl+F、替换Ctrl+H、撤销Ctrl+Z。
3.试图：标尺、网格和参考线（显示网格、对齐网格等）。
4.项目
5.布局
6.发布：预览、生成原型文件、更多生成配置（以html生成配置）。
等等。
二、单选按钮的互斥行为
1.从元件库中选两个单选按钮，修改文本为男、女。
2.选中两个元件（点击一个元件按住Ctrl选择第二个元件，也可以通过左边大纲栏选中）右击点击指定单选按钮，会弹出指定选择组的对话框，修改名字为性别。
3.点击预览，在浏览器中看到，两个按钮只能能选择一个。
三、交互样式与交互动作（包括交互情形）
1.交互样式
仅对当前元件的样式进行更改，选中元件（如按钮），鼠标右键，点击样式效果选择交互触发类型，选择要更改的交互样式（如使用鼠标悬停时更改按钮填充颜色），点击预览就能看到。

2.交互动作
选中元件，在右侧交互面板选择交互事件类型，这里设置动作
使用交互事件实现显示与隐藏
（1）选中按钮元件，右侧面板选择新建交互
（2）选择鼠标单击时，打开大面板，选择左边元件动作为显示/隐藏，右侧设置动作为切换，根据需求修改动画，点击确定，预览时就能看到点击按钮时，矩形消失，再次点击按钮，矩形出现。

3.交互情形
设置交互动作，在交互动作中添加情形并设置情形对应的动作，当某个元件的值满足A情形的时候做A的动作，满足B情形的时候做B的动作。
举例：当文本框中输入值大于等于18时，点击按钮跳转到京东，当输入值小于18时跳转到百度。
（1）拖拽元件

（2）选中按钮，新建交互，选择鼠标单击时，并打开大面板，鼠标放在鼠标单击时上面，会发现后面灰色的Enable cases(新增用例)，点击之后弹出条件生成对话框，修改名称为成年人，并点击添加逻辑，修改如图，点击确定。

（3）鼠标选中成年人的交互事件，点击左栏打开链接，选择链接外部网址，修改网址为京东网址，打开在新窗口标签页，点击确定。

（4）未成年人的逻辑同样。点击预览可以看到，当文本框的输入值小于18时，网页会跳转到百度，大于18时，会跳转到京东。

四、母版的使用
母版是对项目中公共内容提取，首先定义母版，然后将母版应用到页面中，在母版上右键，选择新增页面，只要修改母版，每个页面的母版内容就会改变。
（1）左下栏母版框点击增加母版

（2）对添加母版右键点击新增页面，将想要放入母版的页面添加进去。