怎样使用axure 7.0制作banner轮播图

作者:分开不是尽头 | 创建时间: 2023-07-27
随着手机端app的发展,越来越多琳琅满目的app应用层出不穷。每一款app成型之前都会有相应的原型的。那么你知道怎么使用Axure7.0软件制作高大上的轮播图效果吗?小编来告诉你。...
怎样使用axure 7.0制作banner轮播图

操作方法

首先,打开pc端的已经汉化完的Axure7.0版本软件。

其次,拖动左边部件库里的图片元件到右面的编辑区域。并调整好所有制作的banner图片的大小,更改上方的长和宽数值。

再次,点击图片单击鼠标右键 在弹出来的列表选项中选择转化为动态面板选项,会在右下角的部件管理中看到新增的动态面板。

点击右下角的部件管理中的动态面板,会弹出来一个动态面板的对话框,在对话框里对动态面板进行命名并添加两个状态。

点击确定之后,在点击状态1选项,会在动态面板1里面看到设置好的图片部件,双击图片部件选择将要制作成banner轮播图的图片。状态2和状态3也同状态1一样,三个动态面板设置的图片大小位置数值都应一样。

所有图片和状态都添加完成之后,回到home页面,对动态面板中的图片添加事件。点击右侧的部件交互和注释的区域中页面载入时的选项,打开用例编辑器对话框。

点击左侧的添加新动作栏里面的设置面板状态的选项,在点击右侧的配置动作中的banner动态面板选项。选择状态中选择next选项,如下图所示。

点击F5生成之后就能看见banner轮播图片轮播的效果啦。

点击展开全文

更多推荐