初入前端，小白学习中。。。。。

随着web前端的飞速发展，学习web前端的人员也是越来越多，在移动互联网时代，我们的生活与前端息息相关。纯 Web开发 的APP不在少数，比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技术开发。除了APP，我们在手机端常看到的H5页面，也是主要运用了Web端的 HTML5 技术开发，不光移动端，只要是用户能看到的，在pc，tv，车载，都是前端做的。

今天跟大家交流一下动态面板的简单入门用法，我们来做一个简单的隐藏现实的动态效果好了

首先我们新建一个axure文件，在里面随意放一个列表框，2个标题：一个是列表一个是图片，我们要实现点击不同的标题，显示不同的内容。

然后我们从左边元件库中选择动态面板拖动到右边。

调整动态面板的大小，刚好盖住表格就可以。这时候这个动态面板默认是可见的。

我们右键单击，选择把动态面板设置为默认隐藏状态。

然后双击一下这个动态面板，跳出来一个属性框，我们把标题改一下，以便以后的使用。这里我们改成：列表图片切换。

然后我们在右下角的元件管理找到这个‘’列表图片切换‘’的面板，双击下面的‘’state1‘’。

打开了动态面板的编辑框，我们可以在此处编辑任何内容，这里的东西不会影响主页面上的任何元件。

为了演示图片，我们把背景用一个矩形框填满，然后拖三个图片元件放在这里

然后回到主界面，点选‘’图片‘’标题，然后双击右边的‘’鼠标单击时‘’以打开动作编辑器。

然后依照以下步骤选取动作，并把动态面板的显示状态改成‘’显示‘’。

同样的方法把列表标题也设置一下，这回要达到的效果是点击文字，图片就隐藏了，因此这里要把动态面板的显示状态改成‘’隐藏‘’。

至此，通过点击不同的标题，可以切换不同的显示效果就做好了。

持续学习ing