推广

Flutter 仿网易云音乐App(基础版)

iseeyu2年前 (2024-02-21)推广126

image

image

image

歌曲播放和卡片切换

如正版一样,歌曲播放进度在播放/暂停 按钮的边框显示(页面下方,由黑变红)

没登录的话,一般只能听12秒
目前只做了 模块(‘超带感的说唱精选’)的点播功能,
其他地方可以直接套用(1、2行代码即可),控制台已经写好

image

卡片(音乐日历)切换动画也是仿照正版来

image

个人中心和抽屉(未登录)

image

云村

image

视频(未登录)

视频模块需要登录才能看到

波纹动画依然是仿照正版的

image

登录

image

image

视频(已登录)

image

image

登录前后页面变化

我们看一下,我的、抽屉页面的前后差异

image

再退出一下

‘切换账号’有退出的功能

image

搜索页面

image

image

image

所用接口

接口为大佬们开源的网易云API,在此感谢

开源网易云api

我花了90多买了个云服务把接口clone下来后,开发使用。

各位clone我项目时,可以用我的接口也可以自己搭一个
一年90多的云服务器,你们用时轻点儿...

Tip:
接口返回的数据不太稳定,有的时候还会变形,对于移动端开发来说,造成了一些麻烦,各位开发时要注意。

另外,如果你运行这个demo发现出错了,那大概率时接口废了或者数据变形了,看日志吧

开发框架 Bedrock

此项目基于Bedrock 快速开发框架开发

MVVM + Provider 设计模式

Bedrock 快速开发框架

初衷

开发这个demo并不是为了对flutter进行练习,而是因为前些日子对flutter路由模块的封装,并应用于Bedrock框架。

在重构了原项目的demo以及添加了针对性演示demo后,觉得有必要再在一个复杂一些的项目里测试一下,因此便有了这个:

仿网易云音乐(基础版)

也算是给我的框架增加了一个绘声绘色的大Demo吧 :)。

与此同时,既然是Demo,在项目开发时尽量做到点到为止,避免开发者阅读过多的冗余的页面代码,而无法了解框架的工作原理。

由于没有设计图,页面全凭感觉来,加之接口的不稳定(类型/结果),开发起来确实费劲...
所以叫基础版

路由封装的简介

此次路由封装,不但减少了开发时的代码书写,并且对外暴露出state,可以做到任何粒度的刷新。

但这并不意味着可以抛弃provider

在兼容静态路由的优势同时,对于静态路由的 map 传值,取而代之的是构造函数传值,这样避免了key的输错。

更多介绍可以看下面的文章:

关于这次flutter路由封装的架构介绍

Demo功能概览

大家可以clone下项目后,挑拣未实现的功能来实现以熟悉框架

登录(注册未实现,没有空号了)

我的页面:登录/非登录状态(不含子级页面)

发现页面: 点歌 (不含子级页面)

云村页面:广场&关注子页(不含其它子级页面)

视频页面:登录/非登录状态,各tab子页面,视频播放(不含其它子级页面)

我的抽屉:登录/非登录状态(不含子级页面)

搜索页面:支持搜索历史本地化、清理缓存,搜索及搜索建议,(不含搜索结果和其它子级页面)

底部音乐bar:后台音乐功能模块,支持单点播放,(未实现底部控制台点击后弹出的播放历史记录和歌单,这个可能后期要做,蛮有意思的)

项目地址

仿网易云音乐

感谢

再次感谢开源网易云音乐api的大佬们。

同时欢迎各位提issue,谢谢 :)

Demo代码可能有些随意和bug,还请见谅。

扫描二维码推送至手机访问。

版权声明:本文由西安泽虎代运营发布,如需转载请注明出处。

转载请注明出处https://www.0291.com.cn/post/57453.html

相关文章

细分网站标题、导航栏目及内容的关键词匹配规则。

细分网站标题、导航栏目及内容的关键词匹配规则。

seo与sem的不同之处在于,它需要准确和少量的关键字,而seo需要大量的关键字。在网站内部建设、网站内部优化、网站外部推广等方面需要设置关键词。 关于搜索引擎优化关键词,每个人都有不同的想法。许多人知道关键词的密度,但他们不知道合理的匹配关键词。我们不知道匹配会对网站产生什么样的影响,也不知道匹...

淘宝企业店铺入驻交多少钱(在淘宝注册一个商铺需要多少钱)

淘宝企业店铺入驻交多少钱(在淘宝注册一个商铺需要多少钱)

这些都是根据你的商品类目来确定的。而且部分类目需要您缴纳淘宝店铺保证金后才能发布全新商品,如您要发布该类目商品,未缴纳保证金的情况下,就只能发布二手商品。...

做招商的十大关键步骤(收藏)

做招商的十大关键步骤(收藏)

但是,大部分企业刚启动做,却又不知道如何下手,招商团队的搭建、加盟商的筛选标准、招商手册的设计、扩张打法以及招商目标规划等一系列细节问题接踵而至,以至做的过程中没有思路。那企业为什么招商困难?小编觉得有以下几点: 对招商的认识陈旧,套路单一。...

百度seo快速优化排名技术。

百度seo快速优化排名技术。

随着互联网的普及和发展,越来越多的企业和个人开始关注SEO(Search Engine Optimization,搜索引擎优化),企图通过优化自己的网站,在百度等搜索引擎上获得更好的排名,从而获得更多的流量和商业机会。然而,随着搜索引擎算法的不断升级和历次更新,SEO优化也变得越来越复杂和精细化。如...

想变得更聪明、更有智慧?按照这些方法给自己培养理性思维吧

心理学有过相关的研究,大多数人的决策,都是受到自身的情感或情绪驱动而做出来的行为。没错,有时候直觉确实是一项宝贵的技能,不仅可以节省我们的时间,而且有时还可以让思考变得更有效率。但是,在日常中,我们也不要忽略理性的作用,在解决问题方面,有时候理性思维会表现得更出色。那怎样才...

淘宝广告推广可信吗(淘宝网广告店铺靠谱吗)

淘宝广告推广可信吗(淘宝网广告店铺靠谱吗)

个人认为,做广告的无非是两种情况,第一是店内自然流量不够,或者宝贝排名不高,只有做广告才有展现的机会,第二是店内打造的一款爆款产品,销量越多越好,只要不亏本就是赚了。...

现在,非常期待与您的又一次邂逅

我们努力让每一部企业宣传片和抖音短视频成为商业大片