Axure制作QQ音乐操作实例

今天教大家用Axure制作QQ音乐部分功能的操作实例，喜欢音乐的小伙伴快来看看吧，制作自己的音乐软件，具体操作步骤如下：

素材获取

1.确定手机模型的外壳，设置其中的内部大小。当然这个也可以通过AXURE中一些基本元件的变化很容易得到。

2.从手机中进行截取QQ音乐APP的图片，通过PS进行P图，获得大部分的素材。

3.获得一些需要实现的动态图标，比如播放按钮、红心变化、音乐符号等设置母版

母版的主要作用在于减少一些重复性的操作，比如QQ音乐中搜索框、下方中的页面切换、音乐小播放按钮转动的图片。‘

音乐馆界面

该界面运用了三个交互

1.搜索框的使用
通过点击上方的搜索框，可以显示并弹出键盘组合，最后通过在输入框键盘输入需要搜索的歌名等信息，点击确定后，信息会自动显示在搜索框。

2.轮播图的转换

通过使用动态面板来切换不同的转播图，同时通过条件设置状态改变时、页面载入时、下方小按钮点击时等交互设计完成该模型。

3.界面切换和播放按钮点击旋转的转换
下方的点击切换界面和播放按钮

通过设置四种不同的组合，设置点击时设置选中、打开链接来实现不同界面的选中颜色和切换界面。最后通过点击播放按钮，设置旋转并且旋转图片设置旋转时来实现播放时持续旋转。

推荐界面

该界面新增一个交互：
拖动时界面移动和特定条件下拖动结束时返回。

拖动事件

拖动界面总览

动态界面

动态界面

该页面新增加一个交互。
通过设置动态面板来设置滑块的切换，设置单击时，切换到下一个状态，设置滑块移动到达的位置，切换状态。并且更换不同的板块。

播放界面：

进入播放界面

该界面新增加一个交互
通过构造全局变量play2和play来设置时间轴来进行计算播放时间的计算，并且通过点击右上方的分享界面可以进行分享。通过时间的变化设置进度条的尺寸大小，达到实现实时更新的目的。

我的

四、 模型缺点
这里的缺点是指本项目中没有达到设计的目的，并且最后没能修改成功。
1.音乐馆界面中第一个轮播图总是默认选中

初始界面

第一次单击

第二次单击

以上就是Axure制作QQ音乐操作实例全部内容介绍了，关于更多axure9教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。