Gradient

Gradient 对象可以用来创建渐变样式或者动画。你需要使用两个颜色(开始色和结束色)以及一个表示方向的角度来描述一个渐变。

The Gradient object can be used to create, customize and animate gradients. It consists of two colors (start, end) and an angle indicating its direction.

  1. gradient = new Gradient
  2. start: "#05F"
  3. end: "#0DF"

开始色和结束色也可以使用颜色对象。

The start and end values also accept Color objects.

  1. gradient = new Gradient
  2. start: new Color("#05F")
  3. end: new Color("#0DF")

如果你想要画一个带有渐变背景色的图层,可以直接将创建的渐变对象赋给 layer.gradient

You can apply a gradient to a layer directly by using the layer.gradient property.

  1. blue = new Gradient
  2. start: "#05F"
  3. end: "#0DF"
  4. layerA = new Layer
  5. gradient: blue

渐变对象的所有属性都是可以进行过渡动画的。

All properties of the gradients object can be animated, too.

  1. blue = new Gradient
  2. start: "#05F"
  3. end: "#0DF"
  4. purple = new Gradient
  5. start: "#30F"
  6. end: "#B8F"
  7. layerA = new Layer
  8. gradient: blue
  9. layerA.animate
  10. gradient: purple

gradient.start <string>

开始色,默认是黑色。

The start color. Set to black by default.

  1. gradient = new Gradient
  2. start: "#05F"

gradient.end <string>

结束色,默认是白色。

The end color. Set to white by default.

  1. gradient = new Gradient
  2. start: "#05F"
  3. end: "#0DF"

gradient.angle <number>

渐变的方向角度,默认是 0° 。

The angle of the gradient. Set to 0 by default.

  1. gradient = new Gradient
  2. start: "#0DF"
  3. end: "#05F"
  4. angle: 180