Avançar para o conteúdo principal

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

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

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.

React - Introdução

 Neste post vamos fazer uma breve introdução ao React. React é uma framework javascript e por isso é importante ter conhecimentos desta linguagem de programação para melhor compreender o seu funcionamento. O que é necessário? Para construir páginas com React é necessário ter instalado a framework Node e o seu instalador de packages o npm. Com o Node instalado basta abrir uma janela da linha de comandos, eu aconselho utilizar o novo Windows Terminal ou o Cmder . Na sua linha de comando escolhida execute o comando: npx create-react-app Tutorial01 Este comando vai criar uma pasta com o nome Tutorial01 e instalar dos os ficheiros necessários para construir a sua primeira aplicação React dentro dessa pasta. De seguida entramos na pasta criada com o comando: cd Tutorial01 E iniciamos a aplicação com o comando: npm start Deve conseguir ver uma página com o seguinte aspeto: A partir daqui, até fechar a linha de comando, todas as alterações feitas aos ficheiros da sua aplicação são automaticam