00:00
好来我们继续啊,那上一节课呢,我们是通过这个路由跳转传参呢,我们已经传了个音乐的ID过来,对吧?啊,那对应的打印呢,我就给它删掉了啊,那么医院的ID有了以后呢,我们就可以根据接口文档里面的这个接口呢,发请求去拿歌曲对应的详情数据了。啊,没问题,那这样的话呢,因为我们接着要发请求了啊,所以呢,我们先去把这个request对吧,引入一下在上一级U下边的request。啊,有了发起球的方法呢,哎,我们首先啊,要针对于当前的操作呢,再去分装一个功能函数呗,我就放到这个上面啊,那这个呢,是获取我们音乐。哎,详情的啊,功能函数,嗯,叫get a music in吧。对应呢,我们分装一个方法,在这个里面去发请求。对吧,那么要发请求的话呢,我们先初始化一个吧,那在这里面呢,我们来一个啊,就叫它算对象,那这个呢,代表的是歌曲详情对象。
01:09
哎,歌曲详情对象,哎就叫上。那么这个歌曲详情对象啊,我们初始化了一个啊,那么接下来呢,我们要发起球去更新它对不对。那这写一下吧,啊,Letting sound吧啊等于什么wa对吧,Request,然后我们把对应的接口啊给它拿过来。是这个呗。嗯,来丢过来,那这是需要有个参数啊叫ID对吧,后边要跟一个音乐的ID。嗯,ID后边跟音乐的ID,那么这个音乐的ID呢,就是说你到时候谁调用我,谁给我传入进来,然后我这去使用呗。那这样用了awake了,对吧,前面呢,我们加一个S的函数,嗯,没有问题,那这样的话呢,这个方法你到时候是吧,在downloadload里面上来要调用一下,同时别忘了把这个音乐的ID是不是要传给我。
02:06
对吧,那在这呢,我们做了就是获取这个音乐详情呗。啊,你别忘了啊,这儿拿到。数据以后我们要干嘛,我们要去更新那this.set data对吧,我们要更新的是那数据也是set data中的。哪个数据呢,我们看一下啊,我们要找的是。对象中。Sun。萨是个数组。对吧,我们要下表取零才能取到里边的这个歌曲信息对象来,那这个时候呢,应该是啊sounds数组下标取零呗。啊,那这样的话呢,呃,我们就可以把这个歌曲的详情数据呢,更新到贝塔中了,来我们测试一下有没有问题。好的,那现在呢,我还是点击这个练习走。嗯,来到这个页面,那么现在呢,我们来到APP data中啊。
03:02
我们看一下这个3D中有没有,嗯,有,然后展开这个对象,看看是不是练习没有问题,然后呢,我们再测一个啊,再测一个,比如说来这个张学友的情书走。好,那这个时候再看一下是不是它,嗯,没有问题,那说明这个数据是动态的,也是正确的,好,那这个时候呢,大家正好再看一眼啊AAPP中平时呢,只显示一个页面中的数据。对吧,我们之前看到的,现在你能看到两个,看到没有recommend跟some detail同时存在,那这是为什么呢?啊,其实AP data中最终显示的是当前存活页面的data中的数据。看哪个页面存活,我都会显示出来。现在为什么有两个呢?是因为我们从页面是吧,点击跳转,用navigate to这个方法去进行路由跳转。而navigate to这个方法的特点是什么?
04:01
啊叫保留当前的页面,跳转至应用内的某个页面,所以呢,最终存活下来的是两个页面,那么这一点呢,大家也要清楚啊。好了,那现在呢,动态的数据都有了,那页面上显示出来并不难。来。呃,我们去找到我们的详情页,找到我们的结构。那么这里边呢,首先这要显示的是什么呀?啊,是我们的那个演唱者,也是歌手的名称对不对。首先我们要通过这个。来,我们直接在这看吧,找到这个S对象就它呗,里面呢,我们应该找到谁啊,找到这个AR是个数组,数组还是下标取零对象的。Name。对吧,来,那这写一下放对象,我们对象中已经有了。对吧?那我们找到什么?AR是个数组下标取零的name。
05:00
嗯,是他。没有问题,然后下边这个啊,音乐的这个图片呢,我们也得给人家换掉。过来。那这个图片对应的在哪呢?在这个al下面的picture URL。那这呢,应该是sound下面的他。嗯,没有问题,来,我们再看一眼行不行?走练习。刘德华啊,封面图没有问题了,那么现在我们还差点什么呢?差这个东西。窗口的标题啊,我们现在这写死的叫硅谷云音乐对吧,那大家看我写好这个啊,你比如说我这点一个刘德华,哎,这就是练习。那也是当前歌曲的名称。啊,那这个。硅谷云音乐是哪来的?还是当初我们在设置这个?全局窗口表现的时候,我们是不是写了一个它。对吧,而我们之前这种操作呢,一直是静态的。
06:03
那现在呢,很明显是不是可以设置成动态的呀。哎,那如何去设置。这个窗口的标题是动态在哪?我们来到官网。啊,在这里啊,之前这个页面应该是崩掉了,我我看看能不能把它拆掉不要了。来在我们当前的页面呢,我们再次啊访问一下这个小程序的官网。嗯,我这儿呢,重新登录一下。嗯,给它把把它放一点啊。来,点击文档。啊,来到它里面的API。这个时候呢,在界面这啊,我们点开,嗯,我们找一下啊,界面里面呢,下面的东西其实还是挺多的。啊,还是挺多的,在导航栏这有一个叫set navigation bar title。动态的设置当前页面的标题。里面呢,就有一个必填的参数,就是页面的标题。那就是页面的标题,那这个时候呢,我们用到的就是这个API。
07:06
来来,给他复制一份。嗯,复制一份,然后呢,来到咱的代码里面,当我们获取到了音乐详情以后,我们除了要把这个音乐详情更新到sound中,我们还应该再做一件事情,就是哎,动态修改我们这个窗口的标题。嗯,用到的API是它。展示它,而里面的title属性呢,就是歌曲的名称呗。那就是歌曲的名称。那么这个歌曲的名称。叫啥呢?来我们看一下。嗯,那就是放对象的name呗。好的,那注意啊,在这里啊,我们之前讲过set data呢,它是个同步的行为,所以呢,在这个下边呢,我们可以直接认点。哎,data.sound.name是不是也可以呀?
08:00
嗯,那因为在这儿的时候呢,哎,So的对象呢,已经被更新过了。好的,那现在呢,我们再来看一下啊过来。点击一下练习走,嗯,大家看窗口就换成练习了,没有问题啊,再来一首啊,张学友的情书,我们再看一眼。但张学友情书标题呢,也是他。对吧,啊,那这节课呢,我们是把这个详情页歌曲的数据呢,动态的给它显示出来啊显示出来好,那这节课呢,我们先讲到这里。
我来说两句