java4android网易云,Android仿网易云音乐播放界面

概述

网易云音乐是一款非常优秀的音乐播放器，尤其是播放界面，使用唱盘机风格，显得格外古典优雅。

首先来看一下网易的播放效果。

要实现上面的功能，我们需要对界面进行一个拆分，拆分后大概包含如下结构：

主界面布局设计

唱盘布局设计

动态布局

唱盘控件DiscView对外接口及方法

音乐状态控制时序图

分析及实现

主界面布局设计

主界面布局从上到下可以划分几大区域，如图：

如图，由上到下主要分为：标题栏区、唱盘区域、时长显示区域、播放控制区域。

标题栏

使用ToolBar实现，字体可能需要自定义。

唱盘区域

唱盘区域包括唱盘、唱针、底盘、以及实现切换的ViewPager等控件，该布局比较复杂，本案例使用自定义控件实现唱盘区域。

时长显示区域

使用RelativeLayout作为根布局，进度条使用SeekBar实现。

播放控制区域

比较简单，使用LinearLayout作为根布局。

唱盘布局实现(难点)

唱盘区域由控件DiscView实现，以RelativeLayout为根布局，子控件包括：底盘、唱针、ViewPager等。其中，底盘和唱针均用ImageView实现，然后使用ViewPager加载ImageView实现唱片的切换。如图：

唱片布局如下：

mlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:id="@+id/ivDiscBlackgound"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:id="@+id/vpDiscContain"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:id="@+id/ivNeedle"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/ic_needle"/>

这里面涉及到一个DiscView类，这个是一个复合类，我们来看一些主要的功能。

java4android网易云,Android仿网易云音乐播放界面相关推荐

Android车机 USB1音乐播放界面，拔插USB2，闪退到主界面，音乐停止播放(#10329)
现象描述: USB1音乐播放界面,拔插USB2,闪退到主界面,音乐停止播放. 原因分析: 关键异常log如下: 解决措施: U盘unmount时PorcessKiller会kill掉打开文件的进程,导 ...
Android 仿百度网页音乐播放器圆形图片转圈播放效果
百度网页音乐播放器的效果如下 : http://www.baidu.com/baidu?word=%E4%B8%80%E7%9B%B4%E5%BE%88%E5%AE%89%E9%9D%99& ...
Android 仿网易云音乐App
因为工作实在是有点忙,所以还没完成成品,就先挂到GitHub上.日后慢慢更新啦. 项目地址 GitHub地址,希望大佬们点个star GitHub仿网易云音乐App 效果展示注:因为视频太模糊,每日 ...
android 网易云音乐上滑动画,Android 仿网易云音乐音轨跳动效果
网易云音乐的Loading效果,大家应该也比较熟悉了,效果是一个红色音轨不断跳动的效果,一般用于Loading等待时填充使用.本篇来自定义这个效果. Android 仿网易云音乐音轨跳动View.g ...
android仿网易云音乐、即时通讯、bilibili、沙漏动画等源码
Android精选源码 android仿网易云音乐安卓版源码 android开源即时通讯,实时传讯IM源码 android类似淘宝的商品详情页源码 android面向.艺术家.设计师等创意类作品源码 ...
Android仿网易云鲸云音效动效
作者:Tyhj 地址:https://www.jianshu.com/p/d2996afeb3e1 最近听网易云音乐,看到音乐播放界面还带了动效,这个就比较炫酷了,感觉比较有意思,所以也想自己做一个, ...
使用css动画实现网易云音乐播放界面波浪动画效果
通过实现CSS实现仿网易云音乐播放界面动画效果,最终的效果如下界面布局图片也是实现滚动效果的,使用四个div,来标识每一帧波动的效果. <div class="container- ...
android高仿酷狗音乐播放器源码下载
这是一款简单的读取SD卡音乐文件进行播放.暂停.删除.切歌等功能的高仿酷狗音乐播放器. 主要功能: 模块简要说明扫描SD卡音乐扫描SD卡,并显示出本地音乐列表提供歌词跟随音乐滚动更能采用 ...
android 高仿酷狗源码,项目源码--Android类似酷狗音乐播放器
知识技能概要: 1.音乐文件的扫描与管理 2.音频流的解码 3. UI控件的综合使用 4.播放列表方式管理 5.随机播放方式 6.源码带详细的中文注释 ...... 详细介绍 1.音乐文件的扫描与管理 ...

java4android网易云,Android仿网易云音乐播放界面

java4android网易云,Android仿网易云音乐播放界面相关推荐

最新文章

热门文章