<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>TSW - That Should Work Blog &#187; graphics</title>
	<atom:link href="http://blog.msdevstudio.net/tag/graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.msdevstudio.net</link>
	<description>Flash, Flex, Web e Aplicações Ricas para Internet!</description>
	<lastBuildDate>Tue, 07 Feb 2012 18:30:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Flex SDG &#8211; Grafico de dados &#8211; Faça você mesmo!</title>
		<link>http://blog.msdevstudio.net/2008/10/11/flex-sdg-grafico-de-dados-faca-voce-mesmo/</link>
		<comments>http://blog.msdevstudio.net/2008/10/11/flex-sdg-grafico-de-dados-faca-voce-mesmo/#comments</comments>
		<pubDate>Sat, 11 Oct 2008 11:55:53 +0000</pubDate>
		<dc:creator>Mário Santos</dc:creator>
				<category><![CDATA[Action Script & MXML]]></category>
		<category><![CDATA[Air]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[RIA's Geral]]></category>
		<category><![CDATA[Source Code]]></category>
		<category><![CDATA[Action Script]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[component]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[dataProvider]]></category>
		<category><![CDATA[grafico]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[gratuito]]></category>
		<category><![CDATA[visualização]]></category>

		<guid isPermaLink="false">http://msdevstudio.com/blog/?p=675</guid>
		<description><![CDATA[Para quem já leu o meu tutorial AS3 parte II aprendeu como lidar com a API Graphics do AS3, que na realidade consegu fazer muito mais do que se imagina, como demonstrado no meu exemplo graphic flow pode ter centenas de utilidades, mas uma das mais vantajosas, principalmente a nivel monetário, é conseguir criar graficos [...]]]></description>
			<content:encoded><![CDATA[<p>Para quem já leu o meu <a href="http://msdevstudio.com/blog/2008/10/04/tutorial-action-script-3-parte-ii/" target="_blank">tutorial AS3 parte II</a> aprendeu como lidar com a API Graphics do AS3, que na realidade consegu fazer muito mais do que se imagina, como demonstrado no meu exemplo <a href="http://msdevstudio.com/blog/2008/10/09/o-poder-da-api-draw-do-as3-exemplo-em-flex/" target="_blank">graphic flow</a> pode ter centenas de utilidades, mas uma das mais vantajosas, principalmente a nivel monetário, é conseguir criar graficos para visualização de dados.</p>
<p>Muitos dos sistemas de visualização grafica requerem uma licença paga, mas com a API Graphics podemos criar nós mesmos um grafico, claro que depende sempre de um bom conhecimento de AS3 e Matemática, mas o resultado final é o nosso proprio sistema de graficos e ainda por cima gratuito.</p>
<p>Depois de algumas horas e de muita cabeçada dada no AS3, lá saiu o meu primeiro sistema de graficos bem simples.</p>
<p>Vejam as imagens:</p>
<p><span id="more-675"></span></p>
<table border="0" width="100%">
<tbody>
<tr>
<td><a href="http://msdevstudio.com/blog/wp-content/uploads/2008/10/graph_1.jpg"><img class="aligncenter size-medium wp-image-676" title="SDG - Original Data Provider" src="http://msdevstudio.com/blog/wp-content/uploads/2008/10/graph_1-300x208.jpg" alt="" width="300" height="208" /></a></td>
<td><a href="http://msdevstudio.com/blog/wp-content/uploads/2008/10/graph_2.jpg"><img class="aligncenter size-medium wp-image-677" title="SDG - Random Data" src="http://msdevstudio.com/blog/wp-content/uploads/2008/10/graph_2-300x213.jpg" alt="" width="300" height="213" /></a></td>
</tr>
</tbody>
</table>
<p>Podem ver o exemplo online <a href="http://www.msdevstudio.com/blog/flexSource/testSimpleDataGraphics/" target="_blank">aqui</a>, e como devem reparar a velocidade de resposta é muito rápida, para mudarem de dataProvider usem os botões no topo, o &#8220;Muda dataProvider&#8221; cria dados novos aleatórios a cada click.</p>
<p>O código fonte está disponivel, mas o grafico encontra-se compilado num arquivo binário (swc) &#8211; <a href="http://msdevstudio.com/blog/flexSource/testSimpleDataGraphics/srcview/source/bin/simpleGraph.swc" target="_blank">simpleGraph.swc</a> &#8211; mas que podem usa-lo nas vossas aplicações. Ainda podem encontrar algum erro pelo que me infomem do mesmo, estou a fazer mais algumas alterações e brevemente coloco o código fonte todo disponivel.</p>
<p>Nota: O .swc apenas funcionará correctamente no Flex, no flash encontra alguns problemas.</p>
<p>Venham essas criticas, duvidas ou sugestões.</p>
<p>Um abraço.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.msdevstudio.net/2008/10/11/flex-sdg-grafico-de-dados-faca-voce-mesmo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>O poder da API Draw do AS3; Exemplo em Flex</title>
		<link>http://blog.msdevstudio.net/2008/10/09/o-poder-da-api-draw-do-as3-exemplo-em-flex/</link>
		<comments>http://blog.msdevstudio.net/2008/10/09/o-poder-da-api-draw-do-as3-exemplo-em-flex/#comments</comments>
		<pubDate>Thu, 09 Oct 2008 12:54:01 +0000</pubDate>
		<dc:creator>Mário Santos</dc:creator>
				<category><![CDATA[Action Script & MXML]]></category>
		<category><![CDATA[Air]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[RIA's Geral]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[circle]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[Drag]]></category>
		<category><![CDATA[Draw]]></category>
		<category><![CDATA[drop]]></category>
		<category><![CDATA[effects]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[flow]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[pert]]></category>
		<category><![CDATA[rect]]></category>

		<guid isPermaLink="false">http://msdevstudio.com/blog/?p=671</guid>
		<description><![CDATA[Depois de ter andado empolgado no AS3, e das suas propriedades mais primitivas, tenho andado a explorar a fundo a API Draw / Graphics do AS3, e no flex surgiu uma ideia bem interessante à uns tempos atras onde anunciei um simples construtor de redes de PERT, mas tinha um problema com as setas, que [...]]]></description>
			<content:encoded><![CDATA[<p>Depois de ter andado empolgado no AS3, e das suas propriedades mais primitivas, tenho andado a explorar a fundo a API Draw / Graphics do AS3, e no flex surgiu uma ideia bem interessante à uns tempos atras onde anunciei um simples construtor de redes de PERT, mas tinha um problema com as setas, que algumas pessoas perguntaram como o fazer a seta acompanhar o icon arrastado&#8230;</p>
<p>Decidi colocar mãos à obra e fazer o mesmo exemplo mas sem recurso a imagens, usando apenas a API draw do flex, ainda com alguns pontos a melhorar mas já sairam os primeiros testes do forno&#8230;</p>
<p>Este sistema uma uma class preparada para criar ligações a qualquer componente gráfico (UIComponent), criando uma dependencia entre varios, até mesmo centenas, elementos gráficos, mas no exemplo uso apenas circulos criados com o graphics (quem obteu e leu o tutorial parte II completo já o consegue fazer simplesmente) e ligados entre si com uma linha.</p>
<p>Vejam:</p>
<p><span id="more-671"></span></p>
<p><a href="http://msdevstudio.com/blog/wp-content/uploads/2008/10/depend1.jpg"><img class="aligncenter size-full wp-image-672" title="Dependency Flow" src="http://msdevstudio.com/blog/wp-content/uploads/2008/10/depend1.jpg" alt="" width="499" height="228" /></a></p>
<p>E mais um exemplo:</p>
<p><a href="http://msdevstudio.com/blog/wp-content/uploads/2008/10/depend2.jpg"><img class="aligncenter size-full wp-image-673" title="Dependency Flow" src="http://msdevstudio.com/blog/wp-content/uploads/2008/10/depend2.jpg" alt="" width="478" height="381" /></a></p>
<p>Todos os objectos podem ser arrastados que a sua linha de dependencia mantêm-se&#8230; esperimentem arastar um deles.</p>
<p>Testem no exemplo online <a href="http://www.msdevstudio.com/blog/flexSource/testGraphFlow/" target="_blank">aqui</a></p>
<p>Brevemente disponibilizarei o código fonte, já que quero implementar alguns pontos&#8230;</p>
<p>E que tal? o AS3 faz mesmo maravilhas&#8230; </p>
<p>Edit: Código fonte e exemplo actualizados, veja <a href="http://msdevstudio.com/blog/2008/12/07/o-poder-da-api-draw-do-flex-codigo-fonte/" target="_blank">aqui.</a></p>
<p>Abraço.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.msdevstudio.net/2008/10/09/o-poder-da-api-draw-do-as3-exemplo-em-flex/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

