Axure8.0教程:滑动翻转效果

动态滑动以及翻转效果是常见的产品动效,如何用Axure8进行制作呢?本文对此做了展示,一起来看看吧。

本次分享的是Axure8制作的动态滑动以及翻转效果。

Axure8.0教程:滑动翻转效果

预览及下载地址:https://pqv1bh.axshare.com/

一、制作原型

拖动一个【动态面板】元件命名为滑动。

Axure8.0教程:滑动翻转效果

进入动态面板制作轮播图以及圆点。

1.制作轮播图

拖动一个【动态面板】元件,命名为轮播  ,分别制作四张图片。

Axure8.0教程:滑动翻转效果

2.选择按钮

制作四个圆点,分别命名为圆点1、圆点2、圆点3、圆点4。

Axure8.0教程:滑动翻转效果

二、交互设置

点击”轮播图”动态面板,进行“状态改变时”事件、“向左拖动结束时”事件以及“向右拖动结束时”事件设置。

Axure8.0教程:滑动翻转效果

本文由纤纤露投稿,不代表爱运营立场,如若转载,请注明出处:https://www.iyunying.org/pm/axure/295961.html

(0)
纤纤露的头像纤纤露投稿者
上一篇 2022年10月29日 下午6:03
下一篇 2022年10月29日 下午6:05

推荐资讯

发表回复

登录后才能评论
分享本页
返回顶部