Axure设计:轮播图

 时间:2026-02-13 22:46:15

1、新建一个“动态面板”,如下图所示:

Axure设计:轮播图

2、“动态面板”设置尺寸为500*156,并设置3个层,分别命名为pic1,pic2,pic3

(仅演示用)

Axure设计:轮播图

3、在各层中,放入所需的图片,如下图所示

Axure设计:轮播图

Axure设计:轮播图

4、新建2个,箭头图标,设置尺寸为15*26,置于“动态面板”的左右两边,如下图所示:

Axure设计:轮播图

Axure设计:轮播图

5、让图片循环轮播,需要设置下“动态面板”的“载入时”的交互动作:

---

设置“动态面板”“向后循环”,循环间隔时间3000毫秒,动画方式为向右滑动,时间1000毫秒

---

Axure设计:轮播图

6、设置左箭头的“鼠标单击时”的交互动作:

---

设置“动态面板”“向前循环”,动画方式为向左滑动,时间1000毫秒

---

Axure设计:轮播图

7、设置右箭头的“鼠标单击时”的交互动作:

---

设置“动态面板”“向后循环”,动画方式为向右滑动,时间1000毫秒

---

Axure设计:轮播图

8、简简单单设置好后,建议的轮播图控件就设置完成了,看下效果,是不是很不错,赶紧加入自己的控件库里把~

Axure设计:轮播图

9、觉得不错的话,请投个票,加个赞哦~

  • 墨刀怎样设置页面
  • C4D怎么制作分散的文字聚集的动画效果
  • C4D发光棒怎么做?辉光效果怎么用?
  • c4d甲壳虫汽车建模教程
  • C4D 如何建立吸管模型
  • 热门搜索
    云南旅游要多少钱 海南著名旅游景点 南岳衡山旅游网 大连旅游社 去澳大利亚旅游 桂林旅游人才网 黔南州旅游 广西容县旅游 七月去哪里旅游最好 海南旅游购物