Introdução ao WPF
Introdução ao WPFO Windows Presentation Foundation (WPF), antes conhecido como Avalon é um subsistema gráfico desde a versão do Net. Framework 3.0. O WPF usa uma linguagem de marcação conhecida como XAML (eXtended Aplication Markup Language, a pronúncia é “zémel”) para o desenvolvimento de GUIs (Interfaces) ricas, possibilitando unificar interface 2D e 3D, documentos fixos, animações, vinculação de dados, áudio, vídeo, entre outras. Uma aplicação WPF pode ser implementada em ambiente desktop ou hospedada em site da web. Entretanto, nos dias atuais, tem-se o Silverlight, que é um subsistema do WPF, o qual é voltado totalmente para Web e consequentemente, espera-se que em versões futuras esteja suscetível para o desenvolvimento de dispositivos móveis. Neste tutorial vamos construir a primeira aplicação com WPF, utilizando o Visual Studio 2008 e a linguagem de programação C#. Porém você pode acompanhar este tutorial usando VB. Net. Iniciando o ProjetoAbrindo o Visual Studio 2008, vá a File -> New Project-> Project Types escolha o template WPF Application, ou seja, uma aplicação para desktop, conforme você pode visualizar na Figura 01.
Figura 01 – Criando projeto WPF
A seguir é apresentada a tela conforme mostrada na Figura 02.
Figura 02 – Interface de desenvolvimento Na Figura 02 pode-se observar que existem duas visões. O Design e a Xaml, as quais podem ser alternadas através do botão Swap Panes. No modo Design, é possível arrastar os controles do Toolbox, semelhante às aplicações em WinForm, e possibilitar a visualização da interface da aplicação. No modo Xaml você poderá adicionar o código manualmente ou simplesmente observar, que ao adicionar um componente na Janela (Window 1), o código Xaml é automaticamente adicionado. No solution Explore tem-se os arquivos que fazem parte da aplicação. No arquivo Window1.Xaml clique no sinal de + e você irá observar que existe um arquivo Window1.Xaml.cs, onde cs indica que o código está na linguagem C#. O arquivo Window1.Xaml.cs é associado ao arquivo Window1.Xaml. Para enfatizar, vamos criar um simples exemplo com os controles Button e TextBox. Então, na Janela (Window1) arraste os dois componentes. Selecione o objeto TextBox e modifique a propriedade Name, para txtTexto, conforme pode ser visualizado na Figura 03.
Figura 03 – Mudando nome da propriedade Depois, faça a mesma coisa para o Button, na propriedade name modifique para btnEnviar. Observe como ficou o arquivo Xaml, a Listagem 01 traz os dados da Interface
Listagem 01 – Código XAML da Interface
Vamos alterar o texto exibido no botão. Para isso selecione o botão e na propriedade Content, adicione “Enviar”. Depois, clique no botão que possui a imagem de um relâmpago para adicionar o evento click, e clique duas vezes no comboBox, conforme traz a Figura 04.
Figura 04 – Adicionando evento click A seguir será aberto o arquivo Window1.xaml.cs para codificação. Então adicione o código dentro do evento btnEnviar como apresentado na Listagem 02.
Listagem 02 – Código para apresentar uma mensagem no controle texto
A propriedade text recebe a string Primeiro teste com WPF. Execute a aplicação F5 e pressione o botão. Neste artigo foi apresentado um simples exemplo de uma “aplicação” em WPF usando o Visual Studio 200 e a linguagem C#. Entretanto, podem-se utilizar outras ferramentas para desenvolver a aplicação em WPF, bem como a interação do Visual Studio com o Microsoft Blend.
Espero que tenham gostado e consequentemente, eu estarei escrevendo mais sobre WPF com Visual Studio e Microsoft Blend.
Assine a newsletter para receber notificação de novos artigos
Abraços, Flávia Moreira |
