ActionScript: Наполнение одна форма с Градиент

Share

|

Используйте beginGradientFill () и endFill () методов для инициирования и закрыть форму обращено время выполнения.

В градиента заполнения, есть класс изменение цвета. Flash поддерживает линейный градиенты, в которой один цвет исчезает на следующий слева направо. Flash поддерживает также радиальных градиентов, в котором цвета излучать из центральной точки. Вы можете начать градиент заполненные формы использования beginGradientFill () так же, как Вы инициировать твердых заполнить форму с beginFill (). Разница в том, что призыв к beginGradientFill (), требуется более сложный набор параметров:

gradientType
Либо "линейная" на линейный градиент, или "радиальной" по радиальным градиентом.

цвета
Целый ряд RGB значения цвета для использования в градиенте. Они отображаются в градиент слева направо в линейный градиент, или от вывоза в центре радиальным градиентом.

alphas
Целый альфа значения, которые соответствуют цвета в цвета параметра массив.

коэффициенты
В массив, элементами которых являются числа соответствуют цвета и alphas элементов. Значения коэффициентов в массиве указать центра градиента, на которых каждый цвет имеет чисто. Диапазон значений для коэффициентов должна быть от 0 (слева точки в линейной заполнения, или внутренность смысла радиальным заполнения) до 255 (rightmost или удаленный).

матрица
Объект со следующими свойствами:

matrixType
Это значение всегда должно быть "окно".

x
В х координата в нижнем левом углу уклона.

у
В координации и в нижнем левом углу уклона.

ширина
Ширина уклона в пикселях.

высота
Высота уклона в пикселях.

р
Ротация градиента в радианах (не градусов).

Вот пример, который использует линейный градиент для заполнения прямоугольника:

  / / Включить используя методы, которые необходимы для drawRectangle () метод.  # включить "DrawingMethods.as" 

  / / Определить ширину и высоту прямоугольника, который можно сделать и заполнению.  rectWidth = 100; rectHeight = 200; 

  / / Создайте пустой клип, в который мы будем использовать форму.  _ root.createEmptyMovieClip ( "shape_mc", 1); shape_mc.lineStyle (3, 0, 100); 

  / / Создать массив цветов RGB значения для синего, зеленого и красного.  цвета = [0x0000FF, 0x00FF00, 0xFF0000]; 

  / / Создать alphas массив, в котором цвета - 100% непрозрачной.  alphas = [100, 100, 100]; 

  / / Создать массив, где соотношение чистой голубой находится на левом краю градиента, чисто / / зеленого в центре, и чистый красный на правый край.  соотношение = [0, 127,5, 255]; 

  / / Создать матрицу объекта.  Установить х и у координат так, что снизу - левый / / угол уклона линии с нижнем левом углу прямоугольника.  Установить / / ширина и высота градиента соответствовать прямоугольника.  матрица = (matrixType: "ящика", х: - rectWidth / 2, у: - rectHeight / 2, том числе: rectWidth, ч: rectHeight, р: 0); 

  / / Call beginGradientFill (), с тем, что прямоугольник будет / / заполняться с линейным градиентом.  shape_mc.beginGradientFill ( "линейная", цвета, alphas, коэффициенты, матрицы); 

  / / Рисует прямоугольник с закругленными углами (требует DrawingMethods.as).  shape_mc.drawRectangle (rectHeight, rectWidth, 10); 

  / / Конец заливки.  shape_mc.endFill (); 

Заметим, что endFill () метод используется для окончания рисования начали операцию либо beginFill () или beginGradientFill ().

Вот пример с радиальным, градиента заполнения использоваться для заполнения эллипса:

  / / Включить используя методы, которые необходимы для drawEllipse () метод.  # включить "DrawingMethods.as" 

  / / Определить ширину и высоту эллипса, которое можно извлечь и заполнить.  ellipseWidth = 100; ellipseHeight = 200; 

  _ root.createEmptyMovieClip ( "shape_mc", 1); shape_mc.lineStyle (3, 0x000000, 100); 

  / / Создать цветов, alphas, и коэффициенты массивы для белого и черного, как 100% непрозрачной.  / / Чистый белый начинается в центре и классов в чисто черный на внешней границе.  цвета = [0xFFFFFF, 0x000000]; alphas = [100, 100]; соотношение = [0, 255]; 

  / / Определить матрицу объекта.  матрица = (matrixType: "ящика", х: - ellipseWidth / 2, у: - ellipseHeight / 2, том числе: ellipseWidth, ч: ellipseHeight, р: 0); 

  / / Начало радиальной заполнения.  shape_mc.beginGradientFill ( "радиальная", цвета, alphas, коэффициенты, матрицы); 

  / / Рисует эллипса (требует DrawingMethods.as).  shape_mc.drawEllipse (ellipseWidth / 2, ellipseHeight / 2); 

  / / Конец заливки.  shape_mc.endFill ();