Axure RP 9基础教程（5）——动态面板介绍

如何理解动态面板呢动态面板有什么作用本节我们将基于这两个问题来展开介绍动态面板这一元件。在开始之前让我们先来看一组图片相信大部分人第一眼看到这些首页图片肯定都是下意识的把自己的身份归结为用户身份。现在我们抛开日常的用户的眼光换做产品的眼光去看这几张图片再看一遍。你发现了什么如果让你去设计这样一个首页原型你将如何处理我们来看一下这些首页的构成大体上无非都是些图片的链接、标签页的链接导航的链接等等如果这么多的元件都堆砌到你的原型中将会非常的乱非常的复杂而且在你画到后面想要选取某个元件或某几个元件的时候出现选不准的情况让人非常恼火。所以我们要做的就是分类之前我们有讲到过通过组合的形式去给几个元件组合但是现在我们有一种更加便于管理模块的方式那就是利用动态面板。当然动态面板最重要的功能确不是分类而是被用来设计一系列复杂的交互功能比如轮播图的设计、展开目录手风琴的设计、标签页的设计、弹窗的设计等等。这一些内容我将在进阶版中一一给大家介绍。本节我们的目的就是理解动态面板的作用并学会如何创建和取消动态面板。1.创建动态面板这里我们想要把“欢迎来到主页”标题和“开始”按钮放到一个动态面板中创建动态面板有两种方式下面一一介绍1从元件库中拖拽新增单击左键按住动态面板拖动到画板上双击动态面板进入动态面板编辑界面这时候你会发现无论你怎么选取你永远选取不到动态面板外的元件这样我们就可以专心地对动态面板内部元件进行操作不被打扰了点击右上角“关闭”退出动态面板编辑页这时你会发现无论你怎么选也无法选取到按钮这个元件或者标题这个元件你只能选中整个动态面板所以当你在动态面板外操作时也不需要担心误改了动态面板内的内容2右键转换为动态面板第二种创建动态面板的方式就更简单了选取两个元件右键下拉菜单下有个“转换为动态面板”单击即可完成转换2.删除动态面板我们直接按delete删除动态面板会把动态面板里面的元件一并删除如果只想删除动态面板但保留里面的元件时右键动态面板下拉菜单中选择“从首个状态脱离”即可完成删除。以上是本节内容认识动态面板了解其作用并学会如何创建和删除。感谢阅读。