Axure使用:原型中如何实现图片轮播效果

2024-10-11 23:27:47

1、添加动态面板:找到动态面板并将其拖入到工作区域。根据自己的实际需求给动态面板设置合适的尺寸。

Axure使用:原型中如何实现图片轮播效果

3、添加图片:双击动态面板后,双击状态名称进入状态编辑页。为该状态添加图片。

Axure使用:原型中如何实现图片轮播效果Axure使用:原型中如何实现图片轮播效果Axure使用:原型中如何实现图片轮播效果

7、关联轮播按钮:给轮播按钮命名1、2、3。为动态面板设置“状态改变时”条件,面板状态改变时对应的按钮被选中,设置过程见图片。

Axure使用:原型中如何实现图片轮播效果Axure使用:原型中如何实现图片轮播效果

8、【注意1】加载时默认显示第一张图片。设置第一个按钮为选中状态。【注意2】按钮一次只能选中一个,记得给他们放到一个组里面哦。【注意3】不要忘记把按钮移动到图片上面去。来看下效果。

Axure使用:原型中如何实现图片轮播效果Axure使用:原型中如何实现图片轮播效果
猜你喜欢