14.音乐播放器页面的完成.avi原创

有了过后，接下来我们就要做一个什么页面，就是这样的一个页面，好这个页面的话呢，好，我们这里面是有一个标题可以可以给大家看一下啊，比如说这个在这个地方里面诶。好，这有bug了，对吧，点这，那也就是说同学们，这个是一个文件的名称，这个是演唱者吧，这是歌词，这个我们一会以后非得做，那我们先把这些做了，这个比较简单吧，最外面是一个，呃，它其实一个相对布局，这个是底部，这个是底部吧，好特一下中间，这个在中间，好那么接下来我们点的时候就要进到一个。一个一个进到一个音乐播放器里面去吧，好。然后有了过后呢，大家再来看一下，在我们地方代码的话，我想重就分个目录，你看这个这些页面是都是edit啊，那是我们可以选个什么activity包啊，好创建一下叫做算了算了算了，你看这个。

好，这是艾T与T对不对，是包了吧，好，然后呢，我把这些注意，这IP类型呢，我可以留在外面，但是这些这些这些这些这些注意，我把它拖过去，它会自动帮我们重构，看到没有，所以的话呢，它不会报错，知道吧，好稍等一下下。OK是OK啦，那以后艾式在立写了，好这样的话呢，这样的话就感觉简洁一些，对吧，艾以后就在这好那么这个时候有了过后同学们，当我们一启动一点击的时候，我们应应该不是做系统播放器了吧，是跳到一个自己的音乐播放器里面，对不对。好，这个时候我们就启动一个类啊，这个类的话呢，叫audio audio什么呢？Audio类是不是啊，就音乐播放器嘛，那充了吗？充了吗？这个是audio，它是audio配吧，咱们是audio play啊老师选错了，好，那选错是不是，选错了怎么办？好改呗，注意啊，有些同学一旦选错误，他就将错就错，就不理了，一定要改，明明知道错了就要改，知道吧，这是对了吧，Audio啊，明明知道错，如如果你发现错就改，但是不发现没那那没办法对不对。

当然也有就是，呃，之前我们看那个安卓源码有一个程序员。他把一个类命运出错了，然后都发布了，就江苏就错也不改啊，这个这个有这种情况，但是极少啊，所以咱们平时开发一定遇到错的话，就比如说名字写的不对，立刻改啊立刻改，你不改的话，你一看你的不作业啊，好，那接下来有过后去继承我们的什么还题，然后实现我们的这个崩库略方法好N库略方法你看是有两个，但一定要小心用的谁啊，第一个好，然后来个功能的文件，什么主册，好大家注意啊，我这个结构你看我用的是project结构吧，有的同学用这个。

这个的话有些文件看不到，知道吧，大家以后注意一定要用project啊，因为你可以看到任何细节，明白吧，咱们程序员。所有的文件，比如说在这里电脑的文件你都能看到。知道吧，因为程序员嘛，你要更清楚对吧，你又不你又不是菜鸟，如果是菜鸟的话，怕误删一些很重要，你把它删掉，你是搞程序的，你怕删啥，是不是你都知道这个文件是好是坏，是病毒还是啥，你都应该有感觉的，对不对。是不是好，然后有了过后的功能清单文件就注册呀，好来到这里，我们地方里面就是activity，然后呢，写一下好。

这是有了过后，接下来就去加载我们的布局，Set我们的R点等out啊对应的就是我们的阿TVT，然后O类是不是啊，那这个布局有了吗？没有把它创建出来，用什么布局啊，相对布局对吧？好，那相当布局串联过后好上面。这部分我们也用相的布局。知道吧，啊或者不用也可以就是说啊，但是我想做这样的一个效果啊，这个什么效果呢。大家好。这个效果就当然这个去掉这个地方是有一个跳动的呀，这个跳动用什么做的呢？用这个大家可以看一下。

