Axure R中Dynamic Panel 演示Tab标签也切换.docxVIP

Dynamic Panel（动态面板）实现Tab（标签）的切换步骤一下 第一步：在Widgets区把Dynamic Panel拖到工作区，Dynamic Panel在工作区的大小取决你要显示的Tab区域的大小。如图1 图1. 第二步：双击图1的蓝色区域（Dynamic Panel），跳出动态面板状态管理窗口（图2），给Dynamic Panel命名为‘标签切换Demo’（任意命名 好记就行）。我们需要演示三个标签页之间的切换，所以我们在动态面板状态管理窗口中‘+’号添加三个标签‘实例’，分别命名为tab1，tab2，tab3.如图2 图2. 第三步：在Dynamic Panel Manager（动态面板管理区）双击tab1，跳转到tab1的绘制页面。 绘制图形只能在蓝色虚线区域内，否则不显示。绘制成图3 图3. 在Widgets区把3个Parallerlogram（根据喜欢，可以选择圆角矩形或其他）控件拖置tab1工作区，表示标签。 分别命名为tab1，tab2，tab3.把tab1的背景颜色改为黄色，表示当前选中tab1标签。 第四步：实现标签页的交互动作。在这里使用鼠标滑过（OnMouseEnter）标签来实现标签的切换.也可以设置别的交互方式如点击（OnClick）。 单击tab1标签（Parallerlogram），在Widgets交互面板双击OnMouseEnter. 在