Criando Aplicativos com o MIT APP Inventor

            Para criar aplicativos com o MIT APP Inventor você precisa adicionar os componentes em tela, como pode ser visto na figura 1. Ao arrastar o componente, renomeie com algo que identifique o que o componente é e o que ele fará, como, por exemplo, chamar de btnFechar um botão (button) que fechará a aplicação. 

Figura 1 - Componentes e nomes dos componentes

            No lado direito da tela há a caixa de propriedades, onde ao modificar as propriedades do componente você poderá mudar a aparência ou o comportamento dele. Por exemplo, no caso do componente OrganizadorHorizontal1, modificamos a propriedade Largura para Preencher principal..., o que fará com que ele ocupe toda a largura da tela do dispositivo. A propriedade AlinhamentoHorizontal também foi modificada para Centro para que os botões btnAcessar e btnFechar fiquem centralizados (figura 2).

Figura 2 - Caixa de Propriedades

Programando o comportamento dos botões

            Para determinar o comportamento dos botões, selecione no topo direito da tela o botão Blocos. A janela de desenvolvimento será exibida. Ela tem duas caixas, sendo a da esquerda que exibe os grupos de blocos de programação e a da direita os blocos que você inseriu nesta janela, lembrando que seu aplicativo pode ter várias telas e você precisará programar o comportamento dos componentes em cada uma delas.

            Neste exemplo, a tela principal tem 2 botões e uma caixa de texto. Se o usuário acertar a senha que é 123 a segunda tela deverá ser exibida. Se clicar no botão fechar, o aplicativo deverá ser fechado. Você pode ver os blocos que definem o comportamentos dos 2 botões na figura 3.

Figura 3 - Blocos de programação.

            Assim, quando o botão btnAcessar é clicado ele testa se o conteúdo do componente txtPin é 123. Se for, abre a segunda tela e caso não seja, modifica o conteúdo do componente txtPin para INCORRETO. Já o botão btnFechar, ao ser clicado fecha o aplicativo.

Até a próxima!