00:00
好的,我们继续啊,那我们上一节课呢,咱们是去把这个视频列表呢,动态的给大家展示出来了啊,那这节课呢,我们去做一下这个功能啊。大家看现在我点击这个翻唱,呃,舞蹈带这个导航标签的话呢,那下边的呃,下边这个视频的数据呢,现在并不能动态的切换,对吧,而我切好这个呢,大家看你比如我点翻唱哎,那下面的视频呢,是跟这个翻唱啊是对应的。哎,那这样的话呢,我们在点击翻唱的时候呢,还需要做一件事情,就是动态的获取啊,当前翻唱或者是舞蹈下面的数据,哎,说白了,下面的数据呢,要跟我们的导航标签要对应啊,那这样的话呢,我们来到我们的GS里边啊。那咱们点击哎切换这个导航的回调呢,我们已经有了,那在这里啊,我们点击的时候,除了要更新这个navvi ID呢,我们还应该做一件事情啊,那就是呃动态,嗯获取当前导航的,呃当前导航JA样吧,嗯对应的视频数据。
01:06
好的,那要获取视频数据呢,已经很简单了啊,我们对应的方法是不是已经分装好了,叫get video list,好的,那这样的话呢,来我们在下面啊,认点它一定要用,那么在这里面呢,啊,我们传入当前最新的NAV ID就可以了。哎,是这样的,来我们保存一下啊,咱们来看一眼过来,那我现在点击翻唱。说的这稍微有点卡,好,那现在我点了,诶这个时候大家看啊,下边呢,这儿呢,就是翻唱的数据。那我再点舞蹈啊,稍微等一会儿呢,它还会切换到舞蹈的数据,嗯,没有问题。那现在啊,切换是切换了啊,那首先大家看到下面这个零呢,那是因为啊,现在我们去访问这个服务器呢,它返回的数据呢,有点慢啊,视频呢,没有及时的加载出来而已。那这个呢,不是问题啊,这个不是问题,现在的问题是啥呢?你看啊,我在点击切换的时候呢,用户体验很差。
02:08
因为我们并不能啊,大家看我这个写好的,我得去舞蹈。啊,或者点击后边的,你看这显示个正在加载,等到我们视频数据到了以后呢,哎,这边就加载出来了,嗯,没有问题。好,那这样的话呢,首先啊,我们在点击的时候,点击导航切换呢,我们应该要给用户啊去显示一下啊,我们正在努力给他加载,那这样的话呢,呃,我们首先来到我们的官网。找到我们小程序的官网过来。我们需要用到一个API啊,那在这里啊,我去登录一下。呃,输入一下密码,然后呢,我们去登录。嗯,稍等,我这边需要验证一下身份。来我手机这边扫一下码,然后我这边确认一下。
03:03
OK,那现在呢,我们去访问一下这个官方的文档啊,咱们来到API这一块。在这里面呢,我们去看一下界面,界面的里面呢,有一个API呢,叫收loading啊,显示loading的提示框,那这个呢,是需要我们要用到的啊,那这个方法呢很简单,呃,API有了,我们看一下需要传什么参数啊,大家看B传的参数呢,就是title一个那要提示的内容,而下边像mask那就是是否显示这个透明的门层啊,门层呢防止什么触摸穿透。对吧,啊,默认为false,当然了,你也可以用它来,那如果说我们下边啊,没有什么对应的事件,我们需要点的,你也可以不用。对吧,那这样的话呢,我们用一下这个手楼顶啊,首先我们点击切换的时候呢,我们应该去显示正在加载,那么对应的API呢,是它。哎,然后呢,我们在这个里边传入一个对象啊,那对应的title呢,我们写一写啊,那这呢就来一个啊,正在加载来正在加的。
04:08
好的,那现在呢,我们点击切换一下啊过来。OK,那现在呢,我点翻唱走来大家看正在加载呢,显示出来了没有问题啊,但是呢,现在视频数据都到了,那么这个正在加载呢,还在啊,那这是为什么呢?我们来到官网。这时候大家看一下这句话啊,那当前的时候loading呢,需要主动的去调这个hide loading才能关闭消息提示框,也就是说我们想要关的话,应该由我们主动的去关,哎,那我们就要思考了,什么时候去关掉它。那肯定是在新的数据到达以后,对吧,我们就要关掉它,那新的数据到达以后在哪呢?哎,就是在我们获取这个视频列表大家看啊,当我们这儿发了请求以后呢,那如果说往下一走,那在这。
05:01
是不是相当于就是关闭了呀,啊那这个时候呢,我们在这儿呢,去关闭这个消息,嗯,提示框啊,用到了API呢,就是微信里收loading也比较简单。来,咱们再来看一下效果啊,过来好了,现在呢,我再点一下翻唱,你看就好了,来我点舞蹈来正在加载好数据一到那提示框关闭没有问题,那现在呢,这个显示啊,包括切换已经没问题了,但是还有一点不对劲啊,你看当我点击一个新的时候,旧的数据还在,其实。给人的感觉不太好,所以啊,在我们点击一个新的导航标签的时候,那之前的视频数据呢,是不应该显示出来,那这样会好一点。那怎么不让它显示呢?其实很简单啊,很简单,在我们点击导航切换的时候啊,我们可以把之前的数据。去给他清空。那么之前的数据呢,是不用的这个video list。
06:05
对吧,啊,这个数据呢,去存放的这个数据,那现在呢,我们只需要将这个video list的数组干嘛呀,给它重置为空数组就OK了,好,那现在呢,我们再来看一下效果过来。来翻唱,我点翻唱走。嗯,没有问题啊,我点一个新的啊,比如说告白啊,也没有问题。OK,那这样的话呢,啊,我们就实现了这个动态点击啊,切换视频数据的效果好的,那这节课呢,我们先讲到这儿。
我来说两句