啊，它是一个帧动画，之前跟大家讲动画有三种，一种是什么四图动画，还有一种是什么属性动画，还有一种叫什么帧的话，就它一帧帧的看到没有像放电影一样，它就神好像电影一样，在不同的时刻就有不同的图片，知道吧，是不是就骗老百姓的对不对，好是骗老百姓的效果，但是的话呢，你总比没有好，对吧，但是你看现在播起来这种更好，但是这种我们也会做啊，也会做后面再加上。啊，然后有了过后呢，接下来我们在这个地方里面。在地方里面相对布局宽啊，宽的话呢，填充填充复窗体啊，然后呃，这个高的话包我类型好，然后有了过后呢，里面是有一个啊图片注意就那个是图片啊，然后这个时候呢，Src啊不那这个图片我们把这些图片来拷过来。

好，这么张图片拷贝到我们的目录下。好一张有几张啊，十张图片对不对，然后好我看啊，这里面有这么图片，我看哪一张。那。是这样是吧，好这时候呢，大家可以看到这样的效果，好，那我们让它水平方向居中啊，好，这个时候我们就让它水平方居中。好是不是啊HQ好，大家可以看一下水分集中了吧，然后有了过后呢，其实这个们还有一个背影图片，木质结构的图片呢，好很上档次的对吧，这个节能又环保啊，这图片呢，在外面对吧？这张图片是木质结构，看到没有，非常的高大上，咱家的地板就是这种颜色是吧？好。

这个其实就是，呃，现在不怎么流行这种效果了，就做软件，以前刚兴起的啥，就各种什么地板砖啊都有，是感觉特别好看，但一想感觉也一般啊，好好。好，那这个时候大家看一下是有了吧，看到没有D这方D有了这样的一个效果，那有过后，接下来啊，这个一会要去把它给就动态里播放图片了，IV icon我们也叫这个ID，那之前其他文件是也叫这个，这不有影响吗？没有影响对吧，接下来有一个文本他用好，那这个文本的话，我们要来显示一个。

啊，歌曲的名称对吧，好T一个大小为23。啊上我就不太大，到时候再说吧，啊text卡应该是什么颜色啊S123456，然后呢，Text文本就说我是歌曲名称对吧，好显得土一点对不对。或者说或者说北京北京是吧，好然TV，然后啊，内蒙过去的名称。好预览一下知道吧，那这哥们感觉显然是太大了，然后他也是水平方向，什么也是水平方向集中。

啊，然后可能距离顶部要点距离吧啊。什么mark拓？40个DP，我看看是不是太大。有点大了对吧，好，这个字也太大了，18，然后。30。30又太。就说好我们以什么为准呢？好别着急看这个，它是刚好在这个偏下一点呢，这个好看好我们有一个参照。就是要往下一点是不是。那就是。30多少啊。35这个样子对吧。还下一点，其实对吧，还是40对吧，那么还得那就说我记住这个值那是对的，那就40。

OK，就这样。然后有了过后，这个是歌曲的名称是很的，一般我们听歌可能。最关心的是歌曲的名称吧，因为有些歌手名字很响亮的歌很烂，对吧，但是我们就喜欢他某一首歌是不是，所以我们记住歌的名称，好，这个就是我们的艺术家，就是演唱者ART，好，那这个时候呢，就是比如说这首歌叫啊汪峰是吧。或者王菲是吧，啊也行是吧，随便吧，然后这个时候呢，就是我们的。14小于点，那这个时候距离顶部呢有60，好可以来看一下。他唱的是这样可以吧。好，就这样，就是说是某位某个歌手唱的是吧，歌手这个歌名好，当然你自己觉得丑的话，大家自己调一下啊，同学们都可以自己去做好，那有了后ID有了接下来下边好，下边怎么做呢？下面怎么做呢？下面怎么做呢？是不是这个时候特简单，是一个先进布局呀。

