[ad] Espaço de anúncio vazio (#1)!

O 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.

[ad] Espaço de anúncio vazio (#1)!


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 Projeto

Abrindo 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.

Projeto WPF

Figura 01 – Criando projeto WPF

A seguir é apresentada a tela conforme mostrada na Figura 02.

Desenvolvimento WPF

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.

textblok

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

<Window x:Class=”App_PrimeiraAplicacao.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>

<Button Height=”26″ Margin=”44,0,62,10″ Name=”btnEnviar” VerticalAlignment=”Bottom”>Button</Button>

<TextBox Height=”23″ Margin=”39,38,90,0″ Name=”txtTexto” VerticalAlignment=”Top” />

</Grid>

</Window>

Listagem 01 – Código XAML  da Interface

Nota: A linguagem XAML é baseada na Linguagem XML.

Um root por arquivo;

A vinculação com uma classe no código. Na Listagem 01 acima temos x:Class=”App_PrimeiraAplicacao.Window1″

Tags (</>) para definição de elementos;

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.

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace App_PrimeiraAplicacao

{

/// <summary>

/// Interaction logic for Window1.xaml

/// </summary>

public partial class Window1 : Window

{

public Window1()

{

InitializeComponent();

}

private void btnEnviar_Click(object sender, RoutedEventArgs e)

{

txtTexto.Text = “Primeiro teste com WPF”;

}

}

}

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,