Axure 开发笔记

了解网站格局，选择页面请求方式

比如下图这样的，导航居多，而主题页面中需跳转的链接很少，甚至连跳转后的页面也和Header&Nav完美契合，那就可以毫不犹豫的选择采用动态面板来模拟页面的请求刷新。

今天就重点记录动态面板的使用，虽然我也动的不多。此间会顺便提一提交互样式和母板的使用情况，接下来，请听我娓娓道来。

---

使用动态面板使元素居中

在开发一个网站的时候，header的居中显得尤为总要。但是才疏学浅，并没有找到什么特别好的方法。
使用动态面板倒是可以很好的解决这个问题。

---

1. 首先新建一个项目，就不多说了

2. 然后拖出一个矩形，作为咱们的Header背景。嗯，方法很笨，请看下图设置：
   

   来解释下为什么要固定宽度··还那么大，呃呃，我也是没办法，谁叫他没有100%呢，虽然动态面板属性中有一条为100%宽度，但是亲测无效，嗯，一定是我太蠢，希望哪天能懵出来。
   

3. 没错，现在咱们就来设置动态面板了。选中元素，右键，点击跳出的菜单栏最后一行“转换为动态面板”。

4. 然后在界面右侧，元件管理视图中会生成动态面板的索引。
   

5. ”（动态面板）“这个其实是个动态面板容器，而真正的动态面板是State1，双击即可打开编辑面板内容。
   选中动态面板可以添加多个State
   

6. 选中State就可以在元件属性与样式中编辑属性啦。
   
   点击属性里的固定到浏览器，将会打开我们的重点设置选项，嘻嘻
   
   勾选固定到浏览器窗口
   然后选择水平固定居中，垂直固定顶部（你也可以自由发挥随意玩耍）。
   大功告成。

7. 为了能完美的体现效果，我决定加个标题来玩一玩。注意，我的标题只是随意拖进页面的，并没有刻意居中。
   
   看浏览器的效果，无论窗口如何变动，标题永远在最中间，耶，完美。
   
   

---

交互样式中控制动态面板

1. 我创建了两个标题动态面板，一个切换按钮。
   
2. 选中标题1的动态面板容器，点击左上角的图标，添加State
   
3. 这时标题1的容器中将会出现新的State
   
   这时的State2是空白的，什么东西都没有，正好，这就是我想要的。
   同理将生成标题2的State2。
4. 这时我们终于可以来玩交互啦哇咔咔
   这里顺便说说交互状态的设置
   选中按钮元素，在元件属性与样式中的属性窗口可以看到交互样式类型
   
   其实选中元素，右键，点击跳出的菜单栏里也有交互样式的设置入口。
   
   在这里可以设置交互样式。OK！
5. 选中元素，在元件交互与说明试图中的交互窗口里，选中鼠标单击，然后点击添加用例开始编辑触发事件
   
6. 选中用例
   
   点击左侧设置面板状态
   在右侧可选择要控制的面板
   然后进行设置
   

母板的应用

母板其实就是可复用元件的意思。
选中元素，右键，点击跳出的菜单栏倒数第二行“转换为母板”。

拖放行为故名思意
通常选择任何位置，但是header之类的课选择固定位置。
点击确定后，界面左下角的母板视图中将显示生成的母板，需要使用时直接推拽到你需要的位置即可。