imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="唱片机" title=""> 有一段时间没有更新文章了,记得上一篇文章讲的是<用ClipDrawable实现音频录制麦克风讲话效果>,用户反响也都还不错,自己也是深受鼓励.事实上从那之后就一直想写一篇关于RotateDrawable的文章,原因非常easy.RotateDrawable事实上和上一篇文章中的ClipDrawab

Android精选源码 复现网易云音乐引导页效果 高仿书旗小说 Flutter版,支持iOS.Android Android Srt和Ass字幕解析器 Material Design ViewPager切换变色美观效果 卡证识别 相机样式 Android炫酷爆炸效果的菜单源码 Android简洁优雅可点击的toast控件,仿手机百度 Android实现水平列表,其中的项目像风扇叶片一样移动效果 让你的RecyclerView秀出传送带效果,支持横向和纵向两种选... 一种流式布局的效果,很像我们

CloudReader 一款基于网易云音乐UI,使用GankIo及豆瓣api开发的符合Google Material Desgin阅读类的开源项目.项目采取的是Retrofit + RxJava + MVVM-DataBinding架构开发.开发中所遇到的各种问题已归纳在这里. github地址:CloudReader Introduction 网易云音乐于2013年4月23日正式发布,是一款主打发现和分享,带有浓厚社交基因的网络音乐产品.相信用过的人都知道它给人的体验是极好的,我看过了绝大多数

我的引语 晚上好,我是吴小龙同学,我的公众号「一分钟GitHub」会推荐 GitHub 上好玩的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值,欢迎关注我. 项目中成长是最快的,如何成长,就是解决问题,因此遇到问题不要怕,正是到累计经验的时候. 什么?你没有项目可做!那就高仿做个项目. 今天推荐的这个项目:NeteaseCloudMusic,是高仿网易云音乐 Android 客户端 V6.1 版本,使用网易云音乐 API,实现 网易云音乐 NodeJS 项目 70% 的功能,真是牛皮.

 Android版网易云音乐唱片机唱片磁盘旋转及唱片机机械臂动画关键代码实现思路 先看一看我的代码运行结果. 代码运行起来初始化状态: 点击开始按钮,唱片机的机械臂匀速接近唱片磁盘,同时唱片磁盘也开始匀速顺时针旋转: 点击停止按钮,唱片机的机械臂匀速抬离唱片磁盘,同时唱片磁盘停止旋转: 实现思路: (一)旋转唱片磁盘.在附录文章12的基础上,实现网易云音乐风格的唱片磁盘.核心代码: //最外部的半透明边线 OvalShape ovalShape0 = new OvalShape(); Sha

原文:C# WPF 低仿网易云音乐(PC)Banner动画控件 由于技术有限没能做到一模一样的动画,只是粗略地做了一下.动画有点生硬,还有就是没做出网易云音乐的立体感.代码非常简单粗暴,而且我也写有很多注释,这里就不多啰嗦了,直接贴代码. 算了,啰嗦几句.原理是这样的,在自定义用户控件内添加3个border(左.中.右,以下分别简称为:b1.b2.b3),对border进行缩放和移动动画.往右切换时b1放大平移到b2的位置,b2缩小平移到b3的位置,b3平移到b1的位置,动画结束后重新记录3个b

原文:C# WPF 低仿网易云音乐(PC)歌词控件 提醒:本篇博客记录了修改的过程,废话比较多,需要项目源码和看演示效果的直接拉到文章最底部~ 网易云音乐获取歌词的api地址 http://music.163.com/api/song/media?id=歌曲ID 填写歌曲的id即可获取到json格式的数据(歌曲ID获取的方法是:点击分享按钮>其他分享>复制链接,就可以在链接中看到了): {,,} 我们需要用到的数据只有lyric部分. 可以看到歌词的结构很简单:“[歌曲时间]歌词部分\n”,\

