поиск

Бета-релиз Degrafa

Намусорил: Юрий «Бармалей» Яровой
В категории: ActionScript 3, Flex 2, Новости

Degrafa framework — это декларативный графический фреймворк, имеющий продвинутую поддержу CSS, позволяющий при помощи MXML-разметки рисовать геометрические фигуры, сложную составную графику, создавать скины.

В качестве примера приведу MXML-код, который прорисовывает круг с голубой заливкой и белым контуром:

XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx :Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.                 layout="absolute"
  4.                 backgroundGradientColors="[#333333, #222222]"
  5.                 xmlns:degrafa="com.degrafa.*"
  6.                 xmlns:paint="com.degrafa.paint.*"
  7.                 xmlns:geometry="com.degrafa.geometry.*" viewSourceURL="srcview/index.html">
  8.  
  9.     <degrafa :Surface verticalCenter="0"
  10.                      horizontalCenter="0">
  11.  
  12.         <!-- Создаем заливку. -->
  13.         </degrafa><degrafa :fills>
  14.             <paint :SolidFill id="blue"
  15.                                 color="#62ABCD"/>
  16.         </degrafa>
  17.  
  18.         <!-- Создаем обводку. -->
  19.         <degrafa :strokes>
  20.  
  21.             <paint :SolidStroke id="white"
  22.                                 color="#FFFFFF"
  23.                                 alpha="1"
  24.                                 weight="3"/>
  25.  
  26.         </degrafa>
  27.  
  28.         <!-- Создаем геометрическую группу. -->
  29.         <degrafa :GeometryGroup>
  30.  
  31.             <!-- Создаем круг. -->
  32.             <geometry :Circle fill="{blue}"
  33.                                 stroke="{white}"
  34.                                 radius="150"/>
  35.  
  36.         </degrafa>
  37.  
  38.    
  39. </mx>

Ссылки по теме:



Kомментариев - 8 к «Бета-релиз Degrafa»

Rostislav Siryk [4 января, 2008 в 19:51]

Классная вещь! Говорят, с его помощью скинование флекс-приложений станет легче.

Юрий Яровой [4 января, 2008 в 20:16]

Действительно, очень интересный проект. Особенно порадовало, что фреймворк позволяет использовать такую замечательную вещь флекса, как связывание данных (data binding) прямо в MXML.

__i [5 января, 2008 в 17:43]

ЖЫР, особенно скинование! Интересно насколько оно гибкое )

BaRoN! [14 января, 2008 в 12:17]

Хорошо бы. Но хотелось бы конечно увидеть настоящие сложные скины на этой деграфе :-).

zinabnm [14 января, 2008 в 13:51]

Классно, слов нет! Ну а практическая ценность? На мой взгляд по сравнению с программным скинованием разница в простоте использования будет небольшой (надеюсь что размер скинов будет примерно одинаковый).

Андрей Горбатов [28 января, 2008 в 18:15]

имхо, простота использования и есть главный плюс. мне намного удобнее написать

XML:
  1. <stroke>
  2.       <solidstroke color="#cccccc" id="theStroke" weight="5"/>
  3. </stroke>
  4.  
  5. <geometry>
  6.     <horizontalline stroke="{theStroke}"
  7.                     x="0"
  8.                     x1="100"/>
  9. </geometry>

чем

Actionscript:
  1. var g:Graphics = graphics;
  2. g.clear();
  3. g.lineStyle(5, 0xcccccc);
  4. g.moveTo(0, 0);
  5. g.lineTo(100, 0);

А прикиньте какого дизайнеру?

al777 [15 февраля, 2008 в 12:51]

Мне проект понравился, порадовала простота использования.

WeRteR :) [26 июня, 2008 в 21:19]

Супер!

Написать комментарий:

 

Bы можете использовать следующие теги для форматирования: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



User's collector

Внимание!
Эта опция станет доступной только после того как вы авторизуетесь.


 запомнить меня 
Я новый пользователь

На правах рекламы

продажа, купить проектор Sony; Мойки KARCHER