Axure9动态面板(图片轮播)

Axure9动态面板(图片轮播),第1张

1、导入图片文件夹(可做可不做)

2、从元件库拖出一个动态面板,并设置大小

3、双击动态面板内部,进入编辑状态页面

4、给动态面板添加状态,单击每个状态并编辑每个状态内的内容

5、编辑完成点击关闭退出

6、从元件库中拖出前进后退两个icon

7、选中向右的icon - 新建交互样式 - 单击时 - 设置面板状态 - 目标 - 状态

      向左的同理。

8、点击轮播效果完成。

9、设置页面载入时自动开始轮播,选中动态面板 - 新建交互样式 - 载入时 - 设置面板状态

10、页面载入自动轮播效果设置完成

注意:自动轮播过程中如果点击左右切换按键,自动轮播会停止,如需继续自动轮播,要在设置动态面板左右按键交互事件时,为按键多添加一个自动循环事件。

如果你要在中继器中插入图片,那就要在模板中插入一张图片。记住一定要插入图片(pic)而不是其他的元素,否则Axure在寻找图片这一个类的时候就会搜索不到。

6.新建一个变量值,变量值就填刚才命名的中继器元素名:icon

TARGET = icon(icon要选择Turter中的icon)

VALUE = pics (点进去fx,插入变量或函数,选择中继器Turter中的图片pics)

SET TO = 变量值

sndazhu正解,你不能导入网页的,在一个.rp文件打开的时候在Axure界面用文件-导入另一个.rp文件,下一步下一步下一步按提示来即可。注意名称一样的会覆盖等情况。

再F5生成的就是你要的了。

你必需要.rp文件进行导入,纯生成的html格式的文件是不能这样合并的。

如果你的两个Axure文件只有一个存在.rp文件,另一个只是生成的html,是不能搞定的哦~


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11837196.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存