silentroach 16 июн 2008 в 05:14

Делаем красиво в AdobeAIR с ExtJS

4 мин

1.5K

IT-компании

+32

Комментарии 49

quard 16 июн 2008 в 05:43

добавьте пожалуйста в блог Adobe AIR.

и ещё, на сколько я помню, у ExtJS есть своя реализация окна для работы с Adobe AIR, не помню точно как называется :(

silentroach 16 июн 2008 в 07:01

1. кармы не хватает =)
2. Ext.air.NativeWindow вроде как. Но это просто нативное окно, не то, что нам нужно.

aleks_raiden 16 июн 2008 в 07:44

Отличная статья! Кстати, может создать блог по ExtJS на хабре? пошёл создавать, а то для других есть..

НЛО прилетело и опубликовало эту надпись здесь

silentroach 16 июн 2008 в 07:50

а это не нарушит какой-нибудь лицензионной политики ExtJS ?
если нет, то вечером после работы сделаю пакет и выложу.

silentroach 16 июн 2008 в 19:21

в конце поста добавил ссылку на скачивание получившегося пакета.
на свой страх и риск =)
сорри за такой размер — искать только нужные компоненты ExtJS лениво, поэтому там вся библиотека.

НЛО прилетело и опубликовало эту надпись здесь

silentroach 16 июн 2008 в 08:09

Если честно, не понял вопроса. По-подробнее, пожалуйста.
о том, что такое AdobeAIR можно почитать здесь, а о том, что такое ExtJS — здесь.
AIR — платформа, ExtJS — javascript-фреймворк.

НЛО прилетело и опубликовало эту надпись здесь

collapse 16 июн 2008 в 08:31

Не понимаю зачем делать окно в AIR при помощи ExtJS когда можно сделать это самим AIR?
Это то же самое что писать HTML страницу с единственным скриптом, который через AJAX получает ВЕСЬ контент страницы и потом парсит его и пихает в DOM.

collapse 16 июн 2008 в 08:31

Под AIR я имею ввиду FLEX фреймворк и AS3

silentroach 16 июн 2008 в 08:37

Flex — это Flash, а здесь мы немного другое рассматриваем, если Вы не заметили ;)

collapse 16 июн 2008 в 09:06

Flex - это AS3 фреймворк между прочим. а AS3 - более богатый по возможностям язык чем JS. Вы рассматриваете как на танке ездить на охоту. Господа, создать окно подобное этому на AIR дело 2-х минут. И при этом скомпиленое приложение будет потреблять намного меньше ресурсов чем вирт машина JS.

silentroach 16 июн 2008 в 09:17

Я хочу сказать что полученное приложение с использованием Flex будет swf.
гляньте в Adobe AIR SDK файлик AIR_aliases.js (могу путать название, извините, у меня с собой SDK нет). и увидите что в JS доступен Ваш любимый AS3. И да, без него приложения на JS действительно делать было бы мало толку.
Создавайте на Flex все, что хотите. В этом топике описано использование Adobe AIR не со стороны Flex, и я ни разу не сказал в топике то, что приложение на JS будет быстрее.
Какой-то Вы агрессивный ;)

collapse 16 июн 2008 в 09:30

Приложения на AS3 + Flex компилируются в swf и air. И webkit доступен только на AIR.
"и я ни разу не сказал в топике то, что приложение на JS будет быстрее." - вы это сказали 3-мя постами ниже.
Я не агрессивный - просто хочу вам доказать что построение такого приложения не имеет смысла, хотя бы по соображениям производительности. Да на платформы можно интегрировать, но для таких целей это не имеет смысла.

silentroach 16 июн 2008 в 09:39

я думаю, при компиляции в air, внутри пакета будет swf и страничка, с которой он будет отображаться.
построение приложения ради создания простого окна — действительно не имеет никакого смысла кроме образовательного. это уж извините.
гляньте ReadAIR, Snippely, к примеру. Это — приложения на JS в AIR.

collapse 16 июн 2008 в 09:46

Я очень рад что есть такие приложения. Пока они есть у меня всегда будет работа по созданию RIA :)

silentroach 16 июн 2008 в 09:50

ну вот и мирно закончили дискуссию, оставшись при своих мнениях.

return 11 июл 2012 в 08:09

прошло 4 года, умерли обе технологии :)

zupernintendo 16 июн 2008 в 08:34

вот вот
идиотизм какойто

silentroach 16 июн 2008 в 09:29

Если обзываете меня идиотом, то хотя бы обоснуйте, пожалуйста ;)

silentroach 16 июн 2008 в 08:39

А Вы сравните нативное окно, сделанное средствами AIR с тем, что у нас получилось с использованием ExtJS.
Тут описывается только создание окна. ExtJS может очень многое и может это очень красиво. Просто если что-то делать средствами ExtJS в нативном окне — это будет не так красиво, как было бы в окне, котором мы в этом топике создали.

