【AppInventor】组件动画扩展插件

网友投稿 2018-08-23 11:08

组件动画扩展插件下载地址https://www.lanzous.com/i1pisyb,亦可点击文末“阅读原文”下载。

该扩展插件非常简单,就是给不同的组件添加动画效果,在这里稍作解释。

它有9种组件可选(按钮、画布、复选框、水平布局、网页浏览框、图片、标签、文本输入框、垂直布局),功能一模一样

https://cdn.china-scratch.com/timg/180825/110U143D-0.jpg

这里就只选择其中的Button(按钮)进行解释

https://cdn.china-scratch.com/timg/180825/110U14M5-1.jpg

input:拖入组件名称属性,对应Button就必须拖入按钮组件,否则会出错。

持续时间:表示从动画开始到动画结束的时间,以毫秒为单位,值为数字(数学)

startDelay:从触发这个块到动画开始的之间,即延迟多少毫秒以后动画才开始,为的是用户眼睛能够反应过来,看到动画效果。

scaleX:沿X轴方向,即横向,上的放大倍数,若不变则是1,若变小则小于1,若变大则大于1,输入数字。

scaleY:沿Y轴方向,即纵向,放大的倍数,若不变则是1,若变小则小于1,若变大则大于1,输入数字。

alpha:透明度。1为不透明,填写0到1之间的小数或百分数,0为完全透明。

translationY:组件沿Y轴,即纵向移动的距离,与画布组件内的坐标相似,组件原来所在位置为原点,向上为负,向下为正,以像素为单位。

translationX:组件沿X轴,即横向移动的距离,组件原来所在位置为原点,向左为负,向右为正。

rotation:旋转角度。该旋转角度是与组件在无动画状态下的相对旋转角度,不是与组件当前状态下的相对旋转角度。如果已经进行了180度旋转,继续进行180度旋转,那么最终组件将至旋转180度,而不是360度。

其中scaleX、scaleY、alpha、translationY、translationX、rotation都是设置动画结束后组件的状态。如果组件状态不变,则上述参数依次应为1、1、1、0、0、0。

原版中的沿X轴和Y轴移动的距离参数为translation,我不是很明白它的意思(原意应该为“翻译”吧,GoogleTraslate里面的翻译结果也是“翻译”的),于是将其改为了moveX和moveY,文章是基于原版扩展插件写的,但是提供下载的是改版的扩展插件。

https://cdn.china-scratch.com/timg/180825/110U14L4-2.jpg

move用在这里是中式英语,正确应当是movement(名词),但是movement太长了,故使用move。改版后的扩展插件带有图标,可以以此分辨。

https://cdn.china-scratch.com/timg/180825/110U16457-3.jpg

这个扩展插件改编自https://community.thunkable.com/t/free-extension-animacion-update-10-11-2017/5015,原扩展插件下载地址:https://community.thunkable.com/uploads/default/original/2X/9/9fd5fd7956f5d253a6446771a8129c51d684570f.aix,可以自行下载。

--end--

声明:本文章由网友投稿作为教育分享用途,如有侵权原作者可通过邮件及时和我们联系删除:freemanzk@qq.com