离线下载
PDF版 ePub版

极客学院团队出品 · 更新于 2018-11-28 11:00:43

条件

在开始之前,你可以对一个动画值进行检查。通过条件进行设置。这或许是最难学习的部分。要搞清这个问题,只要指定一个动画进行分析,就可以知道这是如何工作的。

下面是一个例子,条件表达式和分解的部分:

(layer1.x >= 0 and layer1.cx < 113) or (layer2.opacity > 0 and layer2.y == 259)

图层 ID

条件只会识别图层 ID。ID 直接联系到图层名字,图层名字改变时会进行更新。取一个简短的图层名字好处很大。

技巧:从属性面板中复制粘贴图层 ID,而不是手动输入。

(layer1.x >= 0 and layer1.cx < 113) or (layer2.opacity > 0 and layer2.y == 259)

属性

这决定了图层属性条件会进行检查。属性的当前值会对提供的值进行检查。

(layer1.x >= 0 and layer1.cx < 113) or (layer2.opacity > 0 and layer2.y == 259)

下面是图层的属性表:

属性 描述
.x or .left 左边的位置
.cx 水平居中
.right 右边的位置
.y or .top 顶边的位置
.cy 垂直居中
.bottom 低边的位置
.width 图层的宽度
.height 图层的高度
.scale 图层的缩放比
.scaleX 水平缩放比
.scaleY 垂直缩放比
.opacity 图层透明度
.rotation z 轴上的选择角度
.rotationX x 轴上的选择角度
.rotationY y 轴上的选择角度
.rotationZ z 轴上的选择角度
.contentX 水平滚动的偏移
.contentY 垂直滚动的偏移
.velocityX 水平滚动的偏移的速度
.velocityY 垂直滚动的偏移的速度

比较运算符

比较运算符用来比较图层属性当前的值和将要赋予的值。

layer1.x >= 0 and layer1.cx < 113) or (layer2.opacity > 0 and layer2.y == 259)

可使用操作符:

操作符 描述
< 小于
<= 不大于
> 大于
>= 不小于
== 等于
!= 不等于

图层属性的当前值会检查将要赋值的值是否满足条件。值包括算术表达式。

(layer1.x >= 0 and layer1.cx < 113) or (layer2.opacity > 0 and layer2.y == 259)

请留意,十进制实数必须使用前导零。例如 0.5 是合法值,而 .5 是非法值。

逻辑运算符

逻辑运算符用以复杂的条件判断。创建一个复杂的条件表达式用来检测各种各样的图层和属性。使用小括号对复杂的条件表达式进行切分。

(layer1.x >= 0 and layer1.cx < 113) or (layer2.opacity > 0 and layer2.y == 259)

下面是一些逻辑运算符:

操作符 描述
and 操作符两边表单式为真则为真
or 操作符某一边为真则为真
not 逻辑非
上一篇: 动画属性 下一篇: Actions