Введение в контейнеры

Закончил перевод новой статьи FlexWiki - "Введение в контейнеры". Рассмотрены способы добавления и удаления элементов в контейнерах, системы координат контейнеров, события контейнеров, использование скроллбаров.

Использование Flex 2 и AMFPHP

Перевел летнюю статью Майка Поттера о работе с PHP из Flex 2 через AMFPHP.
А тем временем вышла бета AMFPHP 1.9, поддерживающая json, xml-rpc, amf3. Сервис-браузер теперь на флексе. Примеры работы с AMFPHP можно скачать на гугловской страничке проекта.

Первое Fisix приложение

Недавно я писал про альфа-релиз движка Fisix. Вот перевод вводного урока по его использованию.

Flex-девелоперы, терпите, ваше время - 2008 год...

Яков Файн, прослушав финансовый отчет от Адоби сделал маленький обзор:
- на данный момент прибыльными являются продукты из Creative Suite;
- Acrobat вообще рабочая лошадка;
- LiveCycle является победителем в enterprise-секторе;
- Flash Lite рулит на мобильных девайсах;
- прибылей от Flex и Apollo ожидают в 2007 году.

Поэтому флексеры вольются в мейнстрим только к 2008 году, а значит сейчас самое время учиться.

P.S. Интересно, в России кто-нибудь имеет доходы от этого? Не считая работу с забугорными закзчиками.

Вышла альфа 2d движка Fisix

Движок реализован на ActionScript 3. Скачать можно отсюда.
Примеры:
Mona the Ragdoll
Bike Game
Boxes Demo
Hourglass

Несколько уроков:
Первое Fisix приложение
Работа с Fisix в FlashDevelop
Партиклы
FisixObject
Мануал по Fisix

Думаю, скоро переведу.

Компонент FileUpload

Coding cowboys причесали свое приложение по загрузке файлов и выпустили компонент FileUpload (исходник).

Как правильно переносить текст в ячейке DataGrid

Брюс Филлип недавно потратил целых полтора часа на поиск решения проблемы правильного переноса в DataGrid.

Суть проблемы в следующем. Текст в ячейке с атрибутом wordWrap=true будет переноситься в остальных рядах, только если он переносится в первом. Посмотрим на следующий пример. Измените ширину правой колонки Title так, чтобы текст ячейки не требовал переноса, затем перейдите туда и обратно, чтобы обновить вид. При этом, если следующие ряды требуют переноса, то его не будет и текст просто обрежется. Если же текст первой ячейки переносится изначально, то все остальные будут переноситься тоже. То есть никакой wordWrap не поможет...

А поможет нам variableRowHeight = true!

Papervision3D - примеры использования

Papervision3D - 3D движок для Flash 8/9 проектов. Как заявляют разработчики, он отличается легкостью применения и высокой производительностью. Примеры его использования мягко говоря впечатляют:
раз, два, три, четыре и пять (с Flex'ом).



Ссылки по теме:
Страница на OSFlash
Блог разработчиков
Email лист

Исходников пока нет, но обещают в декабре.

Первая часть урока Flex Cairngorm/WebORB Issue Tracker

Дерек начал выкладывать урок по созданию Flex Cairngorm/WebORB Issue Tracker приложения. Я начал его переводить.

Переходы между цветами

Даррон Шелл выложил пример создания так называемых Color Transitions.

Примеры по скинованию Flex-приложений

Эндрю Трайс выложил в довес к своей презентации по скинованию несколько примеров скинования с исходниками, в числе которых использование scale9, изображений при скиновании, программного создания скинов и др. Загрузить весь код можно отсюда. Посмотреть работу можно со страницы оригинального поста.

Эмуляция repeat-x/repeat-y для фона Flex-приложения

Чтобы создать дублируемый фон для приложения можно использовать заливку beginBitmapFill для заведомо большого прямоугольника, который будет играть роль фона. Посмотреть можно здесь. Исходники там же.

Просмотр сгенерированного из MXML-приложения AS кода

Как известно, Flex при компиляции создает из MXML-кода ActionScript. Просмотреть созданный код можно, задав параметр компиляции -keep-generated-actionscript в свойствах проекта в разделе Flex Copmiler. Теперь при компиляции будет создана папка generated, где будет расположен весь код.

Интеграция WPF/E и Flash

Ли Бримлоу выложил пример интеграции Flash и WPF через JavaScript и исходники.

Использование mx:Metadata для задания стилей компонентов

Я уверен, что вы умеете создавать пользовательские компоненты во Flex и применять к ним CSS. Но знаете ли вы, что можно использовать стили компонента для задания стилей элементов, находящихся внутри этого компонента?

Давайте взглянем на пример. Здесь расположены два компонента (example 1 и example 2). Это два экземпляра компонента "MXML_Example". Да, выглядят они по разному, но родитель у них один. Каждый "MXML_Example" сожержит mx:Panel, mx:TextArea и mx:Button.

Посмотрим на исходный код компонентов:

<components:MXML_Example width="{(width/2)-20}" left="10" top="80" title="Example 1" styleName="example1" height="200" />
<components:MXML_Example width="{(width/2)-20}" right="10" top="80" title="Example 2" styleName="example2" height="200" />

Разница лишь в атрибуте styleName.

Давайте посмотрим на исходный код компонента "MXML_example". В теге mx:Metadata можно увидеть определения трех стилей.

<mx:Metadata>
[Style(name="panelStyleName", type="String", inherit="no" )]
[Style(name="buttonStyleName", type="String", inherit="no" )]
[Style(name="textAreaStyleName", type="String", inherit="no" )]
</mx:Metadata>

По наступлению события creationComplete эти стили применяются к компонентам внутри "MXML_Example".

private function onCreationComplete() : void
{
panel.styleName = getStyle("panelStyleName");
button.styleName = getStyle("buttonStyleName");
textArea.styleName = getStyle("textAreaStyleName");
}

А вот и сам CSS:

.example1
{
panelStyleName:"panel1";
buttonStyleName:"button1";
textAreaStyleName:"textArea1";
}
.example2
{
panelStyleName:"panel2";
buttonStyleName:"button2";
textAreaStyleName:"textArea2";
}

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

Открыть в новом окне
Посмотреть исходный код
Скачать исходный код

Статья

Еще одна реализация paging в DataGrid

Некто Gurufaction, вдохновленный постраничной прокруткой данных в DataGrid предложил свой пример решения данного вопроса.

Выложены исходники Flex/RoR конвертера изображений

Derek Wischusen выложил исходники Flex/RoR конвертера изображений.