Пунктирная линия и динамическое рисование в ActionScript 3.0

Думаю вам известно, что нарисовать пунктирную линию стандартными методами динамического рисования в ActionScript 3.0 нельзя. Как минимум, придётся писать собственную функцию для этого случая, что не очень и удобно. Впрочем, в сети уже есть решение для этого случая - класс DottedLine. Нельзя сказать, что это самое удачное решение, но оно работает. Давайте познакомимся с тем, как можно данный класс использовать в наших проектах.

Как всегда, начинаем с того, что подключаем к проекту сам класс DottedLine (идёт в комплекте с исходником, ссылка на который внизу данной статьи). В данном случае, класс и флеш-проект размещаются в одной и той же папке.

Код ActionScript 3.0:


import DottedLine;

Подключили. Теперь давайте создадим объект класса DottedLine и настроим его параметры.

Код ActionScript 3.0:


var dottedLine:DottedLine = new DottedLine(500, 2, 0x333333, 1, 10, 10);

Описание параметров по порядку их расположения:

1-й - общая ширина (длина) пунктирной линии;

2-й - общая высота пунктирной линии (к сожалению, класс DottedLine рисует только горизонтальные пунктирные линии, хотя никто не мешает нам их вращать);

3-й - цвет пунктирной линии;

4-й - прозрачность пунктирной линии (в диапазоне от 0 до 1);

5-й - ширина отрезков линии, которые и составляют пунктирный рисунок;

6-й - расстояние между отрезками пунктирной линии.

Последний этап - добавление нашей пунктирной линии в список отображения.

Код ActionScript 3.0:


addChild(dottedLine);

Естественно, мы можем изменять положение нашей пунктирной линии относительно осей координат.

Код ActionScript 3.0:


dottedLine.x = 25;
dottedLine.y = 25;

А теперь давайте объединим все наши разрозненные фрагменты кода в один законченный пример.

Код ActionScript 3.0:


/*
подключение класса
*/
import DottedLine;
/*
создание объекта и настройка его параметров
*/
var dottedLine:DottedLine = new DottedLine(500, 2, 0x333333, 1, 10, 10);
/*
добавление в список отображения
*/
addChild(dottedLine);
/*
позиционирование
*/
dottedLine.x = 25;
dottedLine.y = 25;

А вот то, что можно получить при разных настройках DottedLine: