【AN/木疙瘩】元件和舞台的关系详解

1.元件最大的优点是什么？

元件有和舞台一样完整时间轴，可以让图形做全部动画！可以封装很多元素到一起去做动画。他就像一个钢琴演奏乐队、架子鼓乐队！

2.外部的舞台擅长什么？

舞台也有自己时间轴，也可以做下面全部动画！

时间轴允许我们做很多类型的动画

1. 变形动画：可以让单个图形进行形状转换过度！比如从球变成正方形，且有过程！

2. 描边动画：（进度动画也叫路径动画）

3. 关键帧数字动画：（记录变换参数变换过程的动画）

4. 帧动画：适合做动图或者页面的切换

5. 遮罩动画：让一个图形A（被遮）在另一个图形（遮罩-这是个名词）的范围显示自己

3.舞台和元件区别 

单纯从功能上看，舞台能做的上面5种动画，元件都可以做。但是舞台就像一个大元件，一个小元件必须放在舞台中才可以生效！这就是舞台和元件的区别！

既然有区别，在应用的时候就应该有分工！这样面对业务需求转换程序、动画思维的时候就不会乱了！

如果一个元件是一个乐队，只负责自己的乐器，比如钢琴队元件、鼓乐队元件、歌唱队元件...，既然舞台和元件最大的区别，就是元件必须放在舞台才可以执行！

那么舞台就应该做它最具特色的事情，就是控制和协调元件！

就是扮演，指挥家的角色，而不要去做哪些元件都可以单独实现的动画了！比较一个原件对于舞台来说也是一种元素、舞台可以让元件与、音乐、视频、图形重新搭配组合进行表演！

上面五种动画只有

1.关键帧数字动画：（记录变换参数变换过程的动画）

为元件在舞台上添加关键帧可以实现内外部动画！比如做一个淡入淡出、移动、旋转这些，都属于在元件内部动画的基础上锦上添花！（如果元件内部有动画，外部是并不允许加预制动画）

2.帧动画：适合做动图或者页面的切换

两种动画才可以实现对元件的控制！

总结：

舞台应该主要负责控制元件进行切换，可以通过帧动画实现元件页面切换！动画细节交给元件！

元件主要负责制作内部动画。除非触发逻辑起源于元件内部！负责外部行为逻辑主要交给舞台来实现！

因此来了一个业务需求，首先抛离动画给元件！忽略动画细节，注意力专注在程序逻辑上面！