Behaviors no Silverlight 3 e Expression Blend 3

O Problema

A criaç�o de rich internet applications geralmente � um processo manual e que consome muito tempo, com pouca oportunidade de simplificar as tarefas entre o time ( Designer / Desenvolvedor / Arquiteto da Informaç�o ). Para que a aplicaç�o fique com a apar�ncia imaginada pelo Designer ele precisa conhecer um pouco a linguagem de programaç�o, e ter� muito trabalho at� que fique igual ao Mockup feito no Photoshop ou em qualquer outra ferramenta. Normalmente este trabalho � feito pelo desenvolvedor, e o resultado em geral n�o � como esperado. Este problema existe tamb�m para as id�ias do Arquiteto da Informaç�o e a UX da aplicaç�o.

O Expression Blend 3 trouxe novidades para solucionar este problema, permitindo que o especialista em UX consiga aplicar todo o modelo de interaç�es da aplicaç�o de um jeito f�cil e simples - sem a necessidade de saber linguagem de programaç�o.

Uma destas novidades s�o os Behaviors.

O que s�o Behaviors?

Um Behavior � um comportamento de interatividade reutiliz�vel que pode ser aplicado em diversos elementos da interface da aplicaç�o no Expression Blend. Um Behavior n�o representa o comportamento de "um" controle, mais sim de quantos voc� quiser. Uma biblioteca de Behaviors pode ser criada para ser utilizada em diversos projetos.

Um Behavior pode ser simples, como iniciar e parar uma animaç�o, ou complexo, como adicionar efeito gravitacional a um componente, porem o jeito que o Behavior � criado e aplicado continua o mesmo.

Por que utilizar Behaviors?

Behaviors permite que interatividade seja adicionada diretamente pelo Blend sem a necessidade de escrever nenhum c�digo adicional. Isso permite uma separaç�o l�gica dentro do time que esta participando do projeto. Por exemplo, o designer e o desenvolvedor podem definir juntos quais o tipo de interaç�es eles precisam para a animaç�o. O desenvolvedor ent�o ir� colocar suas id�ias encapsuladas dentro de um Behavior para que o designer possa aplicar aos objetos dentro da surface do Expression Blend de maneira simples e f�cil via drag'n drop. O designer ent�o pode ent�o configurar e testar as interaç�es que foram feitas pelo desenvolvedor mais idealizadas junto.

O mesmo Behavior pode ser utilizado em outras partes da aplicaç�o, o que permite rapidamente incluir interatividade ao projeto.

Demo

Vamos ver um exemplo de utilizaç�o de Behaviors.

Abra o Expression Blend 3. Veja Figura 1.

Selecione o tipo "Silverlight 3 Application" coloque o nome do projeto como "BehaviorsDemo" e pressione ok.Veja Figura 2.

Para conseguir utilizar Behaviors voc� precisa incluir uma referencia ao assembly "Microsoft.Expression.Interactivity.dll". Tamb�m vamos incluir referencia ao assembly SLPreviewBehaviorsLibrary. O link para download destes arquivos est�o dispon�veis no fim deste post. Veja figura 3.

Ap�s incluir estas refer�ncias, adicione um bot�o qualquer dentro da interface da aplicaç�o, e em seguida selecione o menu "Asset Library" ( Ultimo botal da toolbar do EB3, lado esquerdo ). Dentro da tab Behaviors selecione "HyperlinkAction". Veja figura 4.

Arraste este Behavior para cima do bot�o. Veja figura 5.

Selecione o Behavior e configure as propriedades deste Behavior, como ele � um Behavior de aç�o de Hiperlink voc� deve informar um endereço web. Veja figura 6

Pronto, agora rode sua aplicaç�o e veja o resultado. Ao clicar no bot�o voc� dever� ser redirecionado para a p�gina configurada no Behavior.

Este foi um exemplo simples, somente para ilustrar como funcionam os Behaviors, n� pr�ximo post sobre o tema vamos ver como criar nossos pr�prios Behaviors.

Links para Download:

Silverlight 3 + Tools + Expression Blend 3: http://silverlight.net/getstarted/silverlight3/default.aspx

Microsoft.Expression.Interactivity

SLPreviewBehaviorsLibrary

Behaviors no Silverlight 3 e Expression Blend 3

Expression Blend 3 e Silverlight 3 com Behaviors. Veja como utilizar Behaviors no Silverlight

Artigos relacionados