Degrafa framework — это декларативный графический фреймворк, имеющий продвинутую поддержу CSS, позволяющий при помощи MXML-разметки рисовать геометрические фигуры, сложную составную графику, создавать скины.
В качестве примера приведу MXML-код, который прорисовывает круг с голубой заливкой и белым контуром:
-
<?xml version="1.0" encoding="utf-8"?>
-
<mx :Application xmlns:mx="http://www.adobe.com/2006/mxml"
-
layout="absolute"
-
backgroundGradientColors="[#333333, #222222]"
-
xmlns:degrafa="com.degrafa.*"
-
xmlns:paint="com.degrafa.paint.*"
-
xmlns:geometry="com.degrafa.geometry.*" viewSourceURL="srcview/index.html">
-
-
<degrafa :Surface verticalCenter="0"
-
horizontalCenter="0">
-
-
<!-- Создаем заливку. -->
-
</degrafa><degrafa :fills>
-
<paint :SolidFill id="blue"
-
color="#62ABCD"/>
-
</degrafa>
-
-
<!-- Создаем обводку. -->
-
<degrafa :strokes>
-
-
<paint :SolidStroke id="white"
-
color="#FFFFFF"
-
alpha="1"
-
weight="3"/>
-
-
</degrafa>
-
-
<!-- Создаем геометрическую группу. -->
-
<degrafa :GeometryGroup>
-
-
<!-- Создаем круг. -->
-
<geometry :Circle fill="{blue}"
-
stroke="{white}"
-
radius="150"/>
-
-
</degrafa>
-
-
-
</mx>
Ссылки по теме:
- официальный сайт проекта;
- страничка для загрузки SWC и исходных кодов фреймворка (исходники будут добавлены в течении нескольких дней);
- раздел с документацией (документация будет обновлена и дополнена в течении этой недели);
- раздел с примерами;
- Degrafa Google Group.
Классная вещь! Говорят, с его помощью скинование флекс-приложений станет легче.