用RotateDrawable实现网易云音乐唱片机效果

最新推荐文章于 2021-05-31 07:16:31 发布
最新推荐文章于 2021-05-31 07:16:31 发布
阅读量4.1k 收藏 4
点赞数 2
分类专栏： 小阿飞的开发笔记 文章标签： 网易 唱片机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mario_0824/article/details/51722946
版权
本文介绍了如何利用RotateDrawable实现类似网易云音乐唱片机的旋转效果。通过设置RotateDrawable的相关属性，结合XML定义和图片素材，调整中心点坐标，最终通过属性动画实现平滑的旋转动画。同时，文章提供了实现效果的源码下载链接。
摘要由CSDN通过智能技术生成

唱片机

有一段时间没有更新文章了，记得上一篇文章讲的是《用ClipDrawable实现音频录制麦克风讲话效果》，用户反响也都还不错，自己也是深受鼓舞。其实从那之后就一直想写一篇关于RotateDrawable的文章，原因很简单，RotateDrawable其实和上一篇文章中的ClipDrawable很相似。正愁着不知道以什么样的方式向大家介绍，也正是这个原因吧，一直没有发表新的文章。赶巧了，在用朋友手机的时候发现了一款名叫‘网易云音乐’的APP，在主播放页面有一个唱片机的功能感觉不错诶，于是乎，把玩了一番，心想着，何不用RotateDrawable实现这样一个功能呢？ 说干就干！！！

老规矩，使用之前我们还是先要来了解一下今天的主角RotateDrawable

RotateDrawable

其实从名字中就不难理解，RotateDrawable一定是一个和旋转有关的Drawable，的确，RotateDrawable可以控制drawable的旋转，在XML文件中定义RotateDrawable对象使用的根元素是< rotate… />元素，该元素包含以下几个重要的属性：

  • android:drawable：指定将要进行旋转操作的Dr
