Давно хотел написать об этой “фишке” во Flex 3, но руки не доходили. Как известно при создании нового проекта добрый Flex 3 создает папочку src в какую складывает AS и MXML. В процессе разработки, если мы используем внешние ресурсы, нам приходится указывать пути к ним с учетом уже того, что наши исходники лежат в папке, то есть к примеру – “../assets/icons/somesuperiormegaicon.png”. И на выходе мы имеем в папке bin наш swf и папки, но пути остались с “лишним ../”, из-за чего ресурсы не загружаются в приложение.. и приходится создавать папку в которую складываешь сам swf дабы сохранить пути рабочими…
Вопрос знатокам, как можно починить этот не приятный момент ?
Archive for the ‘Flex’ tag
Внешние ресурсы во Flex 3 приложениях или напильник при компиляции :)
Головная боль при скиновании во Flex 3 от Adobe
В процессе глубокого дебага скинов на проекте с использованием Flex 3 поймал грабли на том, что к примеру границы у PanelTitle не хотел быть как и прежде и Accordion не “поднимает” значения атрибута selectedFillColors. Если честно была озадаченность в мозгах и поиски каких-то косяков с нашей стороны, но все оказалось намного проще, на первый взгляд
Оказывается что Adobе, в процессе изменения SDK для Flex 3, решили добавить флаг для компилятора -compatibility-version, указав который мы насильно заставляем наше Flex приложение, разработанное с использованем SKD для Flex 3, использовать поведение некоторых UI компонент из старого доброго SDK 2.0.1 На Adobe Labs есть описание флага и различий между SDK, а также заметки о том где пользователь наступит на грабли.
Вот такие пироги…
Таки решился.
В свете бурных обсуждений о Silverlight и что с ним делать, я таки решился взять и попробовать сделать на нем часть реального проекта, который был сделан на Adobe Flex 2. И делится опытом и тем, что и как. То есть, это будет своеобразный обзор технологии и процесса разработки с ее использованием.
В обзор войдут:
- Expression Design – своего рода “убийца” фотошопа Векторного графичеcкий редактор для дизайнерчегов.
- Expression Blend – как я понял это переходник “от дизайна к UI” хотя и тут можно пытаться что-то рисовать.
- Silverlight – собственно сам “убийца” флеша и флекса .
Начну я свой поход с Expression Design.
Вот. Вообщем следите за новостями
Подарок от Flex 3 Import Webservice.
Введение для тех кто не в курсе еще. В новом Flex 3 builder добавили возможность импорта веб-сервисов. То есть, задаем URL к нужной WSDL, выбираем какие методы мы хотели бы использовать, как назвать главный класс и куда это все добро генерировать. В теории очень красиво и хочется радоваться жизни и т.п.
Но, на практике мы имеем следующее:
- не всегда хорошо все импортируется (это пол беды, можно немного набраться терпения и все будет ок);
- не прикручивается если проект на Flex 2 SDK ( у меня не получилось по крайней мере);
- создается просто огромнейшее кол-во классов с трудно читаемым содержимым;
- и самое главное, это размер приложения вырастает довольно ощутимо, на 100kb+. В начале думал, что так и надо, мол много UI элементов юзаю, отсюда и размер. Но оказывается что Adobe генерирует классы для работы с веб-сервисом, используя Cairgorm framework, втихаря подключая библиотеку, отсюда и имеем + размер.
Вопрос, зачем Adobe используют Cairgorm, ведь в Flex SDK предостаточно инструментов для работы с веб-сервисами ?
Мой итог: нафик это стрёмное дело, лучше буду писать по старинке руками и буду знать что у меня там творится.
Adobe Flex 2 Developer Exam
Adobe Flex 2 Developer Exam базируется на основных задачах которые приходится решать Flex разработчику. Чтобы пройти сертификацию, необходимо успешно сдать экзамен состоящий из примерно 65 вопросов, на которые может быть несколько ответов. Сдать его можно в следующих тест центрах:
Более подробная информация на Adobe DevNet: DevNet Article.
Стоимость экзамена 150$, в принципе не такие уж и большие деньги, я уже подумывю над прохождением сего экзамена.
Adobe Developer Connection
Пересматривал недавно свои подписки на блоги, и откопал интерестный пост у Michele Miscellaney.
Пост о том что Adobe запустил новую версию сайта Adobe Developer Connection.
После регистрации можно будет получить:
- ADC IntroNetwork – Социальная сеть для разработчиков. Поиск разработчиков по технологиям или по опыту работы. Общение между разработчиками, заказчиками и партнерами. Найти людей к который на стене висит сертификат от Adobe.
- Newsletters – Последние новсти с фронтов проектов и технологий.
- Developer Desktop – AIR приложение для Flex работяг. Следим за обновлениями и баг листами. Плюс обещают еще в скором времени какие-то вкусняшки.
- O’Reilly book discount – Купи две книги от O’Reilly, и получи третью в подарок + бесплатная пересылка. Акция ограниченна, так, что возможно уже все пряники кончились.
- Критикуй и комментируй чужие решения и делись своими для Flex и Dreamweaver.
- Developer forums – Ну тут все понятно
Также сайт заяряжен кучей информации и контентом для Flex, Flash и HTML/Ajax разработчиков, который мечтают о работе над AIR приложениями.
[UPD] Плюс Adobe скоро запустит запустил сайт Adobe AIR Marketplace, который является частью Adobe Exchange, и нацелен на то чтобы разработчики хвастались своими приложениями и возможно зарабатывали на них на хлебушек.
AIR: HTML редактор с возможностью превью
Майк Чамберс (Mike Chambers) в очередной раз не жадничает. И дает ссылку на простой HTML редактор, в котором можно делать live-превью вашего HTML кода. Редактор Майк сообразил на AIR. Само приложение является частью доклада об AIR на Flash on the Beach.
Приложеньице демонстрирует:
- Использование API для работы с файловой системой, в частности записи результатов;
- Использование HTML виджета для отображения HTML кода;
- Использование API для работы с окнами в ОС, в частности выбрать-сохранить;
Исходники с комментариями Майк разместил в репозитории “on AIR Tour” или можно за ними направляться прямо сюда.
Мини-пост о производительности Flex 3 Builder
Работая в Flex 3 Builder, можно заметить ощутимое притормаживание при авто-импорте классов, и чем больше импортов уже имеет класс тем хуже становится билдеру, бывало задумывался до 3-4 секунд. Корень проблем зарыт в настройке билдера, в частности в опции “Keep imports organized”.
Эта опция заставляет несчастный билдер при каждом импорте не только сортировать строчки в хедере, но еще и проверять на использование того или иного импорта (к стати иногда он у меня грохал свежие импорты как ненужные). Но это все мелочи
Как вылечить смотрим тут:
Просмотр классов из SWC во Flex Builder 3.
Продолжаем тему о Flex 3 Builder, и его “тонкостях”. Сейчас расскажу о том, как просматривать исходники своих собственных SWC по F3 или Ctrl+Click. Итак
Для того чтобы иметь возможность работать с исходниками подключенных к проекту библиотек нужно, при подключении библиотеки задать значение свойству библиотеки Source attachment. И все Это не хитрое действие позволит вам не только смотреть на свои классы, но и ходить по ним в процессе дебагинга.
Решаем отсутствие org.eclipse.jdt.core во Flex 3 Builder.
После установки билдера от Flex 3 beta 2 я начал доводить его до рабочего состояния, и на первом же этапе, при установке Subclipe меня обругали и попросили org.eclipse.jdt.core. Не долго мучаясь, времени было в обрез на любование новой штукой, я обновил практически весь Eclipse, и потом поставил все что мне нужно. Но минус в таком способе такой, что с нужной нам org.eclipse.jdt.core ставится куча разного хлама который мешает жить и еще плюс ко всему лезет в help
Но нашёл более правильное решение, уже дома не спеша, без глобализма так сказать.
Делаем так:
Help > Software updates > find and install > search for new features to install > Europa Discovery Site ( тут убираем галку с “ignore features not applicable to this environment” > (выбираем откуда качать) > Java Development > Eclipse Java Development Tool 3.3.1.
Вот собственно и все. Дальше можно уже ставить свои плагины без проблем.
ps. надеюсь я не последний до этого додумался