Axure8案例(一):可单机交互的 带有状态指示器 的轮播图片

这篇博客介绍了如何使用Axure8在Mac OS系统上制作可单击交互的轮播图片,包括如何设置动态面板、切换图片以及创建状态指示器来显示当前图片页数。内容详细讲解了每个步骤,从选取素材到关联状态圆点,最终实现了一个完整的交互式轮播图组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Axure8案例(一):可单机交互的带有状态指示器的轮播图片

正在自学Axure8,用的是OS Sierra系统,参考教材是《Axure RP 8——网站和APP原型制作从入门到精通》,讲的很细致,同时也会学习其他人发布在优快云或简书上的案例教学。

我自己根据学到的知识,进行实践,并把自己的操作步骤记录在优快云上,一方面和大家分享交流,另一方面巩固操作流程。


一、前期准备

  • 软件: Axure 8
  • 平台: Mac OS 系统
  • 准备素材: 图片3/4张

二、内容效果

  • 多张图片的广告轮播效果;
  • 可通过单击左右键切换图片;
  • 带有动态面板状态指示器效果,可显示一共有几张图片,以及当前显示图片页数。

三、具体步骤

  • 选取素材

    选取三张图片,我选择的是三张我姆的桌面壁纸

图1

图2

图3

  • 设置图片动态面板

    (1)将图片部件拖入页面

这里写图片描述

(2)双击图片部件,载入图片1

(3)选中图片1,设置右侧样式中设置图片尺寸为400*250

这里写图片描述

(4)右键图片,选择转换为动态面板,双击动态面板,选中state1,单击复制按钮两次,点击确定;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值