一、成品效果

Axure Cloud 案例3 -【跳转】微信听一听

版本介绍

一、发现
1.1 点击听一听模块，进入听一听页面
二、听一听
2.1 点击歌单模块，进入歌单页面
三、歌单
3.1 点击任意歌曲，进入播放器界面
3.2 点击左上角，返回听一听页面
四、播放器
3.1 在【案例2】旋转的唱片中已实现的全部功能

二、素材准备

第一页和第四页是其他案例的成品，第二、三页直接用手机截图。并且将四幅图调整至一样的尺寸。

三、制作方法

需要创建四个分页，将素材放入各个页面中。页面之间的跳转是通过元件->热区，设置交互来实现的

四、操作步骤

1.创建分页

创建四个页面，页面尺寸与素材尺寸保持一致

2.素材放入对应页面

3.添加热区、设置交互

在每个页面对应位置添加热区，交互设置：点击时->打开链接-> 到指定页面

4.效果预览

22/08/17

1.4_4 Axure RP 9 for mac 高保真原型图 - 案例3 【跳转】微信听一听相关推荐

1.4_10 Axure RP 9 for mac 高保真原型图 - 案例9 【按钮】单选按钮组
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 了解单选功能的实现原理 2. 掌握按钮的常见使用方式 3. 掌握指定单选按钮的组功 ...
1.4_18 Axure RP 9 for mac 高保真原型图 - 案例17 【js-echarts官网】
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 最开始只是想尝试一下,在Axure RP9中引用echarts图片.访问了一下echarts官网 ,后来对官网的 ...
1.4_15 Axure RP 9 for mac 高保真原型图 - 案例14 【动态面板-滚动条4】深色模式 - 图层处理
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 了解深色模式的实现原理 2. 掌握在概要模块中,显示/隐藏对象 3. 掌握置于顶 ...
1.4_5 Axure RP 9 for mac 高保真原型图 - 案例4 【旋转的唱片2】计时器
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 了解计时功能的实现原理 2. 熟悉交互功能中,情形(case) 的使用场景 3. 掌握 ...
1.4_21 Axure RP 9 for mac 高保真原型图 - 案例20【中继器 - 入门1】中继器原理Repeater Table
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 了解中继器是什么 2. 了解中继器的使用场景 3. 会使用中继器展示数据 4. ...
1.4_17 Axure RP 9 for mac 高保真原型图 - 案例16 【动态面板-滚动条6】手动制作滚动条
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 了解手动制作滚动条的原理 2. 掌握鼠标悬停在本案例中的用法一.成品效果 Axure ...
1.4_26 Axure RP 9 for mac 高保真原型图 - 案例25【中继器 - 后台管理系统3】优化- 3D按钮、键盘操作
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 了解3D按钮效果的实现方式一.成品效果 Axure Cloud 案例25[中继器 - 后台管理系 ...
1.4_6 Axure RP 9 for mac 高保真原型图 - 案例5 【旋转的唱片3】进度条_滚动
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 了解进度条的实现原理 2. 熟悉设置尺寸动作的使用场景 3. 掌握变量值实现复杂的 ...
1.4_7 Axure RP 9 for mac 高保真原型图 - 案例6 【旋转的唱片4】进度条_拖拽、点击
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 熟悉动态面板的拖拽.点击动作的使用场景 2. 掌握动态面板中配置拖拽功能实现原理( ...

1.4_4 Axure RP 9 for mac 高保真原型图 - 案例3 【跳转】微信听一听