axure内联框架和动态面板_最详细的Axure动态面板使用教程

本文提供了一篇最详细的Axure动态面板使用教程,通过实例演示如何创建和操作动态面板,包括设置不同状态、创建内联框架(轮播点)并实现自动切换效果,帮助读者掌握动态面板的使用技巧。
摘要由CSDN通过智能技术生成

1、打开【Axure】软件,在index文件上新建一个375*667大小的背景矩形并绘制页面。

具体如图所示。

8190df7e7f02d636cc2a58bf3d063c05.png

2、在banner的位置上新建一个【动态面板】,双击动态面板在其中新建state1、state2、state3、并依次单击重新命名成banner1、banenr2、banner3。具体如图所示。

94f520a004491ff3fe148fc66fe0b4c7.png

3、在右侧的页面模块上双击【banner1】进入到banner1的内页中,并新建一个矩形填充【006600】的颜色。具体如图所示。

d5ec1460290fb538c2e5ff93e8043264.png

4、在右侧的页面模块上双击【banner2】进入到banner2的内页中,并新建一个矩形填充【CC0000】的颜色。具体如图所示。

745cd353ef0ae4656aa0ab779f01eb28.png

5、在右侧的页面模块上双击【banner3】进入到banner3的内页中,并新建一个矩形填充【FF9900】的颜色。具体如图所示。

ecc11cee6d9e13ce06eff5e5d12b9c46.png

6、回到首页,选择动态面板给他命一个名字【banner】选择交互中的【载入时】选择设置面板状态,勾选【banner】动态面板,选择状态【next】勾选【向后循环】勾选【循环间隔1000毫秒】,具体如图所示。

fa4c7cb4c86a8faa37614a57319fed22.png

7、回到首页,在banner动态面板上再次新建一个【动态面板】并重新命名为【轮播点】,具体如图所示。

86f5bcd4dbc518c38ffb6af446da36c9.png

8、双击【轮播点】动态面板,新建三个内页【轮播点1、轮播点2、轮播点3】具体如图所示。

13f6e8fe796cb8ae17998f2469c0313c.png

9、点击轮播点1中绘制三个【圆形】,并把第一个圆形填充成点亮的颜色【666666】,具体如图所示。

32dda4f944f19d8172e7ccb4197421b6.png

10、点击轮播点2中绘制三个【圆形】,并把第二个圆形填充成点亮的颜色【666666】,点击轮播点3中绘制三个【圆形】,并把第三个圆形填充成点亮的颜色【666666】,具体如图所示。

62c047ed3ed73af3c265a21dd4961340.png

11、回到首页,在右侧交互面板上选择【载入时】,回到首页,勾选【轮播点】动态面板,选择状态【next】勾选【向后循环】勾选【循环间隔1000毫秒】,具体如图所示。

a4c26bef1a9193341639a48a0ee9f922.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值