axure在同一个动态面板显示多个state

今天介绍一下axure这个工具的使用，本人之前在做动态页面的时候一直用的是动态模板，当时对这个工具不太熟悉，在做一个功能的时候添加一个动态模板，功能越多，动态模板越多，当时在修改的时候引起了不少麻烦，引起了混乱，导致修改不好修改。后来发现一个动态模板可以有多个state,这样再做设计的时候就使得页面简洁一些，后期的修改也好修改，下面是一个简单的demo,界面比较简单，只是一个demo

1.打开axure这个软件，怎样激活我就不多介绍了，网上又很多资料，首先在一个新界面建立一个动态模板，取名为测试，如下图所示：

2.在上图的界面中新建两个button,用于显示，本人就写个简单点的，目的很简单，当点击add按钮，出现add字样，点击del按钮，出现del字样。结果如下图：

3.双击建立的动态模板，结果如下图：

上图为刚才建立的动态模板，我们为state1重命名为add,作为第一个state,点击”+“号命名为del作为第二个state,最后点击确定。效果如下图：

4.经过上面步骤，我们将两个state都重命名了，现在我们要在建立的state中添加内容。现在双击动态模板，可以看到刚才建立的两个state,结果如下：

5.双击add状态，进入到add状态的界面，结果如下：

我们在里面添加些文字，“add”，结果如下：

6.返回到最初建立动态模板的界面，找到add按钮，为add按钮添加事件，点击add按钮，在右侧找到事件，结果如下图所示：

7.点击“鼠标单击时”，结果如下图所示：

8.我们选中case1,在左下侧选中设置面板状态，结果如下图：

9.在面板状态显示我们要显示的内容，单击面板状态，右侧弹出相关信息，结果如下：

10.在右侧的配置动作中，选中set测试state to add,下方的状态为add,在左侧的原件中选中“显示”，结果如下：

配置动作标红的要选中，左后点击确定

11.最后将我们的动态模板设置为隐藏，就大功告成了

12.测试结果：

初始化界面：

点击add后：

13.add按钮成功。

14.del按钮操作和add一样，本人不在过多叙述

15.整体效果如下：

点击del时：

点击add时:

16.整个操作就介绍完了，如果觉得文章写的不详细的，请在下方评论，本人欢迎各位提出意见。