collapse 16 июн 2008 в 08:49

Ну скинование еще не кто не отменял + платформа поддерживает CSS уровнем выше чем webkit. А использовать всю мошь AS3 только чтобы запустbть webKit и в нем JS... не лучшая идея.

silentroach 16 июн 2008 в 09:00

скинирование никто не отменял, естественно. яркий тому пример — этот топик.
а насчет идей — мне, если честно, вообще flash не очень нравится. из-за тормознутости, невозможности (иногда) что-то выделить, проблем со шрифтами и прочего.
а вот сделать нормальное приложение на JS вполне реально. Которое будет и быстрее и уступать по внешнему виду не будет.

Я этим топиком не внушаю всем то, что нужно писать под AdobeAIR приложения исключительно на html + js. Если Вам нравится Flash — пишите на нем, разве я запрещаю?

collapse 16 июн 2008 в 09:09

То есть вы хотите сказать что например таблица с 10000 записей будет сортироваться в ExtJs быстрее? :)

silentroach 16 июн 2008 в 09:18

Нет, я хочу сказать что визуальная часть flash притормаживает часто.
Правда, может, это только у меня с моим уже древним Core2Duo.

silentroach 16 июн 2008 в 09:19

да, показывать табличку в 10000 записей — это бред какой-то.
отсортировать можно через SQL вроде как.

stoune 16 июн 2008 в 08:38

Всё это очень хорошо, но лицензия его для комерческого использования денег стоит. Я для своего хомяка YUI лучше попробую, денег итак за него не заработаю.

silentroach 16 июн 2008 в 08:42

не, для хомяка ExtJS — это перебор, конечно. весит-то порядочно, да и денег стоит.
а вот в AdobeAIR — почему бы и нет. если на этом зарабатывать деньги, конечно.
да и просто поиграться с этим фреймворком действительно интересно.

stoune 16 июн 2008 в 08:57

да для меня веб-разработка хобби , професионально этим заниматься, не моё это. Google App Engine взялся попробовать только изза того что халявный хостинг на моём любимом языке (Python).

el777 16 июн 2008 в 13:24

Он вроде бесплатный для некоммерческого использования? Или я что-то путаю?

silentroach 16 июн 2008 в 13:32

да фиг разберет их лицензионную политику.
я не очень в нее вдавался, если честно.

klierik 16 июн 2008 в 14:15

хмъ... спасибо автору статьи за потраченное время на ее написание...

Мне вот стало интересно, на выходе в конечном результате кто именно генерирует код? Adove или ExtJS?

Дело в том что ExtJS генерирует код в режиме QuirksMode, а осбственно ето не стандарты, которые хотелось бы видеть в сей день.

С дургой стороны, многие поинтересуються, как ExtJS, столь мощная основа для написания веб-приложений, может отходить от стандартов и писать на "чистом" без Доктайпа?

Дело в том что Без! доктайпа код рендериться браузером семейства Internet Explorer на порядок быстрее, нежели с ним. А из этого вытекает, что приложение уже частично затачиваеться не под стандарт, что не есть хорошо.

silentroach 16 июн 2008 в 14:43

считайте что приложение открывается а браузере. будем считать что в Safari (хоть это и не так), так как используется WebKIT.
а DOCTYPE у Вас есть возможность задать в main.html, ведь все будет работать именно на этой странице. В данном случае, по крайней мере.

НЛО прилетело и опубликовало эту надпись здесь

silentroach 16 июн 2008 в 17:27

ну, есть ext-base.js (35 кб), а есть ext-jquery-adapter.js (15 кб).
ext-jquery-adapter — это ext-base, построенный с помощью jQuery.
если мы и так используем jQuery, то почему бы не работать через адаптер.

все это дело находится в папке adapter, в архиве с ExtJS (можно скачать с сайта).
порядок подключаемых модулей с разными библиотеками можно посмотреть в корне архива, файл INCLUDE_ORDER.txt.

НЛО прилетело и опубликовало эту надпись здесь

silentroach 16 июн 2008 в 18:00

не на многое. все и сразу (ext-all.js) весит 523 кб, весь css (ext-all.css) весит 80 кб, изображения для 3х стандартных тем — 451 кб. но все сразу не нужно, можно подключать небольшими кусочками =)

для обычных страниц ExtJS все же тяжеловат, а вот для adobeAIR — почему бы и нет?

НЛО прилетело и опубликовало эту надпись здесь

sgolubev 16 июн 2008 в 20:45

Ребят, а что вы находите проще для разработки RIA *для новичка*: тот же AdobeAIR с ExtJS или WPF/Silverlight?

silentroach 16 июн 2008 в 20:57

Silverlight я только видел. Ничего не могу сказать про то, насколько интересно и приятно под него писать.
Хороший критерий выбора — полноценная кроссплатформенность. Вряд ли оба ей похвастаются, но почему-то в Adobe я верю, а вот в Microsoft после их .NET'а — не очень.