然后先布局里面这个是个文本，就是是一个完整的文本，这个是一个C8，这个是一个性能布局，然后套几个按钮啊，太简单了，好我们做一做好首先套一个新布局线的布局是不是在底部啊，好首先线性布局宽应该是前度放上去吧，高发我内容方向应该什么方向，垂直方向嘛，对吧，垂直方向嘛。然后text文本啊，宽包裹包裹，然后时间啊，就是啊0000杠好0300就总共有三分钟对吧，然后T文字的颜色什么是白色啊123456，然后。

T大小14个一，然后这个呢，它整个窗体的底部对吧，然后这个门在窗体的，在窗体的什么right在右边好。大家可以看一下，是跑到右边去了，右边去了就是这样，但是不能太近对吧，距离产生美感啊，距离右边有个八个DP对不对，所以的话呢，这个这个距离产生美感啊，不能太近对吧？你天天跟女朋友在一起的话，如果是在一起没事干，基本会吵架知道吧。好，那有了过后呢，这个时候对不对，时间好，那有过后，接下来在这里面呢，又有一个就是四个半了吧，好最好我们把这张图呢拿过来。

是这样子啊，C吧，这个C吧是不是也定下风格啊，好比较简单，那就是我们就从从的播放器里面是咱们选过两个了。好，然后是不是拷贝一个过来就可以了，好视频播放器看偏的那东西在哪里呀，这个是吧，好诶是不是这个啊好咱们曾经太熟悉了，对不对，好那这个时候这个东注意了，也叫四个八，但是改个名字呢，就是我们的audio的是只有一个好就行它。那么这个应该是填充什么，填充正方体吧，但是高这个根掉，然后这个呢五。

五默认的十就是进度十，然后这个图片好。大家看一下，在我们地方现在预览的话是这个样子啊，这不和我们这张图是不一样啊，我们要的是火这种感觉是吧，是联想设计的。当时感觉挺好看的，现在一想的话有点土，真的是这样啊，这个时代在进步，我们也得进步，真的，以前感觉这个图案挺好的是吧，现在也看过好图是吧？好，那同学们这里面呢，就是这张图片，还有就是它没有缓冲啊，就是有一个背景和一个进度，好加上这个总共有三张复制一下。好，那这些图片都是我在联想的时候工作的时候用到的图片啊，好，那么你来看一下这个的话呢，这里面就改一下。这一刻是有一个上好，那这个时候呢，大家可以看一下是变了这个火的效果一变很简单吧，那接下来注意这个时候呢，我要去。

把这个哥们的内容。嗯，拷贝一下，因为一会我要改成叫凹凹的这个吧，这个有了吗？肯定没有吧，创建出来好全写全写粘贴好，把刚才这个图片给替换了吧，掉了吧，好刚才叫C。的一个背景，好这个背景呢，有了过后呢，好接下来进度progress都用它两张都是就是它就没有缓冲啊，因为我们不播放音乐的话，没考虑播放网络的，其实你就网络的话，你也可以做一个缓冲，就是换一张图片对吧？好那这个时候有了过后呢。好，大家可以看一下当当当。

啊，这个时候是错了，我看啊这个背景的话就是黄色，这个背景的话是。是一个棒，我看看啊，这里面不是有一个图片吗。是个八背景对吧，是个八不管事。啊。这俩一样。啊，这个是背景。啊，这这两个是一样是吧，我看进度就进度这个背景这张可能不一样啊啊可以啊，到时候我们有问题再改，反正现在预览有问题是吧，没事的，咱们再运行起来可能就好了啊，我们可以试着刷新一下。是可以啦，你看一下，所以的话，咱们这个要内心要强大是吧，好有了过后同学们，接下来在这个地方里面，下面有几个按钮吧，按钮应该从播放器里面拷贝了吧，啊，找到我们曾经做的播放器那里，然后把四个它总共有几个按钮，我们五个拷不过来，当然我们肯定要不了这么多。

