Delphi Prism: Personalizando aplica��es WPF

De que se trata o artigo

O artigo far� uma explanaç�o de alguns dos recursos relacionados especificamente ao visual das aplicaç�es WPF, atrav�s de quatro t�picos fundamentais: Styles, Templates, Skins e Themes. Estes recursos que at� ent�o eram figuras conhecidas no mundo do desenvolvimento Web como, por exemplo, em ASP.NET, agora est�o dispon�veis tamb�m para as aplicaç�es Desktop por meio do WPF (Windows Presentation Foundation).

Em que situaç�o o tema � �til

Com o decorrer do tempo, durante o desenvolvimento de uma aplicaç�o WPF, algumas necessidades em termos visuais s�o sentidas. Entre elas, podemos citar a definiç�o de um padr�o de estilizaç�o para os controles visuais, algum modelo referente � forma de como determinado tipo de controle deve ser apresentado na interface de usu�rio, bem como a capacidade da aplicaç�o suportar a utilizaç�o de skins que alteram sua apar�ncia, a crit�rio do usu�rio final e de forma din�mica. Todas essas necessidades s�o devidamente supridas por recursos oferecidos pelo pr�prio Windows Presentation Foundation e que ser�o abordados neste artigo atrav�s de Styles, Templates, Skins e Themes.

Styles, Templates, Skins e Themes no WPF

A ideia do artigo � proporcionar ao leitor mais uma abordagem t�cnica de um, entre os in�meros temas ligados � tecnologia WPF e � construç�o de aplicaç�es deste tipo utilizando o Delphi Prism. O assunto escolhido, tem como foco principal, al�m da parte t�cnica e conceitual, mostrar as novas possibilidades que o casamento entre Delphi Prism e o .NET Framework pode proporcionar � comunidade Delphi. Esta uni�o se torna ainda mais perfeita pelo fato do Delphi Prism ter o Oxygene como sua linguagem padr�o, baseada no Object Pascal do Delphi. Al�m disso, por si s�, o WPF inovou, disponibilizando recursos para o manuseio visual de aplicaç�es Desktop, tais como Styles, Templates, Skins e Themes, que s�o itens que at� ent�o n�o eram t�o comuns para este segmento. Para a demonstraç�o de como cada um dos recursos pode ser empregado no WPF, ser� utilizada uma abordagem pr�tica, atrav�s do uso de exemplos de situaç�es fict�cias.

