‫Bem-vindo de volta ao WP se capítulo neste vídeo, vamos configurar tudo para o aplicativo Hello World,
‫portanto, você precisa abrir o instalador do Visual Studio e aqui você encontrará
‫instalado e sua comunidade do Visual Studio 2017.
‫E aqui simplesmente modifique ou clique em mais e, em seguida, clique em Modificar para que tudo fique pronto e você poderá
‫instalar as cargas de trabalho.
‫E aqui é importante também instalar o DOT nessa carga de trabalho de desenvolvimento de desktop.
‫Isso permitirá que você crie formulários do Windows WP e assim por diante.
‫Então, se você não tem isso, simplesmente pesquise por WP F aqui ou pesquise pelo dot net aqui e
‫instale o desenvolvimento de desktop dot net, uma vez feito isso, você pode fechá-lo e pode ir em frente e abrir
‫um novo projeto.
‫E agora depois de ter instalado isso, você verá algo chamado WP Fab Dot Net Framework aqui para que
‫você possa ir para Visual C Sharp e lá você encontrará o aplicativo YPF e eu irei
‫chamar aquele F zero one.
‫E vamos em frente.
‫Vamos abri-lo e o designer irá carregar e então você encontrará este arquivo Dot Zemel da janela principal e agora você deve estar se perguntando o que
‫é o arquivo de exemplo e o que é tudo isso aqui.
‫Bem, essa é a nossa interface gráfica do usuário.
‫E aqui podemos arrastar coisas como uma caixa de texto ou podemos arrastar botões, mas também podemos fazer isso
‫no código normal.
‫Estávamos procurando exemplos nos próximos vídeos, mas por enquanto, vamos apenas criar algo aqui, que
‫é um texto incrível e, portanto, você pode abrir.
‫A caixa de ferramentas do lado esquerdo, e aqui você encontrará todos os diferentes controles e assim por diante que você pode arrastar
‫para sua janela principal, como você pode ver, é chamada de janela principal.
‫E se você pesquisar por este título, também o encontrará aqui em seu exemplo.
‫Como você pode ver, está dividido aqui.
‫Há uma parte e há uma parte de design.
‫Portanto, esta janela de design é o que você pode ver aqui.
‫E então há esta janela, que você pode ver aqui.
‫E isso é basicamente o frio que compõe essa janela que vocês podem ver aqui.
‫Então, ele está usando vários nomes, virado para cima aqui.
‫Então é a classe da janela principal.
‫Essa é basicamente a classe que usamos aqui.
‫Como você pode ver aqui, a janela principal, aquele exemplo, e há um casaco atrás do vidro.
‫Veremos isso em um segundo.
‫E ainda há o título Altura.
‫E com isso definimos a largura da nossa janela.
‫Aqui definimos a altura e, claro, este título aqui no topo.
‫Agora, vamos abrir o design novamente.
‫Vamos clicar em Design.
‫Você pode até clicar duas vezes nele.
‫Então você o vê em uma janela inteira e em uma grande janela.
‫E então, para abrir a caixa de ferramentas, você pode pressionar control alt x ou pode simplesmente ir para visualizar e aqui você encontrará
‫a caixa de ferramentas.
‫Vou abrir a caixa de ferramentas.
‫Como você pode ver agora, ele está lá e desejo arrastar em um bloco de texto.
‫E esse é o nosso blog de texto, e você pode ver que pode mudar sua posição e agora, se arrastarmos isso para
‫cima, podemos ver que as coisas mudam aqui na grade também.
‫Então, se eu mexer, como vocês podem ver, a margem mudou.
‫A quebra automática de texto é definida para quebra, então é alinhada verticalmente para cima e para a esquerda, alinhada
‫horizontalmente para a esquerda.
‫Como você pode ver, você pode brincar com o valor aqui.
‫E vou posicioná-lo mais ou menos no centro.
‫E o que ele simplesmente faz, ele adiciona essas margens, como você pode ver, um vírgula quarenta e sete para o topo e
‫duzentos e vinte e cinco para a esquerda.
‫Portanto, agora, se eu quiser alterar o texto, posso simplesmente alterar o texto aqui ou posso clicar duas vezes aqui e, em seguida,
‫alterar o texto aqui.
‫Então, vou dizer algo como Olá, mundo.
‫E se eu entrar ou se clicar em algum outro lugar, como vocês podem ver, tem esse entrar aqui.
‫Então, vou me livrar disso novamente e clicar para decidir.
‫Como você pode ver, está ocupando apenas o espaço necessário.
‫Portanto, é a quebra do texto aqui e isso tem a ver com essa quebra de texto ou quebra de igualdade.
‫Tudo bem.
‫Portanto, veremos o exemplo e assim por diante.
‫Mas antes de tudo, vamos iniciar este aplicativo e executar o código e então você verá que temos
‫uma pequena janela média e que somos a janela principal e hello world.
‫Como você pode ver, este é apenas um texto simples que está definido aqui em nossa GUI e você pode até
‫ajustar isso.
‫Como você pode ver, não está centralizado.
‫Ele está sempre posicionado no mesmo local porque tem apenas essa margem para cima e
‫para a esquerda, que estão fixas agora.
‫A janela principal é chamada de janela principal devido ao título que possui.
‫Portanto, agora é um pequeno desafio para você.
‫Altere o texto para hello e seu nome e, em seguida, altere o título para minha primeira GUI.
‫Tudo bem, espero que você tenha tentado, então vamos fazer isso.
‫Vamos mudar o texto e vou fazer aqui no bloco de texto a propriedade text, e esse aqui
‫será Alô, Dennis, no meu caso.
‫E agora o título deve ser algo como minha primeira GUI, minha primeira interface gráfica de usuário GUI.
‫Agora vamos começar e seremos minha primeira GUI e olá, Dennis.
‫Excelente.
‫Agora tudo está configurado para direcionar mais algumas coisas aqui, como botões e todas essas coisas fantásticas.
‫E veremos como criar ótimos produtos nos próximos vídeos.
‫Então, vejo você lá.