Axure 8.0 - 轮播图的实现

这两天刚刚接触Axure 8.0,便试着实现了下轮播图,由于网上的基本都是基于7.0实现的,所以这里我把它整理了一下,以便使用8的同学方便先让大家看下rp 图,由于是刚接触不久,所以比较 low..下面就来简单介绍下我是如何实现的----前期准备-----1. 先画个大概的位置线框图,如上图所示,做了3张banner的轮播效果2.banner位置的占位符转换
摘要由CSDN通过智能技术生成

这两天刚刚接触Axure 8.0,便试着实现了下轮播图,由于网上的基本都是基于7.0实现的,所以这里我把它整理了一下,以便使用8的同学方便
先让大家看下rp 图,由于是刚接触不久,所以比较 low..


下面就来简单介绍下我是如何实现的

----前期准备-----

1. 先画个大概的位置线框图,如上图所示,做了3张banner的轮播效果

2.banner位置的占位符转换为动态面板(鼠标右键,转换动态面板),给面板命名→_→这个不强制,在右侧面板区找到动态面板(图中为banner),选中,添加2个状态,分别放banner2,banner3。

双击状态名进入对应的面板页面,会看到有蓝色的框框,框内的部件将会在面板里显示,框外的不显示。可以给状态修改名称(选中状态,然后单击名称即可修改,图中状态名称修改为1,2,3对应第几张banner)



3.添加banner轮播时,banner上面的状态按钮(图中的圆点,会跟随banner切换,颜色变化),我这是先添加三个矩形,名字为矩形1,矩形2,矩形3,然后在属性中设置半径,让其变成圆形


  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值