如何使用动态面板设置页面切换特效？原创

在官方案例的部分项目中，可以看到有很多这样的导航栏切换效果，今天这期内容就是教大家如何使用动态面板进行页面的切换。首先插入一个矩形作为背景。设置好样式后，接着插入一个动态面板，双击动态面板进入编辑状态。我们先把第一页的样式做出来，添加文字和按钮的选中状态，还有需要切换的内容。这里我们就以图表分类切换为例，做完第一页之后，再复制其他三页出来，将这几页我们重命名一下，然后依次在动态面板的每一个子页面中修改对应的内容和按钮的选中状态。设置好样式后，双击空白处，可以退出动态面板的编辑状态。接着需要在每一个做好的按钮处添加热区，调整适当大小后选择联动设置添加事件，自定义一个事件名称，触发条件，选择鼠标单击实现动作，选择切换。

动态面板页面目标对象选择动态面板页面切换选择需要显示的页面，这个热区为柱状图的热区，所以我们选择柱状图。其他三个按钮也是同样的制作方法，接下来可以预览一下最终效果。以上就是这期教程的完整内容了，如果您想了解关于ta的最新资讯，可以关注实验室公众号获取更多内容。