Artigo .net Magazine 64 - Introdução ao Silverlight

Esse artigo faz parte da revista .NET Magazine edição 64. Clique aqui para ler todos os artigos desta edição

Web

Introdução ao Silverlight

Instalação, criando projetos, trabalhando com layouts, estilos, modelos, gráficos, animações e Data Binding

Em Outubro de 2008 foi lançada a versão final do Silverlight 2.0. Esta tecnologia permite criar aplicações com interface rica, que roda em diversas plataformas. Ela está disponível para Windows e Mac (nos browsers Internet Explorer, Firefox ou Safari), uma versão para mobile está em beta e, em breve, com o projeto Moonlight, poderemos executar programas Silverlight em Linux. No que ela difere de outras tecnologias para a Web? Na realidade, ela é muito diferente das tecnologias existentes para a Web. Usando um subconjunto da plataforma de desenvolvimento criada no .net Framework 3.0, o WPF, o Silverlight se parece mais com uma aplicação desktop que uma aplicação Web.

Isto acontece em diversas áreas do projeto: quando você está programando para Silverlight, está usando a linguagem de markup XAML, que é a mesma usada no WPF. Os controles Silverlight são muito semelhantes aos do WPF e a filosofia de programação é muito parecida. Para o usuário, a sua experiência no uso da aplicação é muito semelhante à de uma aplicação desktop.

Para programar, você pode utilizar sua linguagem de programação preferida: você pode criar programas em Silverlight usando não só o C# ou o VB.net. Você também pode usar IronPyton, IronRuby ou mesmo JScript gerenciado. Para aqueles que gostam de Delphi, podem usar o Delphi Prism, a ferramenta da CodeGear/Embarcadero para desenvolvimento de aplicações .net baseadas em linguagem Delphi. Isto quer dizer que você pode criar aplicações para a Web usando o Visual Studio, sem precisar misturar Javascript/Ajax/PHP ou outras linguagens de programação.

As aplicações são executadas inteiramente na máquina do cliente, usando para isso um plugin de aproximadamente 4MB, instalado na máquina do usuário. Este plugin contém um mini .net framework e permite rodar as aplicações Silverlight em múltiplas plataformas, sem necessidade de recompilação. Ao contrário de aplicações Asp.net, nada é executado no servidor. Se você deseja acesso a dados vindos de um banco de dados remoto, precisa criar um serviço que forneça estes dados para a aplicação. Para saber mais sobre isso, dê uma olhada em meu artigo na revista .net Magazine número 60.

Como já foi dito, o Silverlight possui um subconjunto de funções do WPF. Uma de suas principais características em comum é a independência entre o código e a interface da aplicação: a interface da aplicação é colocada num arquivo XML especial, chamado XAML (Extensible Application Markup Language), enquanto o código fica num arquivo separado, escrito em uma linguagem .net, como C#.

Além da independência entre o código e a interface, temos ainda outras vantagens no desenvolvimento:

• Layouts dinâmicos – ao contrário de uma aplicação tradicional, onde os controles tinham uma posição fixa, que não se altera quando a aplicação é redimensionada ou a resolução se altera, as aplicações Silverlight têm controles de posicionamento dinâmico, permitindo que os objetos sejam reposicionados automaticamente quando a aplicação é redimensionada;
• Estilos – da mesma maneira que podemos criar um estilo de parágrafo no Word e aplicá-lo a diversos parágrafos no texto, podemos criar estilos para os componentes e aplicá-los aos objetos da interface. Isto faz com que a interface ao usuário seja consistente, além de permitir a mudança do estilo, criando inclusive temas para a aplicação;
• Templates (modelos) – os controles Silverlight não têm um visual definido previamente. Podemos alterar completamente a aparência dos controles, usando modelos, criando facilmente botões redondos ou listas que não têm a aparência tradicional;
• Data binding (ligação de dados) – esta característica permite que propriedades de um controle estejam ligadas a fontes de dados externas, sejam elas arquivos, texto ou mesmo propriedades de outros objetos. Esta conexão é feita no markup, independente do código. Podemos conectar as propriedades de um objeto à interface da aplicação, atualizando as informações automaticamente sem código para isso;
• Gráficos vetoriais com animações – como no WPF, o modelo gráfico do Silverlight é vetorial. Isso traz algumas vantagens como: independência de resolução, alta qualidade e menor tamanho dos arquivos, entre outros. Além dos gráficos usuais em duas dimensões, podemos também criar gráficos animados ou mesmo animar nossos controles quando algo ocorre (por exemplo, podemos aumentar o tamanho do botão quando o mouse está sobre ele).

Instalando o Silverlight

Antes de começar a desenvolver aplicativos , devemos instalar o plugin para o browser. O plugin do Silverlight 2.0 pode ser obtido em http://www.microsoft.com/silverlight/resources/install.aspx. Uma vez instalado o plugin, devemos instalar o SDK do Silverlight. Este SDK, juntamente com as ferramentas para o Visual Studio 2008 SP1 permitem criar aplicações Silverlight no Visual Studio e pode ser obtido em http://go.microsoft.com/fwlink/?LinkId=129043. Após finalizar a instalação do SDK, você pode ainda baixar ferramentas adicionais, que não afetam o desenvolvimento final:

·Expression Blend 2.0 SP1 – a versão SP1 do Blend 2.0 permite criar o design das aplicações Silverlight de maneira visual . Embora não seja uma aplicação gratuita, é recomendada para quem deseja criar visuais avançados;" [...] continue lendo...