Degrafa Autor:

Ilijašić Ivan

16.10.2008. ZG Flex User Group - predavanje o Degrafi 2

Sadržaj predavanjaUvod – zašto DegrafaŠto je Degrafa?Početak rada s DegrafomOsnovni elementi DegrafeRad s custom oblicimaKomponenteSkinningPogled u budućnostPrimjeri, primjeri, primjeri …

16.10.2008. ZG Flex User Group - predavanje o Degrafi 3

Zašto Degrafa?Pogled u prošlost

U početku bijaše statična grafikaDolazak GIF formataFlash objekti stupaju na scenuInterakcija korisnika u Flash

objektimaFlex stupa na scenu???

Što se izgubilo putem? Crtanje ...Ovdje uskače DEGRAFA!!!

Zamjena standardnih alata

16.10.2008. ZG Flex User Group - predavanje o Degrafi 4

Što je Degrafa?Deklarativni grafički MXML framework za

Flex™Jednostavnom sintaksom do grafičkih

Actionscript objekataRazvijen na MIT-uOpen sourcehttp://www.degrafa.com/Trenutna faza: beta 3

16.10.2008. ZG Flex User Group - predavanje o Degrafi 5

Actionscript vs. Degrafa

ActionscriptVsDegrafa.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 6

Implementacija DegrafeStabilna verzija

http://code.degrafa.com/

Razvojna verzijahttp://degrafa.googlecode.com/svn/trunk/

Implementacija DegrafeXmlns:Degrafa=“http://www.degrafa.com/

2007”

ImplementDegrafa.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 7

Osnovni elementi DegrafePrikaz geometrijskih oblika

Circle, Rectangle, Polygon, RoundedRectangle, Ellipse

FillsSollidFill, LinearGradientFill, BitmapFill,

ComplexFill,…Strokes

SolidStroke, LinearGradientStroke, RadialGradientStroke, StrokeCollection…

Surface i graphicsTarget BasicDegrafaShapes.mxmlFillsAndStrokes.mxml

Surface.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 8

Definiranje grafičkih oblikaUbacivanje SVG putanja

http://www.degrafa.com/2007/07/27/how-complex-can-you-get-with-degrafa-very/

Arrows.mxmlDres.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 9

Ponavljači ili repeateriRepeaterLineRepeaterCircleRepeaterPolygonRepeaterPolylineRepeater….

Repeaters.mxmlRepeatersII.mxmlRepeatersIII.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 10

Deriviranje i kloniranjeDerivatives

CloneUtilDerivatives.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 11

Transformacije – u razvoju !!!ScaleTransformRotateTransformSkewTransformTranslateTransformMatrixTransformTransformGroup

http://www.degrafa.com/2008/06/22/degrafa-beta-3-preview-transforms/

16.10.2008. ZG Flex User Group - predavanje o Degrafi 12

Razvoj komponentiLocal komponente

CompositionReuse.mxml

Refactoring postojećih objekata DegrafaFillsStrokes.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 13

Degrafa skinningDodatne mogućnost korištenja

funkcionalnosti skinninga

SphereSkinSample.mxmlThermometer.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 14

Podatkovna vizualizacijaData visualizationKorištenje skininga i komponenti

DegrafaDataRenderer.mxml

16.10.2008. ZG Flex User Group - predavanje o Degrafi 15

Još malo dobrih primjera

http://samples.degrafa.com/DegrafaMapSample/DegrafaMapDemo.htmlhttp://samples.degrafa.com/DegrafaClock/DegrafaClock.html

16.10.2008. ZG Flex User Group - predavanje o Degrafi 16

SažetakŠto smo dobili Degrafom?

Alat za dizajnere i developereLakše modificiranje “asseta”

NedostatakNemogućnost stvaranja objekata preko sučelja

BudućnostSuradnja Adobe – Degrafa teamDobar community – Degrafa google groupDegrafa i FXG u novom Flexu 4

16.10.2008. ZG Flex User Group - predavanje o Degrafi 17

Referencehttp://www.degrafa.comhttp://samples.degrafa.comhttp://groups.google.com/degrafa

16.10.2008. ZG Flex User Group - predavanje o Degrafi 18

Kraj

Hvala na pažnji