Avançar para o conteúdo principal

Mensagens

A mostrar mensagens de 2020

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 a

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