O Delphi Prism � o atual IDE da Embarcadero para o desenvolvimento .NET, suportando as vers�es mais recentes do framework e utilizando o shell do Visual Studio como sua base principal. Dessa forma, tecnologias nativas Microsoft, como Windows Presentation Foundation (WPF), Silverlight, WCF e LINQ agora est�o dispon�veis tamb�m para o mundo Delphi. Tudo isso de forma facilitada, uma vez que a linguagem utilizada pelo Delphi Prism, a Oxygene (tamb�m tratada como D#), � toda baseada em Object Pascal, que � a linguagem do Delphi tradicional. Sendo assim, a curva de aprendizado � atenuada, se comparada a uma eventual mudança para o C#, por exemplo.

Nota do DevMan

Oxygene, anteriormente conhecida como Chrome, � uma linguagem de programaç�o baseada em Object Pascal desenvolvida pela empresa RemObjects Software, voltada para o desenvolvimento .NET. Em meados de 2008, a RemObjects licenciou seus produtos (compilador e IDE) para a Embarcadero, resultando na IDE Delphi Prism, que se integra devidamente ao Visual Studio, aproveitando todos os recursos oferecidos pelo framework da Microsoft.

WPF

Com a reabertura do universo .NET para o Delphi, proporcionada pelo Delphi Prism, surgiu a possibilidade de construç�o de novos tipos de aplicaç�es, no qual podemos citar as aplicaç�es com interfaces ricas. Neste ponto surge o Windows Presentation Foundation, ou simplesmente WPF, que � o framework da Microsoft para a construç�o de aplicaç�es que proporcionam um alto grau de experi�ncia com o usu�rio, atrav�s de poderosos recursos visuais (incluindo gr�ficos 2D e 3D e animaç�es) e suporte a multim�dia (�udio e v�deo). Toda a definiç�o visual do WPF se d� por meio de uma linguagem de marcaç�o especial denominada XAML (eXtensible Application Markup Language), que � baseada em outra linguagem de marcaç�o, a XML (Extensible Markup Language). Somam-se a isso, algumas outras vantagens oferecidas pela tecnologia que justificam sua adoç�o:

� Ao estudar o framework WPF, obt�m-se um n�vel de conhecimento necess�rio n�o s� para o desenvolvimento de aplicaç�es, como tamb�m para o manuseio de segmentos tratados em separado por outras tecnologias, como � caso dos recursos de �udio, v�deo, animaç�es, gr�ficos 2D e 3D;

� O WPF utiliza-se do processamento gr�fico do computador, ao inv�s do processamento central, obtendo assim um melhor �ndice de renderizaç�o, resultando em caracter�sticas gr�ficas mais suaves e de mais qualidade;

� Os arquivos XAML, que definem toda sua interface visual, possuem um arquivo de code-behind associado, fazendo com que o c�digo da interface de usu�rio fique separado do c�digo de neg�cio. Dessa forma, o trabalho entre os profissionais de designer e programaç�o pode ser facilmente dividido;

� A composiç�o visual oferecida pelo framework Windows Presentation Foundation proporciona ao desenvolvedor um n�vel de flexibilidade muito alta possibilitando, por exemplo, a composiç�o de um controle atrav�s da combinaç�o de outros (por exemplo, um Button contendo em seu interior um StackPanel e um TextBlock). Assim sendo, produzem-se controles customizados e �nicos.

Ainda sobre XAML, na Listagem 1 pode ser conferida a estrutura padr�o de uma janela WPF, cuja definiç�o se d� por meio desta linguagem de marcaç�o.

Listagem 1. C�digo XAML que define uma janela padr�o no WPF

<?xml version='1.0' encoding='utf-8' ?> <Window x:Class="WPFApplication1.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Window1" Height="300" Width="300"> <Grid> </Grid> </Window>

Outra observaç�o a se fazer � que as aplicaç�es WPF podem ser destinadas tanto para o ambiente Web, quanto Desktop, sendo esta �ltima a mais empregada. Tanto � que a tecnologia � taxada como a sucessora das aplicaç�es Windows Forms (�carro-chefe� da Microsoft, para aplicaç�es Win32 at� ent�o). Al�m disso, alguns recursos que em outras tecnologias se aplicam exclusivamente a um ambiente ou outro, com o WPF n�o existe esta distinç�o (Web e Desktop). Neste contexto se encaixa a parte de padronizaç�o e estilizaç�o visual, oferecida por quatro recursos especiais denominados Styles, Templates, Skins e Themes, que podem ser popularmente traduzidos como estilos, modelos, peles e temas, respectivamente.

Styles

No desenvolvimento Web, o termo Style � relacionado � linguagem de estilo denominada CSS (Cascading Style Sheet). Ela � utilizada para definir a apresentaç�o de documentos que utilizam determinada linguagem de marcaç�o, como o HTML, que � o exemplo mais popular. Em termos t�cnicos, o CSS prov� uma ideal separaç�o entre o conte�do e o formato do documento. O desenvolvedor pode, ent�o, definir em um arquivo separado os estilos que ser�o usados por cada tipo de elemento presente no documento e depois apenas vincular este arquivo aos documentos HTML que dever�o receber a estilizaç�o.

A estrutura de um estilo CSS, essencialmente, define as propriedades de um elemento e seus respectivos valores, formando assim um conjunto de regras. A seguir � mostrada uma declaraç�o de um estilo simples para o elemento HTML body, onde s�o definidas sua margem e cor de fundo:" [...] continue lendo...

Delphi Prism: Personalizando aplica��es WPF - Revista ClubeDelphi 132

O artigo fará uma explanação de alguns dos recursos relacionados especificamente ao visual das aplicações WPF, através de quatro tópicos fundamentais: Styles, Templates, Skins e Themes.

Artigos relacionados