00:00
好嘞,各位,那在这一小节呢,我们把view所封装的过渡和动画呢给大家总结一下,Read密文档啊,我已经写好了,并且呢,我已经提前打开了,来咱整体过一遍啊。view所封装的过渡与动画的作用呢,就是当我们在操作一个盗墓元素的时候,它会在合适的时候给我们添加一些固定的样式的类名,那什么时候添加什么名呢?请看下边这个图,这个图呢摘自view的官网,我们先看左边这部分,这部分所描述的是一个元素进入的过程,因为你看人家说的多明白,特是不是代表进入啊,那这个元素刚开始的样子呀,透明度为零,我看不见它,我们管这个叫做进入的起点,最终啊,一点一点,它透明度啊为一了,那我能看见它了,我们管这个叫做进入的终点,那么这个是什么意思呢?就是进入的过程当中,只要你处于进入的过程当中,我一直给你。
01:00
你夹着这个样式V杠,Interactive,而且我们之前最开始写东西的时候,我们怎么解释这个的来着,叫做进入的时候被激活,那不就是进入过程中吗?那同理各位这边是什么呢?离开,这叫离开的起点啊,透明度是一,我要离开你,那我首先得保证先正常显示我在离开你,那这儿呢,透明度为零,我看不见了,这叫离开的终点,那么整个这个叫做离开过程中,然后呢,我把整个流程啊也给大家总结了一下,首先第一步你得准备好样式,至于说你怎么准备,你是亲自写啊,还是借助这个第三方的样式库动画库,那无所谓了,进入的时候有三个,刚才刚说完interactive,还有two,那离开的时候呢,同样也有这三个,我就不念了。然后我问大家是说进入的时候这些东西都要用吗?不见得,各位如果你想拿动画写,我问各位是不是进入的时候选他。
02:00
啊啊,完了,离开的时候选它是不是就够用了,你看看咱们代码最开始咋写的,各位你找到这儿啊,我就用了两个,一个interactive,一个live activeive,是不是就够用了,是不是就实现效果了啊,但如果说你不想拿动画写,你说老师我想拿那个最传统的过渡写,那你就必须得起点配合终点了啊,同样离开的时候也得是起点配合终点,但这里边儿有一个技巧,就是进入的起点恰巧就是离开的终点啊,进入的终点恰巧就是离开的起点,这是一个轮回对吧?各位啊,那第二步呢,就是你想让谁有那个过度的效果或者是动画的效果,那你就把谁用那个transition给它包起来就可以了啊,这个内幕属性呢,那你这随便对吧,需要配置你就配置一下,还有就是如果你是有多个元素都需要过渡和动画的各位,你得用谁transition group,并且每一个元素都要指定一个唯一的值什么呢?
03:00
T值是吧?各位啊,我们一直说view所封装的过渡与动画,过渡与动画,其实同学你品一品到底是过渡还是动画,是不是等着我们决定呢?其实view做的事儿,各位就是给你封装了这么一个内置的组件,叫transition,然后特定的时候给你加上一些特定的类名,那这个类名到底对应的是过度对应的还是说这个动画是不是等着我们去写呢?那你这么写同学那就是啥呀,封装的动画呗,那你这么写封装的是啥呀?那就是过渡呗,是这意思吧?啊好了,来给它关掉,那我把这个呢,给它复制一份,改个名,各位,这叫17_src叫做过渡与动画。好了,那你知道我接下来的套路了,我得把todo list的这个案例啊重新拉出来,把这个里边的一个功能给它改成这个过渡或者是动画效果了,那接下来来吧,把这个todo list复制找到这块。
04:00
把这个这个这个全都给他删掉,然后呢,粘过来,我们先看一下啊,这个to do list目前长成什么样子啊,打开。在这儿呢,控制台也开好啊,刷新一波,里边有一个吃饭,有一个睡觉,来我添加一个,各位你瞧好了,添加一个学习,我敲回车,你看效果很生硬的就添加上了是吧?我想删除这个学习,来点删除走,很生硬的就删除了,对吧?所以说你知道我接下来要干嘛呀,让每一个todo在添加和删除的时候都有一个柔和的动画效果,缓慢的消失掉,OK,那怎么写呢?原则就是谁想有过渡,谁想有动画,那就给谁包一个transition。所以说回来各位谁在变呢?每一个todo,每一个todo是谁呀?是item。所以说同学观察一下结构吧,你说整个Li是不是才是一个todo啊?你不能说label是一个todo,你不能说这个button是一个todo,整个Li这一长条,它才是一个todo,也就是说同学你不能这么写过渡,那太丑了,你比如说我点删除的。
05:11
之后同学这一条所有的东西都是唰瞬间就没了啊,完了编辑按钮慢慢再没,那太丑了吧,它们得是一样的呀,哎,所以说同学给整个Li都加上一个过渡的效果,所以说是不是得用transition包裹一下,然后把这Li呢放到里边去缩进呢,调一下名字,是不是也起一下啊,名字呢,我就叫做todo吧,因为毕竟是每一个要做的事儿,然后呢,A pair给它加上,那接下来呢,哎,就去写样式吧,在这儿呢,各位说一下啊,我就不选择第三方这个了,这个吧,太炫酷了,添加的时候呢,干扰我们去观察效果,所以说你自己下去可以玩一玩啊,我在这儿呢就用这个了,各位就是最传统那个往左一推啊,它就那个消失,再往右一推它就出现,哎,就这个整个全都复制过来,放在哪呢?放在咱们这个的最下方,最下边名你肯定得改,不能叫hello,得叫todo,这块也得改叫做todo OK。
06:11
诶,这不就实现了吗?来咱整体看一下效果啊,我看一下这个a pair呢,我也给它加上了,来吧,刷新一波,看效果走同学,效果已经出来了,你仔细看,他从左边过来的,你仔细看,老师看不清,那来我改一下各位,我让他从右边出来,因为左边吧不明显,就是左边过来的时候,这一块全是空白的,你看的不明显啊,那我在这儿呢,给你改一下,我改哪儿呢?改这不让它从左边出来了,正的100%从右边出来,来看一下效果刷新,诶是这效果哈,好了,来,那同学我添加一个,你瞧效果啊学习走你看很柔和啊,我删除一个吃饭来走确定吗?确定你看他就没这样的话,是不是挺好的啊?OK,其实这儿呢,还有一个写法,各位我得跟大家说一下啊,刚才啊,我们分析分析,就觉得,哎呀,每一个todo要有过渡,于是乎啊可自然了,就打开这个item,然后就找到这Li了,就给它加到这儿了。其实同。
07:11
觉得你还有一个做法,什么做法呢?就是不给这个item里的Li加,那给谁加呢?给这个list加啊,慢慢来,各位瞧着我把这Li呢,这样我把这个整个给它删掉,Li留着这个给它删掉啊,然后往前给它动一下,然后下边的这些样式啊,我都给它带走,我写到哪呢?我写到list里边去啊,剪切走,删掉删掉,找到list,同学我就问你啊,这个my item组件是不是使用一次就是一个todo,那到底有多少个呢?V for是不是遍历出来的,那有没有给它加上这个K呢?是不是也加上了呀?OK,各位,那这时候来吧,我先把那个样式啊给他带过来,走在这儿呢啊还叫todo,那上边呢,同学你知道怎么做了,我是不是得写一个transition,然后把这些东西是不是得粘在里边去,但是同学你可得想好啊,你表面。
08:11
上只写了一个买item这个组件标签,但是我想问你,程序最终执行的时候只有一个吗?绝对不是,得看你的v for,你说对不对,我v for里边这个todos有100个,那就会生成100个my item标签的,对吧?各位,哎,所以说你直接在这用transition,其实它是有毛病的,来我们看一下啊,各位,你看这东西已经出来了,说不能使用这个transition,因为它怎么怎么地,是不啊,只能用一个,那所以说你得用transition group,那这样我给他添加几个,比如说吃饭再来一个睡觉,现在报错呢,咱先不管说老师这怎么不对了呢,你看每一次老师只展示这个睡觉,其实我跟各位讲,就是因为你这个transition没有写成transition啊造成的,你但凡给它写成transition group它就正常了,然后在这呢写一个name name的值叫什么呢?叫todo,然后在这呢,还是写上这个pair同学,你这回回来看来你刷新一波,你看对吧?啊说老师那两个睡觉。
09:11
咱之前也没做那校验呢,咱说啊,你添加一个睡觉的,这就不能是睡觉,咱也没做这校验呢,你当然可以做嘛,对吧,也简单,你变了一遍,你找一下呗,里边如果有睡觉的就不能再添加了呗,是不?各位哎,所以说可要注意,这会儿一定得用transition group OK,好,那我们试一下啊同学看删除的时候它行不行,来我删除这个睡觉来走,你看也是有效果的,对吧,我想把这两个都给它删除掉,来清除已完成,你看它就没了,那我想添加的时候,比如说来一个一,再来一个二,再来一个三,是不是也是有效果的呀?哎,OK,好了,那这一小节呢,我们停啊停之前来我把这src呢,给它复制一份,改个名吧,直接就录在视频里,这是第18个下划线,然后呢,叫做todo list,然后呢,再来一个下划线,叫做动画就得了,OK,各位,我们完成了整个这个课程里的第三章啊,再往下讲呢,我们就得研究一下,在。
10:11
Q,里面如何发送了加子请求了?OK,各位好,这一小节呢,我们听。
我来说两句