O Treinamento em WPF

[pic 3]

Introdução ao WPF no Visual Studio

[pic 4]

Material: Gyovanna Lemos

Sheila Lacerda

glemos@br.ibm.comsheilag@br.ibm.com[pic 5]

© 2015 IBM Corporation

O que é WPF?

●Windows Presentation Foundation (WPF)

●Extensible Application Markup Language (XAML);[pic 6]

●Code-behind;

●Definições de aplicativo;

●Controles;

●Layout;

●Ligação de dados;

●Estilos.

[pic 7]

© IBM Corporation

O que é WPF?

●     WPF é uma plataforma de desenvolvimento desktop para aplicações comerciais;

●     Em 2004, houve o surgimento do projeto Avalon, com o propósito de uma tecnologia

de interface do Windows Vista. Lodo após, tornou-se o WPF;

●     WPF é uma plataforma que utiliza o poder de processamento GPUs (Unidade de

Processamento Gráfico);

●         Desta forma há o code-behind, .cs, podendo ser em C#, VB.NET ou qualquer outra plataforma .NET.

XAML                                                                     Code-behind

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Title="Window with Button"

Width="250" Height="100"

void button_Click(object sender, RoutedEventArgs e)

{

MessageBox.Show("Hello, Windows Presentation Foundation!");

}

O que é WPF?

●XAML foi desenvolvimento para ser independente de linguagem de programação e garantir integração entre equipe desing e programação;

●CURIOSIDADE:

●Visual Studio de 2010 foi desenvovido em WPF;

[pic 8]

Layouts para disposição de controles

●StackPanel: Também é simples, porém não está limitado às coordenadas. Nele o posicionamento é organizado através de enfileiramento. Você adiciona um controle, então adiciona outro e assim por diante. Todo esse conteúdo fica posicionado horizontalmente ou verticalmente. Isso é determinado por uma propriedade chamada Orientation;

●  WrapPanel: Como seu nome diz, ele faz uma quebra em seu conteúdo. Por exemplo, você vai adicionando botões a um WrapPanel e, quando não couber mais na mesma linha, ele automaticamente joga para a linha de baixo;

●DockPanel: É um container muito versátil, pois ao utilizá-lo ele adiciona aos controles nele contidos a capacidade de escolherem onde ficarão, se à esquerda, direita, no topo ou abaixo;

●  Grid: Este é o container mais flexível, pois nele podemos criar linhas e colunas e nelas

inserir os controles, bem semelhante a tabelas HTML.

[pic 9]

Layouts para disposição de controles[pic 10]

●Title: Título da aplicação, dos Grids e pode ser utilizado em outros demais casos;

●Textbox: Pode conter apenas texto sem formatação;

●Combobox: Propriedade que exibe uma lista de elementos;

●Button: Botão associado à eventos;

●Margin: Define margens superiores, inferiores e laterais dos componentes;

●Backgroud: Define cor de fundo;

●Border: Define modelo, cor, e espessura;

●Row: Define linhas;

●Column: Define quantidade de colunas da tela.

Prática 1 – Criando uma aplicação simples em WPF

Objetivo:

●Criar uma aplicação utilizando os recursos do WPF, XAML, utilizando o Visual Studio

2015.

●Esta aplicação resolverá a fórmula de bhaskara conforme os números digitados pelo usuário.

Prática 1 – Criando uma aplicação simples em WPF

Resultado esperado:

[pic 11]

Prática 1 – Criando uma aplicação simples em WPF

Siga os passos abaixo para iniciar a aplicação em WPF.

Abra o Visual Studio, clique em File, New, Project.

[pic 12]

Prática 1 – Criando uma aplicação simples em WPF

Abrirá a tela conforme figura abaixo. Selecione WPF Application.

...