要挨个去改变是吧，好，这时候来到这里。好，是有了吧，显然这个时候不是我们想要的效果吧，但我们挨个改。首先这个背景。啊，肯定咱不要对吧，对齐是得要的水平是没问题的，好接下来我们接下来这个时候应该是啊是什么一个按钮呢？啊，这个我把一些图片给干掉，把这个图片先保存一下，在第四天。这。

好宝宝。是不是少一个空格了，这好，那把这些呢，这个啊，他们看的话现在不要了，干掉好这个不要了啊，这次又露出来了吧。好，那我们把这个图片。看，那就是说第一个就是一个切换一个什么呢？它其实就是切换我们的这个光循环的好，那这个时候我们就比先。啊，Audio audio的一个播放模式play model对吧？好，那这个时候这个需要改一改啊，这个选择题，这个选题有了没有没有对吧？好，那这个有了过后，这个图片咱们需要把这个考核过来啊，好，那么这些图片好都拷贝，但是注意你不要拷贝这两张，这两张图片会有问题。

估计留了两个炸弹。不能让你们全部考对吧，要什么考什么，对不对，好注意啊，不要这个图片可能到时候会报错，你不能全部考啊，我就强调了，再犯了错的话就不应该，对不对，好一起来。好。卡贝拉拷贝过后，接下来我们这个时候。就可以去看它这里面啊，有一个播放模式切换，这个时候播放模式切换，其实它有几张图片呢，三张三张是总共有六张图片呢，是有分别按下这有两张，这有两张吧，这有两张对不对，那默认时候是这个顺序播放啊，所以的话嘞。我们在这个地方里面，注意是没有体现顺序播放，所以注意这个文件要给删除。选错了，但是我们可以重构一下，改为顺序播放吧。

播放模式的一个一个什么。是正常的好这单子对吗？对的是吧，对的，然后有了过后在地方里面呢，好艾按下去的时候默认false，然后job这个时候呢，就是好normal。啊，那就是我们的OO就是一个顺序的啊，就是你看就两个箭头，这个它就是一个默认的。好有了过后呢，我们把它给下来，这个为多少，就这个呢，为下面按下去给搞定。对吧，好，大家可以预览一下。越来下的话不用怕，刷新一下。哎。我。

这里面你看确实有这图片呢，有这图片呢。是吧，好，再算一下。刷一下好，如果不是，如果不行的话，教他一招，擦掉再进来。一般就嗯，我改的名字对吧，啊，改名字也改了，其实肯定有了，我们可以是不信的话，我们运一起来试试啊，但是太慢了，就因为这个。是不是这个我们加了这个，这个过后是特别慢的，那这个时候其实我们是可以把按钮把那个给取消掉的，明白吗。有了OK可以对不对？好，那这个时候我们还需要用权重吗？同学们用权重的话，他就可能会有一个问题，现在我们确实也好可以了，是吧，那接下来播放模式，注意播放模式的话，大家想想是有三个好，一个是正常，还有一个就是单曲，新单曲。

单曲循环对吧，单循环的话呢，这个时候我们就把它给写下好，然后单曲循环single负责。你好，卷住是这个是搞定了，好，然后的话呢，这个是正动循环。我们再把它复制一下，是就算全部循环呢，要改为多少哦这样哦，然后有了过后在地方里面好要改为这个改为。哦。

好啊，这地方里面有一个哦。是不是好，然后把它复制粘贴。啊，过来这个时候就是变成什么按下了对不对，好，那有过后同学们我们把它给擦掉，这是有三个状态了吧，是有三个状态啊好，接下来这是上一个按钮啊改为什么audio，这个时候复制一下，好，然后这个创建。三个，然后接下来地方里面呢，It好这个好部，然后这个地方里面就是注意了，这是什么呢？就是我们的。啊，那的一个。是一个上一个P1P1是就是这个吧，好。

