Грант Скиннер выложил для скачивания простой компонент, позволяющий отслеживать в реальном времени количество расходуемой приложением оперативной памяти и частоту смены кадров. Скачать архив с SWC-файлом компонента и примером его использования в виде FLA-файла можно отсюда. Flash Lite разработчики, в свою очередь, для выполнения подобных измерений в своих приложениях, могут воспользоваться инструментарием Oxygen Flash Lite Developers Kit.
Журнал о Flash, Flex, AIR, Grails и разработке Rich Internet Applications в условиях, приближенных к реальным
Внимание!
Данная опция будет доступна только после того, как вы авторизуетесь.
Началось бета-тестирование компонентов «LiquidComponents»
На прошлой неделе началось открытое бета-тестирование набора компонентов «LiquidComponents», о выходе альфа-версии которого уже писалось в Garbage Collector-е. Сейчас для тестирования выложено четыре компонента: LiquidButton, LiquidCheckBox, LiquidRadioButton и LiquidTextInput.
С момента показа возможностей альфа-версии было сделано одно важное изменение в архитектуре компонентов — теперь они расширяют стандартные UI-компоненты, поставляемые совместно с Flash CS3, что позволяет:
- Использовать их в любом контексте, предполагающем работу с компонентами пользовательского интерфейса Flash CS3;
- В случае возникновения затруднений, использовать для консультаций документацию по стандартным компонентам Flash CS3 по любым темам, кроме скинования (поскольку стандартные компоненты не скинуются). Документация по возможностям скинования LiquidComponents сейчас находится здесь.
— «Зачем нужны эти компоненты, если есть Flex-фрэймворк?» — спросите вы. Затем, что частенько в разрабатываемом AS3-проекте нужно задействовать лишь небольшое количество компонентов пользовательского интерфейса. Типичный жизненный пример: форма авторизации, состоящая из парочки текстовых полей, чекбокса «Запомнить меня на этом компьютере» и кнопки «Вход». Тащить весь Flex Framework в приложение, только из-за трех типов компонентов, и увеличивать вес приложения на 300 kB — мягко говоря, не очень умное решение. Использовать стандартные компоненты, поставляемые с Flash CS3 тоже не желательно из-за их не самого стильного внешнего вида, который ни каким способом нельзя изменить. И вот тут-то на выручку придут компоненты из набора «LiquidComponents», которые изначально сделаны таким образом, что процесс скинования в них очень прост и удобен.
Чтобы стать участником тестирования, достаточно:
Yahoo! Maps API на ActionScript 3.0
Yahoo! зарелизили сегодня бета-версию нового компонента Map API, написанного на ActionScript 3.0, который позволяет очень быстро и просто налаживать взаимодействовие с API картографического сервиса от Yahoo!.
Для примера, вот такой виджет:
создается буквально следующими тремя строчками кода:
Actionscript:
-
import com.yahoo.maps.api.YahooMap;
-
var yahooMap:YahooMap = new YahooMap("AppID", stage.stageWidth, stage.stageHeight);
-
this.addChild(yahooMap);
Ссылки по теме:
- страница для получения AppID;
- официальная страница компонента;
- примеры работы компонента Yahoo! Maps API;
- документация по классам компонента.
Теги: ActionScript 3, Компоненты
Бета-релиз Degrafa
Degrafa framework — это декларативный графический фреймворк, имеющий продвинутую поддержу CSS, позволяющий при помощи MXML-разметки рисовать геометрические фигуры, сложную составную графику, создавать скины.
В качестве примера приведу MXML-код, который прорисовывает круг с голубой заливкой и белым контуром:
XML:
-
<?xml version="1.0" encoding="utf-8"?>
-
<mx :Application xmlns:mx="http://www.adobe.com/2006/mxml"
-
layout="absolute"
-
backgroundGradientColors="[#333333, #222222]"
-
xmlns:degrafa="com.degrafa.*"
-
xmlns:paint="com.degrafa.paint.*"
-
xmlns:geometry="com.degrafa.geometry.*" viewSourceURL="srcview/index.html">
-
-
<degrafa :Surface verticalCenter="0"
-
horizontalCenter="0">
-
-
<!-- Создаем заливку. -->
-
</degrafa><degrafa :fills>
-
<paint :SolidFill id="blue"
-
color="#62ABCD"/>
-
</degrafa>
-
-
<!-- Создаем обводку. -->
-
<degrafa :strokes>
-
-
<paint :SolidStroke id="white"
-
color="#FFFFFF"
-
alpha="1"
-
weight="3"/>
-
-
</degrafa>
-
-
<!-- Создаем геометрическую группу. -->
-
<degrafa :GeometryGroup>
-
-
<!-- Создаем круг. -->
-
<geometry :Circle fill="{blue}"
-
stroke="{white}"
-
radius="150"/>
-
-
</degrafa>
-
-
-
</mx>
Ссылки по теме:
- официальный сайт проекта;
- страничка для загрузки SWC и исходных кодов фреймворка (исходники будут добавлены в течении нескольких дней);
- раздел с документацией (документация будет обновлена и дополнена в течении этой недели);
- раздел с примерами;
- Degrafa Google Group.
Релиз AsWing GuiBuilder 1.0 и скин Orange LAF
Вышел релиз первой версии AsWing GuiBuilder — AIR-приложения, позволяющего выстраивать интерфейсы будущих Flash/Flex/AIR приложений на основе GUI фреймворка AsWing 1.2. Конечно, юзабилити инструмента еще нужно доводить до ума, но все равно радует, что такой инструмент уже появился. Думаю, что разработчики продолжат совершенствовать его в дальнейшем.
Кроме того фреймворк AsWing пополнился и новым скином — Orange LookAndFeel, который выглядит довольно привлекательно. Архив со скином, а также инсталлятор AsWing GuiBuilder вы можете скачать в Download List проекта.
haXe и компоненты CS3
Как в haXe работать с компонентами CS3? А очень просто! Причем, если в качестве редактора кода использовать FlashDevelop, то можно также заполучить и такие прелести как автокомплит кода по классам, входящим в состав компонента. Как все это настроить, рассказывает silin в статье «Работа с компонентами CS3» на сайте haXe.ru.
Теги: haXe, Компоненты
Набор компонентов «Liquid Components»
На ByteArray.org вниманию сообщества был представлен новый набор UI компонентов для Flash CS3 под названием «Liquid Components».
Набор «Liquid Components» предназначен для Flash-разработчиков, которые хотят использовать полностью скинуемые компоненты в их веб-сайтах, играх или RIA-приложениях.
Механизм скинования основывается на простом правиле: один компонент — один PNG файл (или другой формат растрового изображения). Большинство характеристик может быть взято из PNG файла:
- состояния компонента;
- размеры компонента;
- сетка растяжения компонента;
- цвета текста для каждого из состояний.
«Liquid Components» делает процесс смены скинов во время работы приложения очень легким, потому что он основан на загрузке растровых изображений. Это позволяет:
- загружать и применять скины на этапе выполнения приложения;
- модифицировать скины на этапе выполнения приложения.
Кроме того, вместе с набором поставляется специальный инспектор компонентов для Flash IDE. Благодаря этому, дизайнеры могут работать с внешним видом компонентов без написания кода. Список возможностей, предоставляемых Liquid Components inspector:
- вкладка для работы с набором «Liquid Components»;
- возможность копирования-вставки параметров;
- рекурсивный предпросмотр компонентов;
- показ в виде ComboBox-а ассоциированного с объектом содержимого библиотеки.
Другие возможности набора «Liquid Components»:
- API компонентов в стиле Flash CS3;
- растровые иконки для каждого из состояний;
- возможность установки нового стиля вызовом
setStyle(), а так же при помощиget/setметодов; - поддержка растровых шрифтов;
- составная архитектура компонентов:
myScoller.getScollerButton(); - поддержка предпросмотра в Flash CS3.
Набор компонентов «Liquid Components» не будет Open Source, но лицензия на него обойдется вам всего в 1$. Набор компонентов «Liquid Components» не будет Open Source, но будет распространяться совершенно бесплатно. Релиз намечается на 2008 год, но закрытое альфа-тестирование уже производится. Желающие присоединиться к тестированию должны сообщить об этом, написав письмо на didier [Ксения Собчак] bytearray.org.
Статьи про разработку компонентов
В Adobe Flash Developer Center опубликована очень объемная, состоящая аж из целых девяти частей, статья о создании компонентов и работе с ними в среде Flash CS3. Беглый осмотр статьи показал, что о ней стоит упомянуть в блоге.
Кстати, вот вам еще одна ссылка на отличнейшую статью о разработке Flex 2 компонентов (PDF, 279 кб), в которой разъясняются базовые понятия и механизмы работы Flex 2 фреймворка, без знания и понимания которых просто не возможно разработать ни один достаточно сложный и функциональный Flex 2 компонент.
