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…
一.简介 上一篇,咱们基本把左侧导航栏给搞定,这一篇文章,开始来做一下播放进度条和控制按钮:老规矩,咱们先来看一下原版的效果: 首先,它这个专辑图片,有一个按钮效果,鼠标移入会显示出伸缩箭头:移出后消失,另外,点击此按钮后,弹出播放器歌词页面:歌词页面后面再说,先来看看按钮效果,如下: 还有就是音量按钮了,点击音量按钮,会弹出音量设置面板.面板中存放音量进度条:如下: 特殊的就这两个,下面开始来看一下怎么实现: 二.正文 专辑图片按钮 此按钮看上去可能有点复杂,实际实现起来很简单,咱们可以利用i…
老衲牺牲午休时间写博客,都快把自己感动了,-_-!! 之前上一篇随笔,我看了下评论,有部分人说WPF已经凉凉了,这个我觉得,这只是一个达到自己目的的工具而已,只要自己能用这个工具,得心应手的做出自己想要的东西就行,关心工具本身凉了没,个人觉得没啥意义:另外,我一个做Java的都没泼凉水,你.Net自己的东西,你们还不满意了,太过分了,haha: 以上,瞎bb一通,轻喷...下面开始正题: 一.简介 上一篇文章,咱们利用Expander+RadioButton实现了左侧菜单栏(或者是导航栏),这一…
在自定义用户控件内添加3个border(左.中.右,以下分别简称为:b1.b2.b3),对border进行缩放和移动动画.往右切换时b1放大平移到b2的位置,b2缩小平移到b3的位置,b3平移到b1的位置,动画结束后重新记录3个border的左.中.右位置,然后如此循环.一次滚动有三个动画. 可加上透明动画.阴影,应该会更加好看些. 效果 using System; using System.Collections.Generic; using System.Diagnostics; using…
原文: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.下部控制器和进度条部分 我们一个个来说实现过程. 实践 整个界…
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% 的功能,真是牛皮.…