先来看两个演示作品：
小心脏怦怦跳
如影随形
用画布可不好做。
⎣小心脏怦怦跳⎤有4个组件，13个代码块。而⎣如影随形⎤只有2个组件，46个代码块。
⎣小心脏怦怦跳⎤
将层叠布局拖入屏幕，宽和高设置为“充满”。然后在层叠布局中放置2个图像框，一个命名为实体，另一个为虚影。都勾选“是否原点在中心”，XY坐标设为0，这样使得图像框在层叠布局的中心。将小红心图片上传到素材（将图片拖入浏览器即可上传），并设置为图像框的图片。
要实现前面的动画效果，只需在层叠布局初始化（显示）的时候，让“虚影”图像框的宽和高逐渐（持续时间800毫秒）放大到2倍，同时从不透明到全透明，重复。
下面带来本篇主角：视图组件动画组件，能够让视图组件完成动画。视图组件为可以直接放到布局中的可见组件，不包括画布精灵和地图物体。
从“绘图动画”分类中，将“视图组件动画”组件拖入屏幕，逻辑设计如下：
⎣如影随形⎤
将层叠布局拖入屏幕，宽和高设置为“充满”，再拖入一个“视图组件动画”组件。演示图中的方块呢，怎么没看到？
其实，大家看到的方块是一组不同透明度的按钮，总共有17个。我懒得一个个拖啊，就在逻辑视图里面动态创建了。逻辑设计如下：
在层叠布局初始化（显示）的时候，创建17个方块按钮，并设置不同透明度的背景颜色。合成颜色时，列表的第4项为透明度，取值范围从0到255，0为全透明，255为不透明。颜色透明度的取值范围与动画组件的透明度属性取值不同，请注意。将动态创建的按钮添加到全局变量“按钮列表”中，当手指在屏幕点击时，让所有按钮都旋转360度并移动到点击的位置，每个方块按钮之间错开30毫秒，这样就形成视觉上的拖影效果。
本篇仅简单介绍视图组件动画的基本使用，通过串连动画，能够完成更加酷炫的效果。将鼠标移到代码块上面，查看代码块的说明。非会员用户请安装最新版AI伴侣（3.29.0606）测试体验，点击“阅读原文”查看获取会员的方法。
原文链接：App Inventor 的视图组件动画，转载请注明来源！