00:00
我们就要想事情了。想一个什么事情呢,譬如说来先都退出去啊。这以后我们来看。来看我们这个应用有什么问题啊。现在我点击下一步,我们希望看到的效果是什么?是不是平移的效果啊,就当前这一个界面,从当前这个位置是不是向左移动,而下一个界面呢?是不是从右边移过来呀,嗯。但真实的效果不是这样的。那我们现在就要想办法啊,有两个事,第一个我们要定义动画。说过了是吧,那这是一个什么样的动画呢?我们来看啊。画图大家就明白了,这东西很简单啊。当然了,现在呢,假设当前呢,这一个界面啊,是是某一个界面,我们这个地方啊,可能会有一个。
01:02
叫什么,是不是下一步啊,是吧,啊也有可能是一个什么呢,上一步我们一起都把它分析好了,我们再做,不急。好,假设我们点击的是下一步。啊,我们现在假设点击下一步,那实际上就是当前大家看啊,这一个还有应该还有一个左边呢,可能我点一下一步说明右边是不是有一现在有一个呀。啊来把这一个呢,我把这个颜色给它调一下,把它粗细给它调一下啊,假设我这是一个灰色的啊,它即将要进来,也就是说当看到啊这样。当前如果点击下一步是当前这一个界面。是不是出去了啊?摘要显示的界面是不是进来呀,你说这个界面出哪去了,当前这个界面。
02:03
对,他也是出到左边。某一个位置吧,好,现在我们要问大家,你只要知道这几个坐标就行了,你说这个坐标是多少?负的什么是100%或者100%P啊啊好。下面零,Y轴是多少?零这是固定的对吧?好来这一个坐标是多少?来看到啊这个坐标。是不是零零吧,啊零零是吧,好这一个坐标。这个100%,而下个是什么?Y轴永远是零,对不对,嗯,就是这样的。你先知道坐标以后我们再说啊,如果我们点击的是下一步大家看啊。
03:05
下一步好这个颜色呢,稍微把它调成亮色的啊。呃,字体颜色我看一下,他不让我写了。字体颜色,字体颜色,字体颜色这个地方。呃,我是只能黑色的,现在好了好了好了啊,来看下一步,看到下一步每一次呢分为当前界面。还有一个就是要显示的界面,这样的吧,好,当前界面从哪个位置到哪个位置。如果我连一下是不是开始的坐标是零,零呢?啊,这个目标的最终的坐标呢,负100%,还有Y轴是不是零呢?好,要显示的界面。
04:11
对吧,是不是100%。再就是零到哪去,是不是到零零了啊到零零。那好了,我们现在可以看上一步把这个分析好以后,后面就很简单了啊,也是分为当前界面和这个要显示的界面。先来看啊,我如果是是上一步。像是不是我当前的界面,是不是从当前位置跑到右边来啊,那就是零零到。百0%好,要显示界面呢。是负的100%。啊到零吧,嗯,就这样的一个是好了,确定好他们以后,后面就好写了,大家看啊,再一个动画呢,现在是不是可以定义啊,但是怎么样让动画起效果呢。
05:12
大家看到有这样一个方法,其实非常简单啊。Right什么意思?重写pen?啊,这个单词呢,给大家看看。这这里有一个。形将要发生的对吧,将要发生的,将要发生的一个什么东西呢?平移,也就是说我们最终是不是有一个动画呀,就覆盖一个新的动画,说白了就是去指定切换的动画吧,啊整了这么长一个方法,大家看它这地方指定两个参数。什么意思?进来的动画和什么退出了动画,那我问大家啊,看到我这里你说。
06:01
点下一步的时候,哪个动画是退出的,动画是不是当前视图的,嗯,就当前视图永远是退出的吧,嗯,要显示的才是进入动画。好啦,那咱继续做呗,来看到我。先呢从把它们呢都先关了。我们从get一开始。GET1我们是不是下一步啊?好来啊,在这里面。去调用一下。Overre pending transition。好,是不是需要有一个动画吧,啊,这个动画我们这个地方先要定一个进来的动画。第一下看它右键。你有一个他。好选择。Translate。从哪边进来?不是这个是进入的看到啊进入的从哪边进来,我点下一步的时候,从右边还是从左边右边吧,那我就叫什么呢?Right in啊从右边进来。
07:11
对吧,好,那他看啊,我们刚才已经写过了啊,要进入的动画就是100%~0%,看他怎么写的,是不是X轴方向,开始的位置是多少。100%啊,我这里并没有加P啊,不用加P,因为它当前那个动画是不是作用在整个activity上面呢啊,所以加不加P都无关紧要。你不加可以加也可以啊啊to的一个问句。是不是就零了?好,还有一个Y轴是不是默认值啊,我不写了。都可以。好,下面来还有一个duration持续的时间,比如说500万。
08:07
好,这一个进入的动画我就要这样写好了,那也就是说啊,点animation.right in。下面是要定义出去的动画吧,我这个下一步出去的动画是向哪边出去啊?是不是向左边呢,向左边出去好了,来也定一个他定一个它。直接写什么left out,向左边出去。来这个地方也是需要去定义from它X的坐标。再定一个to。X轴的坐标啊,这个开始是from是多少?是不是你那如果你不记得,你可以回过来看一下我们的这一个当前的零到什么。
09:05
负100%吧,零到负百0%已经写好了,接着下面写一个负100%好了,还需要去指定一下时间是500。是不是就OK了吧,好,定好了以后来二点。An点。Knife out。这样是不是就可以了,好,那二呢。这个like啊,跟上一个什么呀,一模一样的,没有一点变化。对吧,好了,下面关键是他。这个该怎么做,这个pre跟left不太一样,刚才我们画图你也看到了啊,上一步的时候他们的值是不是有点相反的感觉?
10:05
对吧,好,那我们现在呢,就说上一步的动画该怎么去定义,看到上一步,比如说上一步进来的动画从哪边进来。左边啊,从左边进来吧,那我把它复制一下,看成C,从左边进来写一个。Left in left in,你说这个怎么写?改什么,是不是负的还是买呀,好了再有一个。Out out,我是什么?是right out呀,向右边出去,Right out,好,这个right怎么改了?改一个板掉就行了呀。可以了吧,啊可以了,好啦,来看这里。
11:00
这个地方我们怎么去写?这个怎么写,是不是live in呢?啊,这一个呢,Right out。可以了吧,嗯,好了,来,我们现在的第二步写完了,接着来看第三步。啊,第三步我们的应该还跟以前一样。还是给你加,但是。另外一个不一样了。这一个不一样。这个怎么就不一样了呢?我来演示一下。大概哪。这个确定完全不一样。知道怎么做的吗?从下往上进来,而且跟大家说那个那个上,那当前那个界面呢。
12:04
那出去的那个动画是个什么东西,大家看出来了吗?就是逐渐消失。对吧,这个透明度从完全不透明到什么完全透明。能理解吧,啊,这是什么意思,在这个里面呢,那我们其实也是用这个,只是我们用的动画不一样而已,对不对啊,动画不愿意,好啦,先说进来动画怎么说?从下往上是吧,这个这个咋说啊,也是个平移是吧。来啊。看下C,看下V。说bottom in是吧,从下面进来是吧?啊bottom in好就写bottom in啊好,现在我们要看呢,Bottom in怎么写,Bottom in什么个意思呢?就是很简单,它从这里面是不是上去了呀,那你说你要先知道这个坐标就得了呗,这个是什么?零是100%呀。
13:14
啊,Y轴百分之,而你相当于X轴是没变化呀,现在是不是改成Y轴了,好来写一下啊,你说开始X轴不管。往外走from y等于多少是开始位置是100%啊,叫to,写什么零就可以了。还是五百八好,这说的是进来的动画,那出去的。就是一个慢慢消失的一个动画,这个怎么说消失。消失出去,怎么说消失出去啊。透明的出去啊,消失或者叫隐藏是吧?
14:05
来。我知道了一个啊,我想到了一个这个东西来,首先得是用哪个。阿尔法隐隐藏,隐藏消失。消失怎么说,我突然间想一个突然间忘了叫什么,什么out是吧,什么out了,消失。呃,消失,消失叫什么?Disappear是吧?Disappear是吗?这个吗。这个吧,好行吧。管键哥,这个我感觉好像不是特别到位啊,你们歇歇吧,把他的来。
15:04
在这个里面呢,我们需要去指定开始的。一个透明度是吧,一啊后面呢,有一个目标的一个透明度。是不是零呢?啊two透明度零,好了,还有一个持续的时间。500可以了吧,好啊,基本上差不多了,来现在。啊,我们就来去准备去整它,但是这里面好像还没写好吧,写好了吗?还没有是吧。你写一下进入的动画是bottom in。好,这个。出去动画叫disappear out,对了吧,好了。
16:05
来试一下,走。是不是可以啊?没问题是不是啊,这不下一步下一步好了,这不来了。是不对的啊,没有问题啊。这样呢,我们就实现了一个界面切换的动画啊,这个在开发中还经常有时候还会用到啊,有时候会用到去自。
我来说两句