00:00
那我们看上午我们做到哪啊,上午住在一块的话,大家看咱们是不是整个股价差不多已经出来了是吧,就差什么。现在我们点是不是已经没有太大问题了,就差什么滚轮了吗?把这个滚轮干嘛?滚的时候如果每一平也能切换的话,那是不是我们就差不多了。认为讲OK,那一旦滚轮可以切换了,那以后我们是不是只要填每一瓶的内容就行了,咱们一共有。五瓶,今天咱们做两瓶,然后最后一天咱们做三瓶,那整个内容是不是就做完了,那当然除了这五瓶的内容,那还有一些需要大家注意的。好,OK,我把整个项目给他打开。好一个上来,大家有大家有看到一个开机动画,咱们还没整呢,是吧,还有一个就是这个。呃,音乐播放器咱们也没整是吧,还有一个大家看,我每次说你看开机的时候,大家有没有看到一个动画。
01:03
你看这个轮播图是不是从上面上面下来的小圆点是不是从下面上来的啊,这个叫出入场动画啊,这叫入场动画,就在我打开这个APP的时候,或者打开这个应用的时候,是不是他给了我一个动画,你看我切换到第二屏的时候。是不是又有个动画纸飞机是干嘛自己飞进来了,你看我到上一拼的时候,你看是不是又干嘛下来了,OK,折点,哎,再来再来,你看这个比。大家看这个笔是不是自己掉了下来啊,那这都叫入场动画,其实伴随着你的入场动画的话,上一在做什么。出草啊,这个飞机它其实干嘛,你看我切到下一边的时候,切到这一片的时个飞机飞进来吧,切到下一边的时候,这个飞机其实干嘛是要飞出去的,能没解啊啊,这叫初场动画,所以说其实我们不光要做这这什么。这五瓶啊,总共有五瓶内容,加上这个开机动画以及音乐播放器啊,还有一个比较重要的是出场的话啊,那今天啊下午的话我们会做两瓶啊,我们会把两瓶比较简单一点的,下午咱们先做掉,因为这两瓶基本上不要写什么J。
02:14
怎么讲啊?最难的应该是第一题。啊,第一瓶这里面的话可能会涉及到3D,涉及到animation啊,东西比较多,好那呃,这一瓶的话就是有一个图片炸裂的效果啊,可能会稍微反一点啊T里面的话,其实最烦的咱们已经做掉了啊,这个气泡咱们已经做掉了。能理解吗?OK,那我们还是先把这个骨架给打造好啊,OK,好,那我们CTRLC再来听一个吧。Control。哎,应该填到这里面了。干掉。不让听。好。CTRLCCTRL005啊,OK,那容去交互啊,我们加上这个滚轮,好,那滚轮其实还是蛮好写的,是不是先上,可在这里面我们要踩一个坑啊,我说的每一个坑你要把它给记住,把它给整理出来啊,这是我们写内容叙述啊,这个闹循环干嘛的,同步什么同步什么。
03:23
同现在什么同步当前屏当前屏的,所以是不是你就什么,比如说我算一下上来应该是第一点,所以就是零,是不是我夸上一点,这个cos应该是第二点,所以应该是一在哪边同步的。在我目录里面是不是干嘛,我在我这边点的时候吧,你看点的时候的话,是不是我能知道我点的是第几频道,是不是我把这次点一是不是就直接给到,是把当前当前面的索引直接给的now,好这这个now是干嘛同步当前频到索引是吧?OK,那我们来看一下,好那这是我们内容区的代码,这是我们头部的代码啊,还算比较干净吧,好,那代码量是不是已经上几百行了。
04:10
OK,那我多敲点空格的话,就是能上个七八百啊干掉好算一下这个是我们什么交互,是内容去的交互是不是OK,内容区交互OK好,那内容区交互这一块的话,咱们还差什么没做滚轮没做吧,是不是OK,那我们把这个滚轮也在这边写写,滚轮怎么想?内容圈交互有两块嘛,一块一块是调整调整自己的尺寸嘛,另外就是干嘛,关于滚轮的嘛,滚轮应该怎么写。首先上来来个判断吧,业务什么?你看这个滚轮的世界应该给谁啊?我滚这个空白去,他应该切换平方。你看我滚滚空白区它会切换吗?不会吧,是不是滚吧。
05:00
滚内容去啊,那是把这个事件给谁啊?嘛,是不是给他是不是,如果你这个干嘛点and listener有这个玩意了。哎,不对劲啊,对的,是不是这样的,如果有这个人,那我应该去给他绑吧,点什么。叫什么多?什么叫do Mo sc是不是OK把一个。回调是吧,这个回调是不是我们。自己去写的啊,这个是给动奥的时间去宝吗?是吧,还有还有什么contain contain,什么almost,什么almost well也是等于一个FN,咱们是不是把这个FN写一写就行了,OK,来一个function行么?FN啊,这个一要不要拿到,要把这个EV拿到是不是就可以了?OK,然后这个你们怎么想?
06:04
E等于一或者一啊,每一行代码自己手写会对你有好处的啊,OK,这点,然后怎么办?什么?If,你E是有什么点well w什么一条的说明是欧斯的绑定形式的是吧,怎么办?如果你这个值干嘛?333表达什么?如果你这个值大于零,说明是上还是下,上是不是,那怎么办?是不是我们外面还少一个少是吧,少一个变量嘛,挖一个方是吧,方向嘛,Di默认干嘛什么都不写是不是Di等于什么D给你这个什么跟这个玩意有关系,如果大于零,那说明你是什么?阿尔法是不是要么是啊Dow是吧,OK,然后呢。
07:10
因为大于零这边应该是问号,是不是大于零是阿尔法不是,如果小于零是大嘛,是吧,然后呢。是。吧你们吧,可以吧一点吗。Detail是不是DT,哎,是不是,如果你有这个玩意能干嘛,CTRLLCCTRLB,这个改成小于号是不是就可以了,然后呢,底下什么。切case嘛,是吧,OK,注意case啊,穿透是吧,给就把它干掉,不需要是吧?OK,我们把这个什么Di拿进来,如果你是up的,我写up的逻辑是不是,如果你是down的,我写。
08:03
当做逻辑是吧,OK,我们说up的时候我要干嘛?Up的时候。向上走吧,是不是OK,怎么写?而且他一直能向上走吗?是不是我说干嘛向上走的话,是这个变大变小。变小嘛,OK,问你这边应该怎么写。而且大家看我在滑屏的时候,现在什么我划鼠标滚了啊,上面是不是也在动啊。这一块小箭头在动,颜色也在导航,导航上面的颜色也在切换,是不是都是同步的吧,其实就是在调哪一个函数。再加这个木函数有没有感觉啊,你说这个木函数的抽象,要不要把它抽出来,一一定要抽出来吧,而且现在这个木函数在什么。是不是在这个函数内部啊,外面看不到吧,能不能拿出来。
09:02
是不是要把它拿到什么。外面的,不然是不是干嘛看不到的,我往外面一放,这个是不是就可以了,其实这个是干嘛,这个是动画的核心函数。能不能感觉到是吧,OK,那我应该怎么调在这个里面。Up的时候我干嘛,木马是不是OK,是不是传一个index啊,我问你我现在在哪个index上面。我在哪个上面。我现在在第几平,通过哪个变量我可以知道啊。是不是现在我要二的话,相当于闹干嘛?在闹的基础上干嘛减,是不是他们把这个闹干嘛进去嘛。
10:02
是不是是一只可以减吗。上来你看我现在是第一天往上滑。往下滑是干嘛,怎么没反应啊?下下。我知道,可是我现在是往上滑。我在第一匹马,我往上滑的话应该。没给我报销吧,我看这个函数有没有被执行啊,我说刚收有点。啊。垂乳头演圆而。他没有账号没有观察。这个没有。有啊。说一下我F10要看一下。刷下。这样吧,我打到旁边去,来刷一下是不是号码,诶你看。
11:04
不动吧,是不是没有,是不是没有进去啊,为什么没有进去看一下。啊,我看是零哇,好尴尬,应该开多少开零五看一下F12你是不是有进来了是吧,可他干嘛。报错了,看到吗?不能读取style么?有问题,为什么,因为我往上的话闹事现在是零嘛,变成负一嘛,我这干嘛。没有负一嘛,是吧,那其实再往上滑的时候干嘛。就是我压根干嘛都不能让你去调这个方法吧,是吧,那怎么办付。什么只有你闹大于的时候,你才有资格去减减吧,是不是你闹大时候是不是才有资格去减价减减的,你才有资格去用吧。
12:02
是不是这样?这个干掉。这个能理解啊,下面呢。你往下滑,什么时候你有资格往下滑,你到最后一瓶了,你还有资格往下滑吗。是不是当你干嘛,当你这个闹的吗?小一段。小雨。什么是?他点。认识干嘛?是不是小于它点N减一的时候。你才有资格去干嘛加价,也就你小于只有在0123的时候,你才有资格去加价。是不是啊,是不是还是产生这个闹。这能理讲来看一下这上来往下走,一往下走一往下走,一往上往上。
13:02
往上你看还动吗?不动了吗?OK,往下走一片,往下走一片,往下走一片,往下走一片,再往下还有吗?没有了吧,是不是OK,那这块是不是差不多可以了是吧,我问你问你,我在这边问你现在是不是干嘛。现在比如说我点了这个cos,我问你现在这个闹,这个闹的值为多少。文一。是不是可是这个Z点这个职位。是不是有一啊,是不是我问你,现在我滑一下。变动吗?没有动,需要同步Z等于X吗?需要吗?不需要吧,为什么?因为我每次点的时候才去干嘛操作到Z杠一,我每次点的时候你Z杠你干嘛自己会变的。等到虽然说我的是不是同步了的呢。
14:01
是不是是不是通过什么。我们说这边的关系,其实干嘛通过这点干什么去干嘛同步了,那可是我需要干嘛,那有没有同步,那有没有同步,This杠一啊,不同步是吧,This点什么。Index干嘛?因为没有意义啊啊不需要同步懂吗?可是this index要必须要同步到那的,因为我得知道我在鼠标滚的时候,我当前是哪一瓶。等等,因为我闹待会要加加减减呢,是吧,我要从哪一瓶开始加,从哪从哪一瓶开始减嘛,是吧,为什么那不需要同步杠this加子。因为这个玩意你每次点上去的时候干嘛,它自动会给你一个什么,你给你index的这个能不能理解啊,OK,那还有件事情,大家看我在这边,大家看现在这不我是在第一屏啊好OK,我看把它走到第三屏去是不是,你看我拼命往上滑。
15:00
我鼠标过一直在动,他有没有花瓶没有,我鼠标过一放只划一瓶。是不是真的,你想想嘛,你看现在我拼命往拼命往下面放鼠标,过程一直在动是吧,OK,我放掉。看是不是走了两下,因为我划了两下,重来重来重来,OK,到第二篇,第二篇你看鼠标孔的平面往下一直在滑啊,这个我当中抬起来了一次,胳膊有点累,好到第二瓶拼命往下。你看是不是只只走一瓶啊,也就是说什么我在拼命的在这边去滑的时候。是不是只会想赢我一次,你不能想赢多次吧。你看咱们这。看到没有,你看我,我拼命还的这个。跑得非常快吧,是不是我们说其实用户有时候。比较干嘛心烦的时候,他是不是干嘛会拼命的划鼠标的,是不是啊,这个时候的话,你是不是只能让响应一次啊,你不能干嘛让他拼命划的时候嘛,一划到底吧,是不是啊,我发现你们班肯定会有很多人会这么去干的,是不是代码遇到bug时候拼命滑是不是啊,OK,我往上面我也拼命滑,能不能理解啊,那怎么办?这个我们需不需要控制啊。
16:20
需不需要控制,是不是我们说你连续触发多个,也就是我这个回调被连续触发了多少次。再看。也就是说我这个FN的这个回调,在你拼命划的这个过程中,是被连续触发好多次啊,是不是我们是不是得让这么多次当中的回调只有一次响应。很有可能我拼命滑的过程中,这个FN是不是要会要会掉很多次的,因为你一直在触发这个事件嘛,是不是我们要做到的是这个东西干嘛。在我快速滑动的过程当中只触发一次,那是不是咱们要去做控制了。扎线。
17:03
他有个过渡,他确实有个过渡。其实大家可是大家看是我可是我在拼命。我在拼命滑的时候,他连干嘛他连过都没执行,只有我手抬起来的时候,他才会去走第一,是不是等于说你拼命滑的这个过程中干嘛什么事情都不干?鼠标抬起的时候干嘛去执行那个时间懂不懂相当于什么,相当于你鼠标在拼命滑的过程当中,这个灰调你不能给我触发鼠标抬起那一刹那干嘛。给我出发,是不是?有没有事件是从滚轮上面抬起的?没有吧,不要吓我,没有的,没有事件是从滚轮上面抬起吧,从鼠标上面抬起,都还有欧斯up嘛,是吧,滚轮上面抬起。如果有的话,那就完了,看看有没有,应该没有。滚轮抬起事件。
18:00
不应该有吧,是没有太起时间的,它只有这两个事件,莫斯跟多摩摩斯不见,OK啊,是没有,没有抬起的啊,他说。检测一下你放在滚轮上面的压力。啊,饶了我啊,OK,来看那这个应该怎么做。哎,我给大家一个思路,好,我在这两个回答当中去什么。做一些手脚,我这边是不是有个方,有个方向是不是OK,这边也是要来个什么方形,你待会是不是在这个里面去调什么F啊,可是这个时候要长个心眼了,这个一定要传了。是不是要传了,不然是没有这个意的。懂吗?你这个因为得靠自己宣传了,懂吗?OK就什么。Event啊,金融性我们先处先处理处理E等于什么E或者event是不是干嘛自己得传进去了是不是啊,OK,下面也是一样去把B这边是不是来个一列是不是啊好想想大想我这个FN是不是就是说你快速滑的时候干嘛。
19:13
我不去你这个F混嘛,是不是,你看我这么写啊,你不就应该是第一次这么写代码之后,你来看我来个方形走你OK,走你来个什么200后面是不是OK,下面也是一样C来个。200毫秒是不是啊,也就是说你在触发这个事件当中,他是给你立即响应吗?不是等个200毫秒才来要这个回调啊,是不是,OK干嘛,我每次上面去干嘛,你不是。是探奥特吗?你不是应该有个的吗?是不是啊,把这个吗拿到干嘛?OK,我外面换个开等于零,OK怎么办?我在这边每一次上来时候,我就先。
20:07
肯定一下。啊,他说我单词拼错了,好好好,我改过来改过来,OK ctrl c。CTRLBCTRLB好OK,好来看一下,好这样我这样行不行,这样行不行,我们先看效果。啊,这里这就是个套路啊,看着啊往下滑一撇。还两瓶是不是看我拼命拼命下滑。等等看啊,嗯,来,我先刷一把,是不是去了后上面好,我拼命往下滑,他是不是应该去呀,走一瓶的OK,看着。起来是不是只能走一篇,再看我拼命往上走一撇,我拼命往上走一撇,是不是那么假,是不是整个效果我们已经实现了,能不能看懂?
21:13
为什么你看,为什么你看我在触发这个事件的时候上来我就干嘛,如果你划得很快,只要你这个触发时间的间隔在200毫秒之内。只要你触发这个事件的间隔在200毫秒之内,我第二次触发事件的时候,会把你上一次这个电视机给清掉,也就是说这个回调有没有被执行,永远都被执行不到,只有最后一次才会被执行。只要你时间间隔在200毫秒之内,我下一次再触发这个事件的时候,你上一次这个回调压根就没有被执行到,因为我上来就把你上一次这个给清掉了,可是超过200毫米了。就管不了了。能理解吗?这是不是我们让一个逻辑在一个事件当中只被触发一次啊,当你触发频率比较快的时候,是不是就可以?
22:08
就可以这么去做,这就是个套路,那么讲,那代码就在这。就这啊。四行代码啊,五行啊,不四行1234行代码懂不懂,我们是不是让什么让。FN的逻辑在什么?多么斯事件被频繁被频繁触发的时候,干吗纸?干嘛执行一次啊,这种套路给他继续做,这个能不能理解,OK好,那到这一块咱们整个什么。
23:00
骨架搭完,然后我们去填充每一笔的内容就可以了,对吧,好,那这个里面这个坑啊,这个能不能看懂啊OK。
我来说两句