这个是PI的一个全，就是上一步的一个全称，知道吧，一一般我们是用用它啊，但是这个确实你看看不见啊，这个单词，所以我们为了这个省省略就选它这个没多少，就这个呢，按下去的效果欧耶搞定了，接下来这地方有播放暂停的好，Audio，所以也要两个图片的好，那默认的话，这个们是他的，这个是他的一个暂停呐，好，然后把它给。创建出来。好出来艾去为就是呢，这地方里面就是啊，这个就是就是闹闹一个什么呢，就是啊house是不是。

就是播放的一个暂停的好好这个时候就是他看见有就他，然后有了过后这个为多少啊Q好还有一个就是按下去，好，那有了过后是有暂停就有播放啊点这个是可以定位到这个文件上，你看啊都。是很方便啊，大家用过吗？没用过就用这个按钮，它就是你打开谁点它就可以订阅到这个地方，相当的爽，如果你没有这个快件的话，你去找是不是找半天了，但我一定位就瞬间就就面了，这这个功能我觉得为老广大老百姓还是提供了很多福利，对吧。好，然后start start对不对。对了吗？Start好，然后有个后改为这个start。好，注意了，这个播放的一个。

啊，它叫做真正的播放，它叫这个名字，你看叫这个名字啊，这名字无所谓，然后把它这样子OK了，OK2张图片了，写有了过后呢，接下来就是下一个了，就是对吧，好，接下来呢，也是all啊，然后把它给创建出来对不对，好这个时候艾那选这个，大家只要会选一个，其他都都能点了，但是需要有一个耐心对不对，好那么这个时候呢，就是耐和生态，那这个时候我们就要去这个啊好，需要的是耐心是吧，需要的是持之以恒持久的努力是吧，好好。

然后有了个后这地方里面就是有一个歌词啊BTN，然后啊LYRC啊，然后呢，就直接去选这么一个select啊，他只有一个啊呃，创建经营刚开始创建不行了，他要贵海的去啊就用。然后有过后呢，好最后一个按钮了啊，然后好好有好，然后就是接下来有过后呢，啊LYLY啊C是有一默认的呀，好。然后把它给复一下这个为多少，就这个时候按下去的对吧？好按下去的好，那么我们万事大题预览一下，哇塞，不错。但是没变展出来是吧，啊，这不影响，然后我们再运行起来，你会发现这用这个就变得老慢了，加大力造，你把这个关联。

这个云他没有暂时关掉，注意刚才有位中午的有位同学，他说阿福老师让我去关鱼，他没有，他闲着，然后呢，他就显那个这个哭了过后呢，他就去关联其他库，看到没有，它就反过来了，就找这这可以吗？不可以，你要把这个与它有关联的话，你们应该去选择它，再点它，再点这个地方去去关联它。但是已经关联，它不在了，知道吧，明白吧。你要把罗库关联到里面去，要选中它再去关联，别犯这种错啊，不是选他嘞，那就反了。对不对，好，那这个时候呢，同学们，我把这鱼他们先把那个什么。先移除啊，移除你如果是不是报错啊，报错的话，这没关系，我们把这些啊先暂时注释掉，后面我们再打开吧，啊这时候你看你会看到啊，这个类呢，它可能会一会会爆爆红叉了吧，好没关系，咱们全选住掉。

后面我们再打开知道吧，不要不要不要心疼。把心痛啊好，那这里面呢，他也会报个错，那我就先把这个呢注射掉，不让它切换好，然后注意了它还会这里可海拔不错啊，这里面不是有个这个类吗。好，你也把它给做掉，OK，这样的话呢，它就会运起来就快多了，好运起来同学们。它就重新构建知道吧，也就是但是有一天你做好了之后，你要需要用到这个功能，你是在打开啊，对不对，对于我们讲课的话，你看我每月运行一次都花了30秒，那我一一天我运行多N多次，那这时候就浪费大家好多时间了。

