Home | Flex and Flash | Frameworks | Gaia | Gaia Framework. Делаем первый проект.

Gaia Framework. Делаем первый проект.

Font size: Decrease font Enlarge font
image

First project on Gaia. Первые шаги.

В предыдущей статье мы установили фреймворк, теперь же пора приступить к разработке нашего первого проекта!
Сделаем демо проект в котором посмотрим как работает навигация, рассмотрим site.xml.

1. Откроем панель управления Gaia и создадим новый проект нажав на кнопку Create AS3
2. Укажем имя проекта (например Demo project) и выберем папку, где фреймворк создаст все необходимые файлы.
3. В свитке Version при необходимости обновим версии, затем укажем свойства проекта.
4. В Folder paths нужно прописать пути расположения наших .fla, .swf, .as файлов, я сделал это таким образом:
    Flash files - src
    Publish folder - bin
    Classes - src/classes
    bin/xml/site.xml - xml - оставим таким же
После этого нажимаем Create new project и Gaia создаст файлы проекта и мы переместимся на вкладку Scaffold.
5. Gaia использует XML для определения структуры нашего сайта, этим файлом является site.xml расположенный в папке bin/xml/site.xml.
По умолчанию он выглядит так.

А мы добавим в него пару страниц contact и about - новый xml и нажмем Scaffold project. После этого Gaia Scaffolding создаст все .fla файлы, которые были описаны в site.xml, отобразит их в Publish Panel, создаст классы для каждой страницы. Вкладка Publish станет доступной и в ней, в дереве мы увидишь наши созданные .fla файлы, которые можно оттуда открывать.
Кнопка Test Project скомпилирует все файлы, для запуска проекта нажимаем main.fla. 

Вот мы и увидим наш первый проект в действии, однако у нас серый бекграунд с надписью Gaia Framework Scaffold, также мы видим меню. Это все Scaffold.
Нажав на правую кнопку мыши, можно увидеть меню навигации по страницам.
Чтобы убрать Scaffold надо закомментировать или вообще удалить (если не предполагаем добавлять еще страниц в site.xml) строку new Scaffold(this); в классах страниц, включая и nav, index, preload.

Меню, появляющееся при клике правой кнопкой мыши настраивается в файле site.xml, каждому узлу можно установить параметр menu="true" (или false для отключения) для отображения в навигационном списке.

Скомпилируем еще раз все файлы (Test Project), после того, как убрали Scaffold. Теперь видно что серый бекграунд и надпись убралась, все нормально.

На этом пока все, в продолжении рассмотрим более подробно файл site.xml!

Comments ( posted):

Post your comment comment

Please enter the code you see in the image:


  • email Email to a friend
  • print Print version
  • Plain text Plain text
Tags
No tags for this article
Rate this article
0