Apple=))

Уряяяя! Я наконец то стал настоящим Ябловодом=) Осталось дождаться бесплатного OsX Lion и будет полное счастье=)

Скоро добавлю вторую часть по написанию ColorPicker на чистом AS3.

Читать дальше...

Color Spectrum Chart

Четыре вида спектра полностью на ActionScript3. Решил их выложить в отдельный пост, т.к. во второй части "ColorPicker на AS3" предстоит ещё много работы и не хочется захломлять.

Итак вот код использования SpectrumCharts сами спектры в исходниках:

Далее исходники:

Читать дальше...

Первый пост и сразу к делу. Простой ColorPicker на AS3 (Часть 1)

Приветствую всех кто зашел на мой блог и начал читать этот пост.
Я очень долго шёл к тому что бы завесть свой собственный блог. Как всегда, не хватало времени, да я и не знал чем я могу поделиться с массами. И вот я наконец то созрел.
Делая последний проект с рисовалкой я не смог найти замену стандартному ColorPicker'у для FlashDevelop. Были какие то компоненты, но они либо работали с Flash IDE либо их было непонятно как скачать. (Если кто то знает такие компоненты для чистого AS3, то напишите пожалуйта в коментах. буду очень признателен) И тогда я решил написать свой просто ColorPicker и поделиться им с народом (может кому то пригодиться).
Не судите строго, в первый раз пишу такой материал. Итак, начнём.

1. Для начала создадим новый проект во FlashDevelop.
2. Сождадим новый класс ColorPicker.as расширяющий класс Sprite и внесём нужные нам переменные

3. Добавляем слушатель добавления класса ColorPicker в stage.

4. Функцию init() обрабатывающую это событие.

Это нам пригодиться в будущем.
5. Теперь давайте добавим функцию interfaceInit() которая будет рисовать наш интерфейс.

6. Отрисовку интерфейса начнём с кнопки которую мы видим на панели инструментов, а именно при нажатии на которую будет показываться окно выбора цвета. В функции interfaceInit() добавим:

7. Далее добавляем отрисовку области выбранного цвета:

8. Теперь добавим фон и цветовой индикатор в нашу кнопку.

9. Что бы при наведении на кнопку, курсор мыши менялся, зададим параметры buttonMode и useHandCursor равным true

10. И наконец добавим нашу кнопку для отображения

В AS3 нет события клика мыши вне слушающего объекта, поэтому придётся пойти на хитрость и создадим прозрачный клип под всеми объектами нашего ColorPicker'а и при клике на него будем считать, что мы сделали клик вне нужного нам клипа.

11. Создаём наш прозрачный фон.

12. Теперь по аналогии с кнопкой создадим фон для окошка выбора цвета и добавим текстовое поле для отображения шеснадцатиричного значения выбранного цвета.

Теперь нам надо сдеалть сам спектр. Изображение спектра возьмём с сайта colortools.net.

Как вы уже наверно заметили здесь нет перехода от чёрного к белому цвету, предётся делать это самостоятельно, нарисовав под картинкой спектра градиент.
13. РИсуем градиент и добавляем его в наше окно выбора цвета

Вот мы и добрались до нашего цветового спектра. В этом уроке мы используем готовую картинку, но в ближайшее время я покажу как сделать такую картинку программно и к тому же несколько разных видов.
14. Добавляем нашу картинку и собираем всё в один клип.

15. И собираем всё наше окошко выбора цвета.

16. Теперь нам надо отрисовать в BitmapData полного спектра с серым градиентом вот таким образом:

15. Установим положение, добавим окно выбора цвета и сразу же скроем его задав параметр visible равным false, что бы оно не отображалось при добавлении нашего компонента.

16. Добавим слушателей:

17. Теперь добавим обработчики событий. Все действия прокомментированны.

Вот и всё. Использовать компонент очень легко:

В следующей части мы добавим параметры, несколько плюшек и будем создавать картинку спектра динамически с помощью ActionScript.

То что получилось и исходники:

Читать дальше...