Wpf/Xaml single page app

Neste post vamos ver como criar uma aplicação com uma única janela.

A aplicação terá várias páginas e é baseada na tecnologia WPF/XAML utilizando a linguagem de programação C#.

Começamos por criar o projeto no Visual Studio escolhendo este tipo de aplicação:

De seguida abrimos a Main Window e definimos a estrutura da interface.

Do lado esquerdo colocamos um menu e do lado direito fica o elemento DockPanel com uma Frame

A Frame é o elemento que será utilizado para mostrar o conteúdo das páginas.

Agora podemos criar as páginas. Neste exemplo criamos duas.

Clicando com o botão direito no Solution Explorer, escolhemos Add e depois Page.

Repetimos o processo e o projeto agora tem a MainWindow, a Page1 e a Page2.

Nas páginas criadas colocamos o conteúdo a apresentar. Como isto é só um exemplo vou alterar a cor de fundo e colocar um pequeno texto.

A Page1

A Page2

Por fim vamos fazer o código. De volta à MainWindow temos de criar os eventos nos items do menu. Assim, na linha do MenuItem acrescentamos o evento click e escolhemos New Event Handler:

Se a opção não aparecer tente com CTRL+ESPAÇO.

O Visual Studio gerou a função, agora basta premir F7.

Dentro de cada evento/função basta acrescentar esta linha de código

Com este código estamos a atribuir como conteúdo da Frame a respetiva página.

E pronto, agora é só testar.

O projeto está aqui.

Comentários

Mensagens populares deste blogue

Upgrade do Windows Home para Pro sem formatar

Há algum tempo que tentava fazer o upgrade do meu Windows 10 da versão Home para a versão Pro, mas chegava sempre a um ponto em que me era solicitado para formatar o sistema e não estava para isso. Finalmente conseguinte seguindo estes passos: - seguinte estes passos utilizei uma das chaves genéricas para o Windows 10 Pro e fui a Settings > Update & Security > Activation > Change the product key; - após inserir uma das chaves o Windows instala as funcionalidades Pro e pede para reiniciar; - agora tem o Windows Pro mas não está ativado, assim fui ao site urcdkeys onde comprei uma chave para o Windows Pro por menos de €20; - com essa chave voltei a funcionalidade Change the product key e ativei o Windows; - e pronto, Windows Pro ativado sem formatar ou reinstalar. Importante : eu não tenho nada a ver com o site urcdkeys por isso a vossa experiência pode correr de forma diferente da minha.

Ler mais

Vamos fazer um carro com o Unity 3D

Neste artigo vamos fazer um carro, simples, com o Unity 3D. A ideia é utilizar o motor de física do Unity 3D para simular o comportamento do carro. Os passos a seguir são: [1] - Criar um projeto novo

Ler mais

Tem troco

Para hoje um pequeno programa que dá troco, bem dar não dá mas calcula o troco a dar em função das moedas disponíveis. Neste projeto vamos utilizar o novo Visual Studio 2012. Como era de se esperar vamos iniciar um projeto novo: Agora adicionamos os seguintes elementos: - um botão para calcular as moedas a dar de troco - um botão para repor o número de moedas iniciais disponíveis - uma textbox para introduzir o valor a pagar - uma textbox para introduzir o valor entregue - umas labels para informar o utilizador do que deve introduzir e outra para mostrar o troco - por fim uma grelha para mostrar os valores das moedas e as quantidades disponíveis de cada uma. A janela principal do programa fica assim: Agora o código, primeiro o evento load do formulário, neste vamos definir os valores das moedas e as respetivas quantidades Para guardar estes valores vamos necessitar de uma variável definida ao nível do formulário, logo abaixo da definição da class: Public Class Form1 Public mo

Ler mais

Modo de Segurança

Pesquisar neste blogue