Unidade 3: Trabalhando com variáveis no App Inventor

Transcrição

1 Unidade 3: Trabalhando com variáveis no App Inventor

2 Indice 1. Introdução Utilização de variáveis Executando o aplicativo Calculadora...8 2

3 Unidade 3. Trabalhando com variáveis no App Inventor 1. Introdução Como em qualquer linguagem podemos utilizar variáveis no desenvolvimento de apps no AppInventor. As variáveis servem para armazenar conteúdos temporários em nossas aplicações e que poderão ser utilizados para cálculos e posteriores visualizações. O procedimento ocorre através do Editor de Blocos como veremos a seguir. 2. Utilização de variáveis Agora vamos supor que você queira desenvolver um aplicativo onde ao entrar com dois números eles serão somados e seu resultado aparecerá após um botão ser clicado. Com certeza você já desenvolveu este tipo de programação em outra linguagem e serve como introdução aos cálculos mais avançados posteriormente. Então este será nosso aplicativo Calculadora, crie-o na nossa área de My Projects. 3

4 Serão inseridos os seguintes componentes em nossa área de Designer: etiquetas (Label), caixas de texto (TextBox) e um botão (Button). Os componentes deverão ser nomeados com a seguinte padronização: Componente que usará Prefixo e forma de nomear Exemplo Botão (button) btn + Letra maiúscula + resto de nome btnaceitar, btnpressionar, btnprocessar Caixa de Texto (TextBox) txt + Letra maiúscula + resto de nome txtaviso, txtnome, txtapelido Etiqueta (Label) lbl + Letra maiúscula + resto de nome lblnumeroa, lblresultado Então após a montagem desta estrutura de captura destes dados iniciaremos a operação matemática. No Editor de Blocos, pode-se chamar as peças de código pressionando um clique com o botão esquerdo do mouse na área vazia que aparecerá este menu: Primeiro devemos definir as variáveis logo ao pressionar o botão Defin e do submenu selecionar variable. Aparecerá: Daremos um nome a esta variável e a definiremos que tipo de dados que trabalhará: se numérica ou texto, para isto volte a dar um clique (com botão esquerdo do mouse) na área livre, selecione Math e em seguida 123. Anexe a peça que já temos e a variável estará definida. Por último daremos nome a ela: 4

5 Adicionando nome, clique na palavra variable, ela ficará aberta para edição, coloque ValorA: Faça o mesmo para a criar a variável ValorB: A captura dos dados e a posterior soma acontecerão na programação deste botão btnsomar. Para capturar os dados deveremos realizar o seguinte procedimento: Dê um clique em My Definitions, ali aparecerão as variáveis que foram definidas. 5

6 Selecione set global Valor A to e encaixe dentro do btnsomar: Em em seguida: O valor que o usuário tiver digitado em txtnumeroa, será associado a variável ValorA, repare que não há nenhuma conversão para passar de texto para número. Faça o mesmo procedimento para a variável ValorB. 6

7 Chega o momento de somar e este requerirá uma terceira variável para armazenar o resultado e uma peça que nos permita soma, este recurso se encontra em Built-In e Math. Agora é hora de adicionar as variáveis para que sejam somadas: Operação de soma realizada, em My Definitions encontraremos as peças global ValorA e global ValorB e apresentar o resultado. 7

8 Mostrando o resultado em "txtresultado" e finalizando o algoritmo. 3. Executando o aplicativo Calculadora. Agora execute o Emulator e teste sua aplicação. Atividade Desenvolva neste mesmo aplicativo os cálculos de subtração, multiplicação e divisão, exibindo seus resultados em variáveis distintas para cada cálculo, utilizando as mesmas variáveis A e B. 8