Axure—动态面板-轮播

博客概要

     分享利用Axure的动态面板元件制作的一个粗糙的轮播~

文章目录

• • 博客概要
• Axure RP8-实战案例_总目录
• • 轮播
  • 制作过程
  • • 1.整体搭建
    • 2.转化
    • 3.创建面板
    • 4.设置交互
    • 5.效果展示
  • 总结

Axure RP8-实战案例_总目录

文章超链接：https://blog.csdn.net/qq_41386332/article/details/109445644

轮播

解释	点击或以一定时间进行循环播放的效果
效果	点击跳转循环
【PS】	1.本次制作，样式简洁，请按需，自行美化 2.有多种制作方式，此次至制作了其中之一，其余后续分享
…	…

制作过程

1.整体搭建

     利用“矩形”、“图片”等元件，整体搭建页面结构。

2.转化

     全选页面内容，鼠标右击，选择将其“转换为动态面板”（可以事先“成组”）。

3.创建面板

     转换为动态面板后，可发现页面区域明显变色，双击区域，出现“面板状态管理”弹窗，设置“动态面板名称”，新建相应轮播面板，双击选择面板，即可进入相应的面板进行编辑。

4.设置交互

     进入相应面板后，按步骤进行相应的交互设置：

1. 选中要设置的“图片”元件
2. 在属性一栏选择设置“交互”下的“鼠标单击时”的用例
3. 选择“添加动作”一栏的“设置面板状态”
4. 勾选“配置动作”中要设置状态的动态面板
5. 在“选择状态”一栏，下拉选择“Next”
6. 分别在“进入动画”和“退出动画”栏，选择向左话，并设置相应时间
7. 点击“确定”，可以在“属性”的“交互”一栏中看到相应的变化

5.效果展示

     点击图片即实现轮播跳转效果。

总结

以上= =“动态面板之轮播”技能点get~