按钮

基本概念

• 按钮，如下图所示：

属性说明

组件名称

设置组件名称，用于在图层中显示组件的名称。

组件尺寸

设置组件的宽度和高度，单位为 px

组件位置

设置组件在大屏中的位置，通过横纵坐标来定义，单位为 px。

不透明度

设置组件不透明度。

旋转

设置组件在图层中的旋转角度。

数值

设置组件的数值内容。

文字

设置组件按钮的文字内容。

类型

设置不同的按钮类型。

状态

每个按钮类型有三种状态，可供需求选择。

图标

排列

样式说明

边框颜色

设置按钮的边框颜色。

边框宽度

设置按钮边框的宽度。

圆角边框

设置按钮的圆角大小。

按钮背景

设置按钮的背景色。

字体样式

• 字体库：可设置字体类型；
• 字体大小：可设置文字的大小；
• 字体颜色：可设置文字的颜色；
• 字体样式：可设置标题文字颜色；
• 水平位置：可设置文字加粗和斜体；
• 字体阴影：可设置是否开启字体阴影；
• 阴影颜色：可设置阴影的颜色；
• 阴影大小：可设置阴影的大小。

悬浮样式

• 字体大小：可设置文字的大小；
• 字体颜色：可设置文字的颜色；
• 背景颜色：可设置鼠标划上后的背景颜色；
• 水平位置：可设置鼠标划上后的边框颜色。

事件说明

事件名称

输入事件名称。

触发事件

可选择不同的事件触发类型。

触发目标

通过选择画布上已有的图标作为触发目标。

触发动作

可选择不同的事件触发动作。

动画说明

• 动画名称：可设置名称内容；
• 触发方式：可设置不同的触发动作触发动画；
• 动画类型：可选择不同的动画类型触发动画；
• 动作类型：可选择不同的动作类型触发动画；
• 运动方式：可选择不同的运动方式触发动画；
• 延迟播放：可设置延迟动画多长时间后触发动画；
• 动画时长：可设置动画的运动时间；
• 重复播放：可设置重复播放的方式；
• 重复次数：重复播放 方式选择重复后，可设置重复次数，指改动画重复的次数；
• 运动行为：可选择不同的运动方式；
• 结束状态：可选择不同结束状态的方式。