Olá.

Neste post vou mostrar como fazer com que uma (ou várias) variável seja utilizada e compartilhe o mesmo valor em toda a aplicação.

Para isto basta criar uma classe, com o método getInstance() e chamar esta classe em qualquer lugar do sistema através do getInstance(), e pronto você terá a mesma variável com o mesmo valor.

Classe de exemplo:

VariaveisGlobais.as

package com.blogspot.desenvolvendoemflex.utils
 import mx.collections.ArrayCollection;

    [Bindable]
    public class VariaveisGlobais
        private static var instance:VariaveisGlobais;

        public var variavel:ArrayCollection;

        public static function getInstance():VariaveisGlobais
            if (instance==null)
                instance = new VariaveisGlobais();

            return instance;
        }
    }
}

para utiliza-la basta instanciar desta maneira em qualquer parte de seu programa:

            [Bindable]
            public var varGlobal:VariaveisGlobais = VariaveisGlobais.getInstance();

Tenha cuidado ao utilizar desta forma, pois dependendo da quantidade de variáveis e informações, pode ficar pesado o sistema.

Por hoje é isso!

Até a próxima.

Comentem!!

Esta é uma tradução do seguinte artigo: 10 Things A Good Flex Developer Should Know

Para ser um bom programador Flex é preciso mais que simplesmente saber como usar alguns componentes nativos do Flex. É preciso muito mais.

Aqui está minha contribuição sobre o assunto… juntamente com alguns recursos ou algumas palavras-chave que você poderá pesquisar facilmente através do Google.

Por favor, comente no blog se você achar que esqueci algo (o que é inevitável) ou se quiser sugerir alguns recursos interessantes que devo acrescentar.

1- Programação orientada a Objetos (OO)

