Atividade adicional 2 Criação de formulários e controles gráficos Abra o Visual Studio e acesse o menu File > New > Project Selecione o WPF Application dentro de Templates > Visual C# > Windows
Quando o projeto carregar, você verá duas abas na janela principal. Uma se chama MainWindow.xaml, que corresponde à disposição dos elementos gráficos e a outra MainWindow.xaml.cs, que corresponde ao código de interação (code behind). Para executar o programa, pressione F5 ou clique no botão Start, conforme a imagem abaixo
O programa irá abrir uma janela em vazia, conforme a imagem a seguir Vamos adicionar controles visuais nessa janela. Procure pela aba Toolbox localizada no canto esquerdo do Visual Studio, como mostra na imagem. Caso a
aba Toolbox não esteja visível, abra ele acessando o menu superior View > Toolbox (Ctrl+W Ctrl+ X)
Ao abrir o Toolbox, expanda o conteúdo do All WPF Controls. Nele estão os todos controles visuais que podemos adicionar. Basta arrastar e soltá-los para dentro do editor da MainWindow. Vamos adicionar o controle Label no MainWindow.xaml e abrir a aba Properties localizada no canto direito da janela do Visual Studio. Caso a aba Properties não esteja visível, a tecla de atalho para exibi-la é F4. Tendo selecionado a Label que você acabou de colocar, procure na aba Properties a propriedade Content. Essa propriedade determina qual é o texto que será exibido na Label. Altere o texto para algum valor que você deseja.
Outra propriedade importante é a Name, que identifica o componente. Cada componente deve ter um Name único e ele é utilizado para referenciar o elemento no code behind. No caso, vamos alterar o Name da Label para minhalabel. Reexecute o projeto e veja o novo resultado.
Você pode explorar as outras propriedades do componente Label e alterar o tamanho da fonte, cor, rotação e vários outros detalhes. Vamos agora adicionar um outro componente na janela: Button. Selecione ele na Toolbox e arraste-o para dentro do editor, posicionando em algum lugar adequado. Aproveite para trocar a propriedade Content, da mesma forma como fizemos com a Label.
Dê um duplo-clique no componente Button. Isso cria e vincula o evento Click ao componente e o foco do editor é transferido para o CodeBehind (a aba MainWindow.xaml.cs) Altere o código da classe MainWindow para ficar da seguinte forma public partial class MainWindow : Window { int cliques = 0; public MainWindow() { InitializeComponent(); } private void button_click(object sender, RoutedEventArgs e) {
} } cliques++; minhalabel.content = "Você clicou " + cliques + " vez(es)!"; Execute o projeto e veja o resultado Outro componente importante para interação com o usuário, é o TextBox que permite ao usuário inserir textos. Selecione a TextBox pela Toolbox e arraste-a sobre o editor da janela. Troque a propriedade Name para minhacaixadetexto, através da aba Properties. Aproveite para montar uma interface conforme a imagem a seguir, posicionado uma nova Label e um novo Button. Quando estiver tudo pronto, dê um duploclique neste Button que você acabou de colocar.
Modifique o código dele (função button1_click) da seguinte forma: private void button1_click(object sender, RoutedEventArgs e) { minhalabel.content = "O seu nome é " + minhacaixadetexto.text; } Execute o projeto e veja o resultado. Exercícios 1. Altere o projeto para exibir uma mensagem de erro quando o usuário clicar no segundo botão e o texto presente na TextBox for vazio. 2. Adicione mais três TextBoxes e três Labels para fazer a entrada da data de nascimento do usuário. Utilizando a estrutura DateTime, calcule e exiba o tempo de vida do usuário em total de dias. A fórmula para calcular é a seguinte: (DateTime.Now - new DateTime(<ano>, <mês>, <dia>)).totaldays