Axure学习笔记-动态面板

基本使用

• 动态面板像组合一样，能够实现元件的统一移动、显示、隐藏、选中等操作。
• 动态面板默认带有一个状态“State1”，状态可以理解为容器的一层。
• 在画布中放入一个动态面板元件，双击就可以打开默认状态，这就是动态面板的编辑状态。

• 上下文菜单中选择【自适应内容】，动态面板就能够自动呈现内部所有内容。
• 上下文菜单中选择【转换为动态面板】，快捷键<Ctrl+Shift+Alt+D>
• 上下文菜单中选择【从首个状态脱离】，快捷键<Ctrl+Shift+Alt+B>

添加多个状态内容的作用

• 添加多个状态内容之后，通过交互事件改变动态面板的状态，就能够在同一区域呈现不同的内容。

动态面板与内容框架的区别

• 使用内联框架嵌入的页面内容，在切换时会有刷新的过程；
• 动态面板在进行状态切换时不会有刷新的过程；
• 动态面板在进行状态切换时还可以添加动画效果。

给元件文字中的一部分文字添加交互

• Axure RP自带的【插入文本链接】交互，可以将默认的【打开链接】动作改变为其他的动作。

固定到浏览器功能

• 在浏览器中查看原型时，固定的内容不会随着页面内容的滚动或浏览器窗口的尺寸变化改变在浏览器中的位置。

为什么固定在浏览器设置中，左侧和顶部没有边距设置？

• 浏览器窗口尺寸不是固定的，右侧和底部固定的位置要通过与浏览器边框的距离来确定。而左侧和顶部固定的位置，可以直接通过摆放来确定。

滚动交互

• 通过滚动设置能够让某个区域的内容可以滚动查看。特别是在移动端原型中，可以通过该功能实现某个区域内容的上下拖到。
• 画布设置中选择移动设备，或者在移动设备上查看原型，动态面板的滚动条是看不见的。