写在前头 本来是要做一个仿网易云音乐的flutter项目,但是因为最近事情比较多,项目周期跨度会比较长,因此分几个步骤来完成.这是仿网易云音乐项目系列文章的第一篇.没有完全照搬网易云音乐的UI,借鉴了其中的黑胶唱机动画. 先贴上项目地址 github.com/KinsomyJS/f- 初步效果图 思路 这个界面实现起来其实是比较简单的,大致分为如下几个部分: 1.背景的高斯模糊效果 2.黑胶唱头的旋转动画 3.黑胶唱片的旋转动画 4.下部控制器和进度条部分 我们一个个来说实现过程. 实践 整个界

这一节我们来讲解这个项目所用到的一些技术,以及一些实现的效果图,让大家对该项目有一个整体的认识,推荐大家收藏该文章,因为我们发布文章后会在该文章里面加入链接,这样大家找着就很方便. 目录 第1章 前期准备 ​    第1节 项目介绍 记得那是很多年前,我们去网吧的时候,都会用到酷狗音乐,因为他有卡拉OK歌词滚动,然后在玩着游戏,开着歌词显示到游戏前面感觉逼格很高,那时候还不知道网易云音乐这软件,所以当就想着卡拉OK歌词这么神奇,我要是能做出来就好了,但是很遗憾那时才上高中,也就学了点C语言写写单

整体采用material design 风格,本人是网易云音乐的粉丝,所以界面模仿了网页云音乐,另外,项目中尽量使用了5.0之后的新控件. 项目整体采用mvp+rxjava+retrofit 框架,使用glide进行图片展示,用butterknif注解,另外使用了java 8 新特性,拉姆达表达式,安卓原生并不支持,需要导插件,具体见项目. 并对retrofit的okhttpClient进行了缓存配置,很遗憾,豆瓣API在服务端并没有对返回数据进行Cache-Control 设置. 后续会采用本