最低0.47元/天 解锁文章
「已注销」
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网易云课堂解析_Axure案例解析：网易云音乐唱片机播放
weixin_39655362的博客
12-13 682
文章分享了网易云音乐唱片机播放效果的原型设计过程，希望对你有所受用。申明：本文仅仅是探索学习网易云音乐App的样式和交互设计，和网易云音乐App本身无关。网易云音乐App在播放音乐时，拟物化地显示一个唱片机。开始播放时，音乐响起，唱片开始旋转，唱臂轻轻旋转后搭在唱片上，暂停时，唱片渐渐停下来，唱臂也从唱片上移走。我们可通过Axure的交互设计动作的设置，精确控制它的交互操作，例如在暂停时，让唱片再...
仿网易云音乐播放旋转磁盘效果 h5
03-18
基于mui框架，利用html加css实现仿网易云的播放效果，磁盘转动，音乐可控播放。更改图片路径等即可使用，实现效果见相关博客记录。
网易云音乐唱片机效果
wwwdaan5com的博客
08-01 1953
来源:码农小阿飞 前言 在用朋友手机的时候发现了一款名叫‘网易云音乐’的APP，在主播放页面有一个唱片机的功能感觉不错诶，于是乎，把玩了一番，心想着，何不用实现这样一个功能呢？ 说干就干！！！ RotateDrawable 老规矩，使用之前我们还是先要来了解一下今天的主角RotateDrawable其实从名字中就不难理解，RotateDrawable一定是一个和旋转有关的Drawable，的
安卓Android源码——仿唱片机音乐播放器 (2).zip
10-14
安卓Android源码——仿唱片机音乐播放器 (2).zip
Android之一起制作简易唱片播放器
热门推荐
顾林海
03-03 2万+
扯蛋篇这几由于智齿又长了出来，痛了好几天还没好，吃饭又不能吃，加上公司里面操蛋的体制，感觉人活着真累，昨天晚上回到住处，我朋友让我帮忙写个唱片播放器，效果大致上如下：于是乎，利用一个早上做了下，比较粗糙，毕竟帮别人做的，随便做做得了，当然有很多地方投机取巧了。原理篇在做之前看看我们得需要以下素材：额！！！这个，这个ic_launcher忽律。现在我们分析这个播放器的几个播放步骤： 当我们杆放到碟子上
Android自定义View实现仿网易音乐唱片播放效果
01-21
本文实例为大家分享了Android实现仿网易音乐唱片播放效果的具体代码，供大家参考，具体内容如下 效果图： 在values中创建attrs.xml文件 <?xml version=1.0 encoding=utf-8?> ...
仿网易云音乐图片旋转效果
06-08
在本文中，我们将深入探讨如何实现“仿网易云音乐图片旋转效果”。这个效果通常用于创建动态、引人入胜的用户界面，特别是在音乐播放应用中，它可以为用户提供一种视觉享受，增强音乐播放体验。网易云音乐是知名的...
Android实现网易云音乐的旋转专辑View
01-20
在Android平台上，实现类似网易云音乐的旋转专辑View是一个有趣且具有挑战性的任务，它可以为用户界面增添动态和视觉吸引力。下面将详细讲解如何通过Android编程实现这一效果。 首先，我们要理解这个效果的基本组成...
Flutter实现的仿网易云音乐项目
08-10
【Flutter实现的仿网易云音乐项目】是一个使用Google的Flutter框架构建的移动应用程序示例，旨在重现网易云音乐的用户界面和功能。Flutter是Google推出的一款用于开发原生Android和iOS应用的开源UI工具包，它以其...
Android旋转专辑图片—仿留声机效果
06-03
高仿手机QQ音乐播放界面的模拟CD效果，能实现图片展示和自由旋转，类似于留声机效果，体验不错
Android例子源码仿百度网页音乐播放器圆形图片转圈播放效果.zip
07-02
本项目是一个仿百度网页音乐播放器圆形图片转圈播放效果，主要是自定义了一个圆形ImageView，可以设置最多两个宽度不同且颜色不同的圆形边框。代码简单有注释，需要的朋友可以下载看一下。编码UTF-8编译版本4.4.2
Android仿百度网页音乐播放器圆形图片转圈播放效果
09-25
本项目是一个仿百度网页音乐播放器圆形图片转圈播放效果，效果可以看一下这里http://www.baidu.com/s?wd=%E9%A3%9E%E5%BE%97%E6%9B%B4%E9%AB%98，主要是自定义了一个圆形ImageView，可以设置最多两个宽度不同且颜色不同的圆形边框。代码简单有注释，需要的朋友可以下载看一下。编码UTF-8编译版本4.4.2javaapk.com提供测试
iOS开发之音乐播放器专辑图片旋转动画
u014636932的专栏
08-22 3313
仿网易云音乐专辑图片的旋转动画
android高仿音乐播放器,Android开源音乐播放器之高仿云音乐黑胶唱片
weixin_39771775的博客
05-26 468
系列文章前言上一节我们讨论了一个音乐播放器应该具有的功能，当我们实现了这些功能后，就该考虑如何扩展这些功能了。本节我们要讲的就是专辑封面的美化，看了市面上的播放器，最喜欢云音乐的黑胶唱片专辑封面，下面我们就来模仿一下。思路分析让我们来分析下这个View，这里有5个地方需要绘制1.最上面的一条虚线，这个简单。2.黑胶外侧的半透明边框，这个不需要旋转也比较简单。3.黑胶4.专辑封面为了能使黑胶和封面能...
音乐播放界面控制面板功能的实现（旋转动画、代码、思路）
GrantF的博客
02-10 1591
在之前的准备工作中，界面已经是准备好的， 第一部分 现在要实现控制面板的功能实现，让他可以通过控制面板的按钮图标来实现歌曲的播放暂停上下曲。 所以我们需要获取当前播放音乐的URL地址 通过之前我们已经获取到数据的URL，我们从云端调用数据。event.musicId为我们传递过来的歌曲ID，之后返回获取到的数据。 在前端显示页面的脚本中，调用云函数，传递ID（musicId），打印出来来看一看...
android 模拟黑胶唱片,模拟音乐、黑胶唱盘和唱放究竟是什么？
weixin_35501677的博客
05-31 795
原标题：模拟音乐、黑胶唱盘和唱放究竟是什么？看到标题，依然是老生常谈的问题，但千万别以为很简单，可能有很多资深的发烧友至今也没有搞清楚的。模拟音乐，相对的是数字音乐！简单来说，数字音乐大家都好熟悉，就是0和1二进制的音乐文件，大部分音乐是通过模拟信号转换为数字信号存储在某些介质之中，这个过程涉及到A/D模数转换，接下来获得的数字信号将存储在数字储存设备中(硬盘或CD/SACD/DVD/蓝光等)，便...
一个唱片商店的小例子 可以自动旋转唱片 点击弹出唱片
米兰飘香的专栏
10-28 1175
XAML 1.ShopShow_Page           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"           xmlns:mc="h
小程序实现音乐播放界面---黑胶唱片转动与唱针旋转
weixin_30898109的博客
10-22 1387
参考网址：https://blog.csdn.net/sinat_19327991/article/details/79083885 页面部分： <view class="record flex1"> 　　<!-- 唱片 --> 　　<image src="../images/musicCD.png" class="{{playStatus === ...
android书本仿网易云音乐播放器界面
最新发布
06-15
如今，仿制最流行的应用程序已成为新手开发者模仿学习的常见方式。而网易云音乐作为目前市场份额最大的在线音乐服务平台之一，其应用程序的功能和界面设计一直备受用户欢迎。 如果要仿制网易云音乐的播放器界面，我们可以首先从软件架构开始，使用Android Studio建立本地项目，将应用程序的基本结构和框架复制到新项目中。接着，我们需要使用XML语言在布局文件中创建与音乐播放器相似的UI控件，包括主菜单界面、音乐播放列表、歌曲封面及歌词等。此外，我们还需要添加一些动画效果，比如旋转唱片和圆形进度条等，增强应用的用户体验。 在实现WebView或嵌入Web API播放音乐时，可能需要导入相关库文件。此外，如需展示特效，则需借助第三方库，如Glide或Picasso，一方面提高响应速度，另一方面加速HTTP请求。 最后，在完成仿制后，我们需要利用Android Studio通过模拟器或实机修改数组和信息，检查应用程序是否可以如数据更新、网络同步和缓存管理等一系列操作。我们还应考虑对应用程序进行代码众测。只有真正实现了这些功能，我们才能达到真正的仿制目的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值