图示axure动态面板使用 axure控件交互面板怎么调出来
1、打开【Axure】软件 , 在index文件上新建一个375*667大小的背景矩形并绘制页面 。
具体如图所示 。
文章插图
2、在banner的位置上新建一个【动态面板】 , 双击动态面板在其中新建state1、state2、state3、并依次单击重新命名成banner1、banenr2、banner3 。具体如图所示 。
文章插图
【图示axure动态面板使用 axure控件交互面板怎么调出来】3、在右侧的页面模块上双击【banner1】进入到banner1的内页中 , 并新建一个矩形填充【006600】的颜色 。具体如图所示 。
文章插图
4、在右侧的页面模块上双击【banner2】进入到banner2的内页中 , 并新建一个矩形填充【CC0000】的颜色 。具体如图所示 。
文章插图
5、在右侧的页面模块上双击【banner3】进入到banner3的内页中 , 并新建一个矩形填充【FF9900】的颜色 。具体如图所示 。
文章插图
6、回到首页 , 选择动态面板给他命一个名字【banner】选择交互中的【载入时】选择设置面板状态 , 勾选【banner】动态面板 , 选择状态【next】勾选【向后循环】勾选【循环间隔1000毫秒】 , 具体如图所示 。
文章插图
7、回到首页 , 在banner动态面板上再次新建一个【动态面板】并重新命名为【轮播点】 , 具体如图所示 。
文章插图
8、双击【轮播点】动态面板 , 新建三个内页【轮播点1、轮播点2、轮播点3】具体如图所示 。
文章插图
9、点击轮播点1中绘制三个【圆形】 , 并把第一个圆形填充成点亮的颜色【666666】 , 具体如图所示 。
文章插图
10、点击轮播点2中绘制三个【圆形】 , 并把第二个圆形填充成点亮的颜色【666666】 , 点击轮播点3中绘制三个【圆形】 , 并把第三个圆形填充成点亮的颜色【666666】 , 具体如图所示 。
文章插图
11、回到首页 , 在右侧交互面板上选择【载入时】 , 回到首页 , 勾选【轮播点】动态面板 , 选择状态【next】勾选【向后循环】勾选【循环间隔1000毫秒】 , 具体如图所示 。
文章插图
推荐阅读
- 苹果手机壁纸设置方法 ios怎么自定义动态壁纸声音
- 图示qq账号关联功能操作技巧 怎么取消关联qq账号
- 图示qq相册加锁方式 qq相册怎么设置权限私密
- 图示word导航栏应用方法 word导航怎么设置标题
- 图示修理热水壶故障教程 小米热水壶不加热怎么办
- 图示苹果键盘使用攻略 苹果一体机开机键在哪里
- 图示渐变效果操作技巧 ps怎么添加阴影渐变效果
- 图示视频同步的方法 如何把电脑上的视频传到苹果手机
- 图示电脑录像5步曲 笔记本电脑怎么录像操作步骤
- 图示这4种接线方式 电动机接线方式有几种