<?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>RIA e PHP &#187; flex 4</title>
	<atom:link href="http://blog.lookatitude.com/category/flash-platform/flex-4/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.lookatitude.com</link>
	<description>Desenvolvimento web, RIA, e muito mais</description>
	<lastBuildDate>Mon, 08 Feb 2010 17:54:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Evento RIAPT Porto</title>
		<link>http://blog.lookatitude.com/evento-riapt-porto</link>
		<comments>http://blog.lookatitude.com/evento-riapt-porto#comments</comments>
		<pubDate>Mon, 08 Feb 2010 17:54:52 +0000</pubDate>
		<dc:creator>Miguel Pinto</dc:creator>
				<category><![CDATA[Eventos]]></category>
		<category><![CDATA[Flash Platform]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[Zend Framework]]></category>
		<category><![CDATA[flex 4]]></category>

		<guid isPermaLink="false">http://blog.lookatitude.com/?p=50</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>Vai decorrer no dia 6 de Março de 2010, mais um evento da riapt (comunidade portuguesa de Rich Internet Applications)  no porto.</p>
<p>Desta vez e em representação da PHP-PT (comunidade portuguesa de PHP) vou apresentar uma pequena sessão sobre inegração entre a Zend Framework e Flash/Flex.</p>
<p>Não percam registem-se já <a title="riapt evento porto 6 março" href="http://riapt.stagehq.com/events/182" target="_blank">aqui</a>.</p>
<p>Após a apresentação colocarei online os slides e os exemplos.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lookatitude.com/evento-riapt-porto/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data Binding bi-direccional com Flex 4</title>
		<link>http://blog.lookatitude.com/data-binding-bi-direccional-com-flex-4</link>
		<comments>http://blog.lookatitude.com/data-binding-bi-direccional-com-flex-4#comments</comments>
		<pubDate>Thu, 01 Oct 2009 09:57:46 +0000</pubDate>
		<dc:creator>Miguel Pinto</dc:creator>
				<category><![CDATA[Flash Platform]]></category>
		<category><![CDATA[flex 4]]></category>
		<category><![CDATA[MXML]]></category>

		<guid isPermaLink="false">http://blog.lookatitude.com/?p=27</guid>
		<description><![CDATA[Ligação de dados bi-direccional é algo que dá bastante jeito ter sempre à mão.
Pois bem com as novas funcionalidades no flex 4 ficou ainda mais simples, basicamente existem 2 formas de o fazer, usando a tag mxml ou usando o operador &#8216;@&#8217;.
Exemplo usando MXML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
 xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
 xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;
 minWidth=&#34;1024&#34;
 minHeight=&#34;768&#34;&#62;
&#160;
 &#60;s:layout&#62;
 &#60;s:VerticalLayout /&#62;
 &#60;/s:layout&#62;
&#160;
 [...]]]></description>
			<content:encoded><![CDATA[<p>Ligação de dados bi-direccional é algo que dá bastante jeito ter sempre à mão.</p>
<p>Pois bem com as novas funcionalidades no flex 4 ficou ainda mais simples, basicamente existem 2 formas de o fazer, usando a tag mxml ou usando o operador &#8216;@&#8217;.</p>
<p>Exemplo usando MXML:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;s:Application</span> xmlns:fx=<span style="color: #ff0000;">&quot;http://ns.adobe.com/mxml/2009&quot;</span></span>
<span style="color: #000000;"> xmlns:s=<span style="color: #ff0000;">&quot;library://ns.adobe.com/flex/spark&quot;</span></span>
<span style="color: #000000;"> xmlns:mx=<span style="color: #ff0000;">&quot;library://ns.adobe.com/flex/halo&quot;</span></span>
<span style="color: #000000;"> minWidth=<span style="color: #ff0000;">&quot;1024&quot;</span></span>
<span style="color: #000000;"> minHeight=<span style="color: #ff0000;">&quot;768&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:layout</span><span style="color: #7400FF;">&gt;</span></span>
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:VerticalLayout</span> <span style="color: #7400FF;">/&gt;</span></span>
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;/s:layout</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;fx:Binding</span> source=<span style="color: #ff0000;">&quot;campo1.text&quot;</span></span>
<span style="color: #000000;"> destination=<span style="color: #ff0000;">&quot;campo2.text&quot;</span></span>
<span style="color: #000000;"> twoWay=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:TextInput</span> id=<span style="color: #ff0000;">&quot;campo1&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:TextInput</span> id=<span style="color: #ff0000;">&quot;campo2&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/s:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></td></tr></table></div>

<p>Exemplo usando o operador:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;s:Application</span> xmlns:fx=<span style="color: #ff0000;">&quot;http://ns.adobe.com/mxml/2009&quot;</span></span>
<span style="color: #000000;"> xmlns:s=<span style="color: #ff0000;">&quot;library://ns.adobe.com/flex/spark&quot;</span></span>
<span style="color: #000000;"> xmlns:mx=<span style="color: #ff0000;">&quot;library://ns.adobe.com/flex/halo&quot;</span></span>
<span style="color: #000000;"> minWidth=<span style="color: #ff0000;">&quot;1024&quot;</span></span>
<span style="color: #000000;"> minHeight=<span style="color: #ff0000;">&quot;768&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:layout</span><span style="color: #7400FF;">&gt;</span></span>
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:VerticalLayout</span> <span style="color: #7400FF;">/&gt;</span></span>
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;/s:layout</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:TextInput</span> id=<span style="color: #ff0000;">&quot;campo1&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
 <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:TextInput</span> id=<span style="color: #ff0000;">&quot;campo2&quot;</span> text=<span style="color: #ff0000;">&quot;@{campo1.text}&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/s:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></td></tr></table></div>

<p>Pessoalmente apenas uso o ultimo método se estiver a fazer um protótipo pois quero definir rapidamente as funcionalidades, mas nunca em versões finais ou para produção, porque dificulta a leitura do código. Sendo assim preferível sempre que a aplicação saia da fase de prototipo usar o primeiro método, pois no topo da aplicação vemos logo o que está ligado a quê.</p>
<p>Fica assim mais uma dica.</p>
<p>Divirtam-se.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lookatitude.com/data-binding-bi-direccional-com-flex-4/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
