在之前学习过的子页面组件元素中,除了表单、表格类及时钟、按钮等少数组件以外,其他绝大部分组件在右下侧有个“动画设置”操作按钮。
例如,引用图片组件是这样的:
静态表格组件则是如下的效果:
为什么这些组件的“动画设置”按钮都是不可用的?这是因为,在当初定义容器的时候,没有勾选相关的选项。这里特别补充说明一下如何启用动画设置:
对于WebBuilderX所用到的“卡片面板、微展示和常规容器”3种类型,它们都有“允许添加动画效果”的选项。只有在勾选此选项之后,再往该容器中添加页面元素时,这些元素组件的“动画设置”按钮才能使用。但有一点请注意,对于已经启用动画效果的常规容器,如果把它用于没启用动画效果的其他面板中,则动画效果失效。
现双击之前添加过的“容器名1”卡片面板,勾选“允许添加动画效果”,点击确定,即表示该面板已经可以使用动画效果了:
此时,如果在此面板中新加页面元素,或者打开之前已经添加的元素组件配置,则右下角的“动画设置”按钮全部处于可用状态。