加载动画框实例讲解

作者：创世魂

通过本组件可快速实现一个带各种动画效果的组件,用于异步加载数据时填充空白页。

注意：本组件位于“加载动画框”模块中，欲使用本组件需添加其模块。

界面设计如下图：

引用“加载动画框”模块后，在“扩展组件”中可找到此组件。

随后将其拖放到界面设计器中。

代码如下图：

保存布局后，代码效果如下。

运行效果如下图（GIF）：

本组件默认效果为三个不停改变大小的小圆点。

如果想要改变动画效果的大小，直接设置组件尺寸即可。

“显示”帮助文档：

顾名思义，通过本方法可显示当前组件。

本方法等同于调用：“加载动画框1.可视=组件可视状态.可视”。

“隐藏”帮助文档：

调用本方法可隐藏组件。

本方法等同于调用：“加载动画框1.可视=组件可视状态.完全隐藏”。

代码编写如下图：

1、定义类型为“逻辑型”的成员变量，因组件默认是显示状态，所以需要设置初始值为假。

2、“按钮1”被点击后，判断“动画隐藏”的逻辑值，并执行是否显示等操作。

从而实现按钮点击后，既可以隐藏又可以显示的状态。

运行结果如下图（GIF）：

最终看到“加载动画框”在显示和隐藏之间切换。

帮助文档如下图：

通过本属性可设置动画样式，代码调用方式：加载动画框样式.XXX，共有28种样式可以选择。

注意：本属性目前只能在“通知_被创建”虚拟方法下调用或者成员变量的属性值中调用。

代码编写如下图：

在“加载动画框1”成员变量的属性名位置填写“动画样式”，属性值填写“翻转方块”。

运行结果如下图（GIF）：

“翻转方块”效果如下图。

帮助文档如下图：

顾名思义，通过本属性可修改动画效果的颜色。

可使用“颜色类”中定义的常量值。

代码编写如下图：

“按钮1”被点击后，调用本属性设置颜色为红色。

运行结果如下图（GIF）：

最终颜色被修改为红色。