前言 网易云音乐Android版从第一版使用到现在,全新的 Material Design 界面,更加清新.简洁.同样也是音乐播放器开发者,我们确实需要思考,相同的功能,会如何选择.感谢开源,让我们有更多的时间和精力专注在自己产品的设计以及开发业务上. 开发过程中使用了下列第三方开源类库.组件 (本文由于潜在的商业目的,仅供开发者参考学习) 项目 项目描述 [material-dialogs] MD对话框Phone [fastjson] JSON解析 [fresco] 图片加载 [CircleP

前言 前端时间学了vue,一开始看了vue1.0,后来实在觉得技术总得实践,就直接上手vue2.0.然后花了将近一周时间做了一个网易云音乐的小项目.一开始觉得项目比较小,没必要用vuex所以就没有使用,但是后来发现数据流传输有点麻烦,后续会使用vuex. 技术栈 vue+vue-router(核心框架) better-scroll(使移动端滑动体验更加流畅) vue-lazyload(用户图片懒加载) nprogress(用于加载过渡) axios(请求) 功能分析与设计 首先我先参考了现有的一

1.简介 上一篇咱们说到,网易云音乐的左侧菜单栏可以通过Expander+RadioButton来实现,具体如何实现,咱们下面开始干: 首先来一张网易云音乐PC版原图(个人觉得PC版比UWP版左侧菜单好看点): 然后当然是再上以下咱们做出的效果图了: 还原度百分之百有没有... 2.上硬菜 首先是无边框窗口方案,这里使用的是DMSkin for WPF,Github地址:https://github.com/944095635/DMSkin-for-WPF Expander <ControlTe

1.简介 由于之前做了一个播放器,苦于不懂界面设计,只得去借鉴借鉴一些成功的作品,网易云音乐就甚合朕心,哈哈,最后做出来的效果如下: 本系列文章就来和大家讨论以下,如何用WPF去仿制一个网易云音乐来: 二.容器分析 咱们先不管网易云自己是咋实现的(其实是html实现的),咱们可以通过上图中的分析做出同样效果来就行: 此篇随笔就先到这里,主要就吹吹牛,装装b:下篇开始正题:左侧菜单栏:Expander+RadioButton

使用网易云音乐也是一个巧合,我之前一直使用QQ音乐听歌,前几天下 app 手机内存告急.于是就把QQ音乐给卸载掉了,正好晚上朋友圈里有一个朋友用网易云音乐分享了一首歌曲,于是我也就尝试下载了网易云音乐,这一下载就让我从QQ音乐粉转黑了. 从设计的角度来看,网易云音乐的界面简洁,慷慨,不像kugou音乐一打开就是各种广告.让人心烦.也不像QQ音乐那样动不动就各种音质,各种冲钻(不为用户需求考虑.仅仅想赚钱,差评).最关键的是它推荐的歌真是好听,实在是太懂我了,真的是非常用心的在做音乐. 废话不多说

在自定义用户控件内添加3个border(左.中.右,以下分别简称为:b1.b2.b3),对border进行缩放和移动动画.往右切换时b1放大平移到b2的位置,b2缩小平移到b3的位置,b3平移到b1的位置,动画结束后重新记录3个border的左.中.右位置,然后如此循环.一次滚动有三个动画. 可加上透明动画.阴影,应该会更加好看些. 效果 using System; using System.Collections.Generic; using System.Diagnostics; using

首先,创建一个UWP的项目.我使用的是Visual Studio 2017 社区版. 如图,我们将项目命名为UWP-Music. 现在我们先标题栏的配色调整与网易云音乐一致. 我们先分析一下标题栏,默认标题栏主要有三部分,应用名称.空白区域.按钮(最小化.最大化,关闭). 分析行为,可以得到: 1.标题栏激活状态,即窗体获得焦点(包括按钮激活) 2.标题栏未激活状态,即窗体失去焦点(包括按钮未激活) 3.按钮鼠标滑过状态 4.按钮按下状态 分析配色: 1.标题栏激活时,空白和按钮背景是一种偏暗的

这一节我们来讲解创建项目:说道大家可能就会说了,创建项目还有谁不会啊,还需要讲吗,别急听我慢慢到来,肯定有你不知道的. 使用项目Android Studio创建项目我们这里就不讲解了,主要是讲解如何配置一个符合企业标准的项目. SDK配置 我们这里配置编译SDK为27,目标SDK版本为22,V7依赖库版本为27.1.0,这里我们设置目标SDK版本为22是为了不在这个项目中处理动态权限,因为这个超出了我们课程第一版的范围,V7依赖库版本第一个版本需要的编译SDK版本一样. 版本号统一配置 通常情况

一.简介 上一篇,咱们基本把左侧导航栏给搞定,这一篇文章,开始来做一下播放进度条和控制按钮:老规矩,咱们先来看一下原版的效果: 首先,它这个专辑图片,有一个按钮效果,鼠标移入会显示出伸缩箭头:移出后消失,另外,点击此按钮后,弹出播放器歌词页面:歌词页面后面再说,先来看看按钮效果,如下: 还有就是音量按钮了,点击音量按钮,会弹出音量设置面板.面板中存放音量进度条:如下: 特殊的就这两个,下面开始来看一下怎么实现: 二.正文 专辑图片按钮 此按钮看上去可能有点复杂,实际实现起来很简单,咱们可以利用i

0.效果图 效果图依次为发现界面顶部,包含首页轮播图,水平滚动的按钮,推荐歌单:然后是发现界面推荐单曲,点击单曲就是直接进入播放界面:最后是全局播放控制条上点击播放列表按钮显示的播放列表弹窗. 1.整体分析 整体使用RecycerView实现,每个不同的块是一个Item,例如:轮播图是一个Item,按钮也是,推荐歌单和下面的歌单是,推荐单曲,还有最后的自定义首页那块也是一样. 提示:之所以把推荐歌单下面的歌单和推荐歌单标题放一个Item,主要是首页要实现自定义顺序功能,更方便管理. 2.轮播图

效果 实现分析 基本上没有什么难点,就是布局,然后显示用户协议对话框,动态处理权限,判断是否显示引导界面,是否显示广告界面等. 布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.an