动画图元属性详解

下面以发电机2详细说明动画图元的各项属性

lottie1

动画背景设置

lottie2

序号 工具名称 功能 使用方法
1 边框宽度 设置背景边框宽度 设置背景边框宽度
2 左上半径 设置背景左上角弧度 设置背景左上角弧度半径
3 右上半径 设置背景右上角弧度 设置背景右上角弧度半径
4 左下半径 设置背景左下角弧度 设置背景左下角弧度半径
5 右下半径 设置背景右上角弧度 设置背景右上角弧度半径
6 模糊半径 设置背景阴影模糊半径 设置背景阴影模糊半径
7 发散半径 设置背景阴影发散半径 设置背景阴影发散半径,为0表示没有阴影
8 X偏移 设置阴影X方向偏移 设置背景阴影X方向偏移
9 Y偏移 设置阴影Y方向偏移 设置背景阴影Y方向偏移
10 背景色 设置背景色 设置背景色,默认为透明色
11 边框色 设置背景边框色 设置背景边框色,默认为透明色
12 阴影色 设置背景阴影色 设置背景阴影色,默认为透明色

动画设置

lottie3

序号 工具名称 功能 使用方法
1 X坐标 图元X坐标 在此输入框设置图元的X坐标
2 移动按钮 移动图元X坐标 点击此按钮不放,左右拖动可以移动左右移动图元
3 Y坐标 图元Y坐标 在此输入框设置图元的Y坐标
4 移动按钮 移动图元Y坐标 点击此按钮不放,左右拖动可以移动上下移动图元
5 宽度 图元宽度 在此输入框设置图元的宽度
6 高度 图元高度 在此输入框设置图元的高度
7 旋转角度 图元旋转角度 在此输入框设置图元的旋转角度,单位为度,默认时0°
8 变速动画设置 设置变速动画 如果该动画含有变速设置,则此选项出现,否则不会出现
9 最小速率 设置最小速率 设置动画最小速率值
10 最大速率 设置最大速率 设置动画最大速率值
11 最短动画时长 设置最短动画时长 时长越长,速度越慢
12 动画时长 设置动画时长 设置动画整体时长
13 填充色 设置填充色 填充色是否出现由该动画决定,可能有也可能没有,点击黑色插头颜色可以做动态链接
14 15 边框色 设置边框色 边框色是否出现由该动画决定,可能有也可能没有,点击黑色插头颜色可以做动态链接

动画标签设置,某些动画设置了动态标签功能,出现标签选项时说明可以连接动态标签

lottie4

序号 工具名称 功能 使用方法
1 添加标签 添加标签按钮 点击按钮可以添加一个标签
2 3 设置标签 设置标签属性 设置标签显示名称,以及该名称对应的测值范围
4 删除标签 删除标签按钮 点击此按钮会删除最后一个标签

动画动态连接

lottie5