Oficina 5 de App Inventor: mudanças entre as edições
Sem resumo de edição |
|||
| Linha 7: | Linha 7: | ||
*Usar o recurso de troca de "screen". | *Usar o recurso de troca de "screen". | ||
*Usar o componente ''Clock''; | *Usar o componente ''Clock''; | ||
*Usar a propriedade de visibilidade da componente "arrangement" para simular troca de screen. | |||
*usar a opção ''watch'' para acompanhar o valor de variáveis. | *usar a opção ''watch'' para acompanhar o valor de variáveis. | ||
| Linha 43: | Linha 43: | ||
=== Criando a segunda tela (Screen2) === | === Criando a segunda tela (Screen2) === | ||
;Adicione a partir da "Palette" os componentes necessários para construir a Screen2 abaixo: | |||
Os componentes utilizados são: 1 VerticalArrangement, 1 TableArrangement, 1 HorizontalArrangement, , labels, texBoxs, buttons e um clock (um sensor, componente não visível) | |||
[[Arquivo:Janelas_tela_3.png| 1200px]] | |||
Edição das 14h19min de 24 de abril de 2015
1 OBJETIVOS
Ao final da aula o aluno deverá ser capaz de:
- usar variáveis para armazenar dados noapp inventor;
- Usar o componente TextBox para entrada e visualização de dados.
- Usar o recurso de troca de "screen".
- Usar o componente Clock;
- Usar a propriedade de visibilidade da componente "arrangement" para simular troca de screen.
- usar a opção watch para acompanhar o valor de variáveis.
Usando o AppInventor construa um APP que alterne de tela a cada 20 segundos.
1.1 Cria a interface gráfica utilizando o Designer
- Adicione a partir da "Palette" os componentes necessários para construir a screen1 abaixo
Os componentes utilizados são: 2 TableArrangement, 1 HorizontalArrangement, labels, texBoxs, button e um clock (um sensor, componente não visível)
1.2 Programando o APP - Janelas - parte I
- No ambiente "blocks" do "Appinventor" construa as instruções para que
a) quando o botão salvar for pressionado o texto da caixa de texto correspondente ao nome seja armazenado na variável nome. O texto da caixa de texto correspondente a matricula seja armazenado na variável matricula. Após os textos serem armazenados apagar o conteúdo das duas caixas de texto.
b) quando o botão mostrar for pressionado mostrar nas labels "mostra" o nome e a matrícula armazenadas nas variáveis nome e matricula.
c) quanto o botão limpar for pressionado apagar o conteúdo das duas variáveis.
As instruções para executar essa programação são mostradas na figura abaixo.
- Verifique se o APP está operando corretamente. (Uso um celular ou tablet com androide e o aplicativo ai2 companion, ver instruções em [1]
1.3 Criando a segunda tela (Screen2)
- Adicione a partir da "Palette" os componentes necessários para construir a Screen2 abaixo
Os componentes utilizados são: 1 VerticalArrangement, 1 TableArrangement, 1 HorizontalArrangement, , labels, texBoxs, buttons e um clock (um sensor, componente não visível)
