| A
Macromedia está desenvolvendo uma nova ferramenta bastante interessante,
mostrando que está investindo no conceito RIA (Rich
Internet Applications). Macromedia Flex, este é o nome oficial
da ferramenta que inicialmente era conhecida como Macromedia Royale.
Com
esta nova ferramenta tornará possível a criação
de aplicações Flash utilizando uma nova linguagem semelhante
ao XUL
(linguagem presente no Mozilla
Firebird), o MXML (Macromedia FleX Markup Language).
Com
o Macromedia Flex, você não precisa mais abrir o modo de
edição do Macromedia Flash para desenvolver suas aplicações.
Através de comandos em MXML, você poderá criar suas
aplicações inteiramente via código, facilitando o
processo para desenvolvedores e agilizando a manutenção
da aplicação.
O
Macromedia Flex compila os arquivos MXML e gera arquivos swf's, retornando
ao cliente o resultado. Veja um exemplo de como funciona o Macromedia
Flex.
Código
MXML
<?xml
version="1.0" encoding="iso-8859-1"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">
<mx:TextInput id="source" width="100"/>
<mx:Button label="Copy" click="destination.text=source.text"/>
<mx:TextInput id="destination" width="100"/>
</mx:Application> |
Resultado
A
Macromedia está desenvolvendo uma ferramenta que tornará
possível você criar aplicações em modo visual,
assim como no ambiente Flash e intercalar em modo source, o que facilitará
e muito o trabalho de desenvolvimento, pois o designer poderá ser
feito totalmente em modo visual e depois programar em cima disto.
Outra
vantagem é que o Macromedia Flex terá integração
com CSS, podendo configurar seus estilos de suas aplicações
via código.
Exemplo:
estilo.css
|
@font-face
{
src: url("LucidaSansRegular.ttf");
font-family: mainFont;
}
.error
{
color: #FF0000;
font-size: 12;
}
.title
{
font-family: mainFontBold;
font-size: 18;
}
TextArea
{
backgroundColor: #EEF5EE;
}
|
Código
MXML
|
<?xml
version="1.0" encoding="iso-8859-1"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml">
<mx:style
src="main.css"/>
<mx:Label styleName="error" text="This
is an error"/>
<mx:Label styleName="title" text="This
is a title"/>
<mx:TextArea width="200" height="100"
wordWrap="true">
This is a TextArea
</mx:TextArea>
</mx:Application>
|
Resultado
Além
da opção de poder configurar o estilo por CSS, o MXML tem
uma linguagem de script para poder dar interatividade a suas aplicações.
O script é codificado dentro das tags <mx:script></mx:script>.
Veja
o exemplo abaixo para entender melhor.
|
<?xml
version="1.0" encoding="iso-8859-1"?>
<mx:Application
xmlns:mx="http://www.macromedia.com/2003/mxml">
<mx:script>
function copy() {
destination.text=source.text
}
</mx:script>
<mx:TextInput id="source" width="100"/>
<mx:Button label="Copy" click="copy()"/>
<mx:TextInput id="destination" width="100"/>
</mx:Application>
|
É
isso aí galera, em breve estarei escrevendo mais sobre o Flex,
se quiserem acompanhar entre no meu blog www.marloscarmo.com/lis_blogs.php.
Links Relacionados
Site do Autor
http://www.marloscarmo.com
Fonte
http://www.macromedia.com
|