你看这是为大家着想，对吧，好运起来好正在运行中，那我们看看我们的效果，当然第一次运行的话可能会有点慢，因为它重新构建。他你看是了，好点击。好，然后点击它，但是我们掉了吗？没掉对吧？好，那这个时候呢，来到来到这里配一节，然后一个叫做。啊，Audio，推荐把这个audio。教一下是不是知道吧，然后就一我们是看到页面了，好就起来同学们来看看啊。点击一二快好，这个是是挺好看的，是卡定了吧，但是你发现这个动画是没有啊，这动画是用到什么动画呢？是用到真动画，真动画特别的简单，我们花五。

两分钟就搞定，好吧，忍一忍啊，然后有了过后呢，这里面有个文档，文档里面大家看好，这面有一个index，然后呢，用任何浏览器打开，改为脱机工作。他就瞬间加入进来了。开发者。点API引导，然后呢，在这个地方有一个叫做啊。有一个叫resource，就用的资源，其中有一个叫resource types，有一个叫做啊这个是一个什么叫帧动画吧，啊然后有了过后，你看它这里面就any是可以定定义啊，这是否播放一次，那就不是意思，就循环播放呗。

好，这里面它放在admision里面，其实我们放job也可以道吧，好，那接下来我们就去创建这么一个文件，好，然后放在job不一定里面，知道吧，用键创建一个这样的一个文件，当然这个呢，它不能显杠。下划线是可以的，知道吧，然后后来过后。注意了，这是一个选择器，要改成什么这个，然后这里面是否播放一次为多少。就是它这个意思是弯的是是否关一次，不是，那就是什么循环，那这里面有哪些呢？好大家可以看一下啦，每一条。这边有一个it，它是有一个图片吧，啊图片的话就是有一个闹好看一下，这边闹几啊闹闹闹闹闹。是从几啊一零一开始对吧，每一个是有一个注意它每一个还有时间对吧？好，我们就是150毫秒对吧，然后啊，把它给截断对不对。

好，然后代码格式化一下啊，把这个呢给截断，我们总共有多少张图片呢？啊啊有四张两张三张四张五张六张七张八张九张，好，那这是0203。零四这是体力活啊，这个五对吧，六这是体力活是不用脑子的是吧，七八。九啊，他没有十啊，没有十啊，可以看一下，确实没有十。是没有是啊，好，那有了过后呢，注意怎么用呢？好，它文档告诉我们了，我们只需要实体化把它设置背景，注意这个是背景，把它以背景的方式设进来，然后再得到这个job啊，Animation job，然后start就可以了，好，我来到这里。

来到我们的播放器这里，然后找到这个门，是我们先先把这个背景，把这个B的map普实的话，其他我们先不管了，然后把这个们。定义一下好一美又把然后呢，好FBC搞定了吧，接下来是设置一个背景呢，好set我们的背景对吧，把点九下的。啊，这个哎，是这个，然后接下来这个时候呢，要得到一个什么，Get一个背景吧，啊，它返回的是什么。得到一个背景过后，用这个得到背景过后是返回一个animation吧，对animation。

好，然后把它给什么强壮好，接下来这个么呢，就是是吧。好，是大的，是不是这个时候就可以把这个动画给拨起来了，大家看好，这就是我们的真动画对不对？哇塞，大家可以看一下有没看动了，但是呢，每播放音乐它也能跳动对不对，就简直就是糊悠老百姓当时，但是当时的那个水平也就是还不错的领先地位了，对不对，所以现在一看的话老土了，你懂了吧。是是，你看这张图片切换。是不是你会发现有些同学貌似复杂，但题本质上很简单，原理也简单，就我们一定要去试，对不对，对不对，就像以前你没来上古之前，你不知道上古到底是一个什么东西，一进来过发现这么辛苦是吧，然后的话，诶，如果学的很好，还找一份好工作，对吧？OK，那这样的话，接触过很简单的事情，好那同学们，那么我们相当于这个帧动画呢，就被我们搞定了，这些月的页面呢，也完成了，好那同学们，这就是我们今天。