O Flex se baseia na linguagem ActionScript3, que é totalmente orientada a objetos. Embora não seja um conceito fácil de aprender, programação orientada a objeto é um pré-requisito para aprender Flex. Se já possui experiência com OO (Java, C#, Ruby, etc), então você está pronto. Se não, você precisará pegar um livro sobre OO e começar a aprender o mais rápido possível.

· Head First Java (Java? Sim, Eu sei. Mas confie em mim.)

· Object-oriented programming with ActionScript 3.0

Nota: Alguns de vocês poderão perguntar – “O que são padrões de projetos?”. Vamos dar um passo de cada vez? Preocupe-se em entender classes e objetos, interfaces, herança, composição, polimorfismo, encapsulamento, etc. Só então considere estudar padrões de projetos. De fato, se eu escrever um post intitulado “10 coisas que um GRANDE programador Flex deve saber”, padrões de projeto estará nessa lista.

2- ActionScript/MXML

ActionScript é a linguagem de programação usada juntamente com MXML para criar aplicações Flex. MXML é uma linguagem de marcação baseada em XML. Cada tag MXML é mapeada diretamente para uma classe ActionScript correspondente. MXML é usado pelos desenvolvedores Flex principalmente para apresentar a interface do usuário, enquanto que, o ActionScript é usado para a lógica de negócio. Com exceções, é claro.

O Framework Flex inclui centenas de classes ActionScript e interfaces usadas para desenvolver aplicações Flex. Seu nível de habilidade como um desenvolvedor Flex está diretamente ligado ao seu conhecimento em relação ao ActionScript e MXML.

· Flex in a Week

· Tour De Flex

· Essential ActionScript 3.0

Nota: Fique ? vontade com a API do Flex. Como um desenvolvedor Flex, você vai usá-la diariamente.

3- Debugging

Boa parte do tempo de qualquer programador é gasto no debugging. Obviamente, é necessário debugar para rastrear a causa de bugs. No entanto, também é uma ótima maneira de conhecer o código fonte.

Felizmente, existem muitas ferramentas disponíveis para ajudá-lo com o trabalho de debugging. Invista algum tempo para aprender essas ferramentas. Seu investimento irá proporcionar retorno imediato.

· Flash Builder 4.5 Debugger

· De MonsterDebugger

· Kap Inspect

4- Programação orientada a eventos

Aplicações Flex são orientadas a eventos. Toda ação é o resultado de um evento assíncrono.

Como um desenvolvedor Flex, você deve saber como responder a eventos e como criar e disparar eventos. Para isso, é necessária uma sólida compreensão da arquitetura de eventos do Flex, incluindo familiaridade com os seguintes conceitos:

· Eventos nativos (Flash Player ou Framework de eventos Flex)

· Eventos customizados (Eventos criados pelo desenvolvedor, que estende a classe Event ou uma de suas subclasses)

· Disparar eventos, propagação de eventos (ver classe EventDispatcher e seu método dispatchEvent)

· Event listeners, event handlers (ver classe EventDispatcher e seus métodos addEventListener e removeEventListener)

· Fases do evento (capture, target & bubbling phases; target vs. currentTarget)

· Objetos do evento, tipos de eventos (ver classe Event e subclasses)

· Comportamento do evento default (ver classe Event e subclasses e seu método preventDefault)

5- Data binding

Aparentemente, data binding é um “no brainer”[1]. É só vincular o valor de uma propriedade ao valor de outra propriedade usando chaves. Quando o valor da propriedade de origem for alterado, o valor da propriedade de destino também é alterado.

No entanto, existe uma sobrecarga associada ao uso indiscriminado de data binding, podendo haver implicações no desempenho. Uma sólida compreensão de data binding ajudará a determinar quando é apropriado o seu uso e quando não é.

· Flex Tips – Using Bindable Metadata Events

· Michael Labriola’s presentation entitled Diving in the Data Binding Waters

6- Item renderers

Uma característica de uma aplicação Flex bem projetada é a apresentação dos dados de uma forma visualmente atraente. O Flex oferece uma série de controles baseados em listas (DataGrid, List, TileList, HorizontalList, etc) responsável pela apresentação dos dados. Portanto, pode-se personalizar a exibição dos dados com a ajuda de item renderers.

Você irá consumir muito tempo trabalhando com item renderers. Então é melhor saber bem como ele funciona.

· Flex Examples – Item Renderers in Practice

· A Deep Dive into Flex 4 Lists and Layouts

7- Acesso remoto a dados

Você conhece muitas aplicações que não interagem com os dados? Eu também não. Saiba como recuperar dados através de HTTPServive, WebService e RemoteObject. A arquitetura do framework Flex também poderá ajudá-lo com isso (ver #9).

· Retrieving and handling data with HTTPService

· Retrieving and handling data with WebService

· Retrieving and handling data with RemoteObject

8- Styling / Skinning

Não vamos nos esquecer que o Flex é uma tecnologia de interface e, como tal, certamente há expectativas em relação ao design. Como um desenvolvedor Flex, você deve ser capaz de personalizar a aparência de seus aplicativos usando estilos CSS, gráficos e/ou skins.

Com o Flex 4, não há mais desculpas. Use um pouco do seu tempo para conhecer de uma vez o lado direito do seu cérebro. É uma excelente mudança de paradigma, e vai ajudá-lo a diferenciar-se dos outros desenvolvedores Flex.

· Flex Style Explorer

· ScaleNine

· Introduction to Flex: Part 3 – Styles & Skins

9- Pelo menos um framework de arquitetura Flex

A maioria dos frameworks de arquitetura Flex impõe uma separação de camadas através da implementação do MVC (model-view-controller). Além disso, esses mesmos frameworks especificam como seu código deve ser organizado dentro do projeto Flex.

Embora muitos argumentariam que os frameworks são desnecessários, acredito que os desenvolvedores Flex se beneficiam em muitos aspectos da experiência de usá-los. Basta assistir ? s técnicas (boas ou más) empregadas por um framework para resolver problemas complexos de arquitetura. Isso contribuirá para seu crescimento como um desenvolvedor Flex.

Além disso, é difícil negar o fato de que a experiência com framework aumentará substancialmente o seu valor comercial como um desenvolvedor Flex. Jesse Warden me disse recentemente “Existem poucas empresas que não usam frameworks, mas isso é raro. Queiramos ou não, está na ‘moda’”. Eu concordo com Jesse.

· Cairngorm

· Parsley

· PureMVC

· Mate

· Swiz

· Robotlegs

10- Ciclo de vida de componentes e display list

Eu não estava convencido da necessidade de aprender o ciclo de vida de componentes Flex ou da display list até que escrevi o meu primeiro componente customizado (na verdade foi um componente semi-customizado que se estendia do componente Canvas). Até essa época eu usava componentes nativos do Flex, usando apenas o MXML enquanto que a display list era renderizada para mim. Em nenhuma vez tive que usar os métodos addChild, createChildren ou commitProperties, e usava o evento creatiomComplete para tudo.

Meu primeiro componente customizado usava uma quantidade enorme de eventos assíncronos, e eu não poderia prever a ordem em que cada evento seria disparado. Só depois que eu aprendi os métodos e variáveis do ciclo de vida dos componentes do Flex que eu pude ter um certo controle.

Estes métodos do ciclo de vida estão lá para serem usados. Saiba como funcionam e use-os para o seu benefício. Sua vida será mais fácil e você perderá menos cabelos.

· Colin Moock’s Lost ActionScript Weekend – The Display List

· Creating New Components in Flex 3

· Diving Deep with the Flex Component Lifecycle

· Understanding the Flex 3 Component and Framework Lifecycle

[1] Expressão americana usada para algo que requer pouco esforço mental ou inteligência para realizar ou compreender

Atendendo a pedidos, um resumo do status dos meus livros:

• Adobe Flex 3 Conceitos e Exemplos – esgotado
• Criando sistemas com Flex 3 e PHP – esgotado
• Dominando Flex e Zend – esgotado
• Dominando Adobe Flex 4 – esgotado
• Dominando Flex 4 e Java – Em estoque (promoção)
• ebook Dominando Swiz (Swiz 1.1 e Flex 4.5) – Em estoque
• ebook Dominando Action Script? -? Em estoque
• Dominando Orientação a Objetos – Pré Venda
• Dominando Adobe Flex 4.5 – Na gráfica
• Dominando Flex Mobile – Em desenvolvimento
• Dominando Flex + PHP – Planejado

Dae Pessoal.

Hoje vamos falar sobre Singleton em Action Script.
Singleton é um modelo de Design Pattern que simplifica o acesso ao objeto, apenas instanciando a mesma. Veja no exemplo a Classe que eu fiz e o seu uso.

package br.com.fborella
{
	public class Singleton
	{
		private static var instance:Singleton;
		public var auxiliar:String;
?
		public function Singleton(enforcer:SingletonEnforcer)
		{
			if (enforcer == null)
				throw new Error("é possivel apenas uma instância");
		}
?
		public static function getInstance():Singleton
		{
			if (instance == null)
				instance=new Singleton(new SingletonEnforcer);
			return instance;
		}
	}
}
//Esse class abaixo e para bloquear qualquer acesso ao construtor.  
class SingletonEnforcer {
?
}

Usando a mesma:

xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<fx:Script>
		[CDATA[
			import mx.controls.Alert;
			import br.com.fborella.Singleton;
?
			public var instancia:Singleton = Singleton.getInstance();
?
            public function clique():void{
            	instancia.auxiliar = 'Teste Singleton';
            	Alert.show(instancia.auxiliar);
            }
		]]>
	fx:Script>
	<s:Button label="Clique aqui" click="clique()"/>
s:Application>

Valeu ai pessoal..

Felipe

O livro “Dominando Orientação a objetos” está quase pronto. Estamos na fase de diagramação e revisão do texto. Muito em breve entraremos na pré venda.

Para matar a curiosidade geral da nação , seguem algumas informações sobre o livro.

?

• Impresso ou ebook? Impresso
• Páginas: 200
• Formato: 23×16, o mesmo dos outros livros
• ISBN: em processo de registro
• Linguagens abordadas: PHP, Java, Action Script, C#
• Preço: por volta de R$ 49,00
• Vai ter código fonte para download? Sim

?

Resumo dos capítulos

?

No capítulo 2, iremos com o uso da linguagem PHP explicar os principais conceitos da programação OO, conceitos estes que estão presentes em todas as linguagens que permitem a implementação de objetos.

No capítulo 3, ainda usando o PHP, iremos abordar um exemplo prático do uso da OO para facilitar o desenvolvimento de páginas HTML. Este exemplo visa reforçar os conceitos aprendidos e, o mais importante, visa mostrar que o uso do OO pode ser benéfico para o seu dia a dia.

No capítulo 4, iremos abordar o Java e exibir as suas principais características. O Java, por ser uma linguagem 100% OO, apresenta todas as funcionalidades que o OO possui, como classes abstratas, interfaces, sobrecarga de métodos, entre outros. Veremos apenas algumas teorias, que serão melhor explicadas no decorrer da obra.

No capítulo 5 apresentamos o C#, linguagem pertencente ao framework .Net da Microsoft, que é semelhante ao Java. Com esta linguagem, abordamos um exemplo para criação de SQLs para o acesso ao banco de dados.

No capítulo 6 apresentamos o Action Script, juntamente com o framework Flex, para aprendermos exclusivamente sobre Interfaces, algo tão falado e mal entendido pelos programadores. Você irá aprender a otimizar o seu código com o uso correto das interfaces.

O capítulo 7 volta a usar a linguagem PHP para introduzir o conceito de padrões de projeto. Usar somente OO não garante que o sistema está livre de problemas, é preciso combinar o conhecimento OO com os padrões (patterns) para que possamos criar sistemas com mais dinamiso e, principalmente, manuteníveis. Com o PHP iremos aprender o primeiro padrão, chamado “Factory”.

No capítulo 8 continuamos a estudar os padrões de projeto, usando agora o ActionScript e o Flex para ilustrar o padrão Observer, que apesar se ser pouco conhecido, é um ótimo aliado no desenvolvimento OO.

No capítulo 9 iremos aprender o padrão Singleton, muito usado em diversos frameworks. Inicialmente apresentamos o conceito e exibimos um exemplo em ActionScript para manipulação de janelas, além de um exemplo em PHP para leitura/escrita de um arquivo de log.

No capítulo 10 iremos, com PHP, criar um pequeno framework que envolve os conceitos de MVC e de injeção de dependência, além de usar outros padrões como o Singleton e o Factory.

No capítulo 11 criamos três exemplos que exibem inicialmente uma solução rápida para o problema proposto, mas ruim para a manutenção do código. Depois exibimos como usar a OO para melhorar cada um dos exemplos, utilizando inclusive padrões de projeto.

?

Ajuda dos leitores

Gostaria de agradecer a todos os leitores que me escreveram sugerindo temas para o livro. Conforme combinado, as pessoas a seguir ganharão 20% de desconto na compra do livro

• Willian Mano
• Willian Amaro de Oliveira
• Flavio Horita
• Andre Luis da Silveira
• Ever Silvério
• Luiz Henrique
• Francisco Fernandes
• Rafael Venâncio Lugli
• Lazaro Fernandes

?

Onde Comprar?

Você poderá comprar o livro no site www.danielschmitz.com.br, que é a nossa loja virtual. Ainda não está disponível para venda. Siga @Daniel_Schmitz para saber exatamente quando começará a pré venda

O livro “Dominando Orientação a objetos” está quase pronto. Estamos na fase de diagramação e revisão do texto. Muito em breve entraremos na pré venda.

Para matar a curiosidade geral da nação , seguem algumas informações sobre o livro.

?

• Impresso ou ebook? Impresso
• Páginas: 200
• Formato: 23×16, o mesmo dos outros livros
• ISBN: em processo de registro
• Linguagens abordadas: PHP, Java, Action Script, C#
• Preço: por volta de R$ 49,00
• Vai ter código fonte para download? Sim

?

Resumo dos capítulos

?

No capítulo 2, iremos com o uso da linguagem PHP explicar os principais conceitos da programação OO, conceitos estes que estão presentes em todas as linguagens que permitem a implementação de objetos.

No capítulo 3, ainda usando o PHP, iremos abordar um exemplo prático do uso da OO para facilitar o desenvolvimento de páginas HTML. Este exemplo visa reforçar os conceitos aprendidos e, o mais importante, visa mostrar que o uso do OO pode ser benéfico para o seu dia a dia.

No capítulo 4, iremos abordar o Java e exibir as suas principais características. O Java, por ser uma linguagem 100% OO, apresenta todas as funcionalidades que o OO possui, como classes abstratas, interfaces, sobrecarga de métodos, entre outros. Veremos apenas algumas teorias, que serão melhor explicadas no decorrer da obra.

No capítulo 5 apresentamos o C#, linguagem pertencente ao framework .Net da Microsoft, que é semelhante ao Java. Com esta linguagem, abordamos um exemplo para criação de SQLs para o acesso ao banco de dados.

No capítulo 6 apresentamos o Action Script, juntamente com o framework Flex, para aprendermos exclusivamente sobre Interfaces, algo tão falado e mal entendido pelos programadores. Você irá aprender a otimizar o seu código com o uso correto das interfaces.

O capítulo 7 volta a usar a linguagem PHP para introduzir o conceito de padrões de projeto. Usar somente OO não garante que o sistema está livre de problemas, é preciso combinar o conhecimento OO com os padrões (patterns) para que possamos criar sistemas com mais dinamiso e, principalmente, manuteníveis. Com o PHP iremos aprender o primeiro padrão, chamado “Factory”.

No capítulo 8 continuamos a estudar os padrões de projeto, usando agora o ActionScript e o Flex para ilustrar o padrão Observer, que apesar se ser pouco conhecido, é um ótimo aliado no desenvolvimento OO.

No capítulo 9 iremos aprender o padrão Singleton, muito usado em diversos frameworks. Inicialmente apresentamos o conceito e exibimos um exemplo em ActionScript para manipulação de janelas, além de um exemplo em PHP para leitura/escrita de um arquivo de log.

No capítulo 10 iremos, com PHP, criar um pequeno framework que envolve os conceitos de MVC e de injeção de dependência, além de usar outros padrões como o Singleton e o Factory.

No capítulo 11 criamos três exemplos que exibem inicialmente uma solução rápida para o problema proposto, mas ruim para a manutenção do código. Depois exibimos como usar a OO para melhorar cada um dos exemplos, utilizando inclusive padrões de projeto.

?

Ajuda dos leitores

Gostaria de agradecer a todos os leitores que me escreveram sugerindo temas para o livro. Conforme combinado, as pessoas a seguir ganharão 20% de desconto na compra do livro

• Willian Mano
• Willian Amaro de Oliveira
• Flavio Horita
• Andre Luis da Silveira
• Ever Silvério
• Luiz Henrique
• Francisco Fernandes
• Rafael Venâncio Lugli
• Lazaro Fernandes

?

Onde Comprar?

Você poderá comprar o livro no site www.danielschmitz.com.br, que é a nossa loja virtual. Ainda não está disponível para venda. Siga @Daniel_Schmitz para saber exatamente quando começará a pré venda

Como meta para 2011 estaremos ampliando a abrangência dos nossos livros e o primeiro deles é “Dominando Orientação a Objetos”. Nesta fase, já conhecida pelos nossos fiéis leitores, vamos reunir dicas para que possamos criar um livro ainda melhor!

O principal foco deste livro é mostrar OO de uma forma inédita, sem aquela teoria chata que fez com que você nunca tenha entendido o que é interface ou pra que serve um padrão de projeto. Aliás o livro será recheado de exemplos, é tudo na prática! Os exemplos serão “servidos” em diversas linguagens, tais como PHP, Java, C#, Action Script, te dando a opção de conhecer outras linguagens e ampliando o “vocabulário” do programador.

O livro será impresso, possuirá por volta de 200 páginas e a previsão de venda é para março.

Então? O que estão esperando? Comentem e colaborem para tornar esta obra ainda melhor.

Através da dúvida de um dos nossos leitores, chegamos a uma solução até interessante para centralizar componentes na tela, através de uma simples função estática, que pode ser adicionada a sua biblioteca de classes Action Script.

O código está logo abaixo:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
		   xmlns:s="library://ns.adobe.com/flex/spark"
		   xmlns:mx="library://ns.adobe.com/flex/mx"
                    minWidth="1" minHeight="600">

<fx:Script>
<![CDATA[
	import mx.core.UIComponent;

	import spark.effects.Move;
	import spark.effects.easing.Bounce;

	public function Centralizar(c:UIComponent,
                                       useBounce:Boolean=true):void
	{
		var containerWidth:int = c.parent.width;
		var xCenter:int = (containerWidth-c.width)/2;

		var containerHeight:int = c.parent.height;
		var yCenter:int = (containerHeight-c.height)/2;

		var m:Move = new Move();

                if (useBounce)
	           m.easer = new Bounce();

		m.target = c;
		m.xFrom = c.x;
		m.yFrom = c.y;
		m.xTo = xCenter;
		m.yTo = yCenter;
		m.play();
	}

]]>
</fx:Script>

<s:Button id="btn" x="10" y="10">
	<s:click>
		<![CDATA[
		Centralizar(btn);
		]]>
	</s:click>
</s:Button>

</s:Application>

Chegou o momento de um dos livros mais aguardados e pedidos pelos leitores: Dominando Flex e Java. Nesta obra, iremos abordar o desenvolvimento de sistemas utilizando o Flex 4 e o Java, utilizando o BlazeDS como ponte entre as duas tecnologias.

Chegou o seu momento de colaborar! Estamos construindo o sumário do livro e definindo o que iremos utilizar. Tomcat? Jboss? Hibernate? Springs? Quem define são vocês, desenvolvedores, que sabem o que é melhor e o que é mais usado.

A ajuda da comunidade é fundamental e já foi aprovada nos livros Dominando Flex e Zend, Dominando Adobe Flex 4 e Dominando Action Script 3.

Apreveite e deixe o seu comentário!