APP Inventor II

Atividade: Construir uma tela utilizando a interface slider ocupando 80% da tela

Autor: Ilton L Barbacena

Data: Março/2017

 

Texto base para esta atividade

 

  1. Abrir o aplicativo, sincronizar com o celular
  2. Iniciar um novo projeto e dar o nome: slider1
  3. Adicionar na tela principal, ou de vizualização, os componentes ilustrados nas Figuras 1, 2, 3 e 4, correspondente as propriedades de cada componente oriundo da paleta;

 

Figura 1 - Detalhe das propriedades do título da tela

 

Figura 2 - Detalhe das propriedades do compoenente label renomeado como "texto1"

 

Figura 3 - Detalhe das propriedades do label "texto2"

 

Figura 4 - Detalhe das propriedades do componente slider renomeado "Pot1"

 

  1. Adicionar na tela dos blocos, os elementos utilizados na programação, ilustrados nas Figura 5;

 

Figura 5 - Tela dos blocos de programação

 

  1. Criar o aplicativo slider1.apk, em Build / apk;
  2. Salvar projeto fonte em slider1.aia, Projects / Export Selected project (.aia)
  3. No computador, enviar o arquivo slider1.apk para seu email
  4. No celular, abra seu email e clique no arquivo para download, e baixe em seu celular
  5. Destrave as opções de segurança do celular para abrir arquivo de fontes desconhecidas
  6. Instale e execute o aplicativo

Veja na tela do seu celular que ao deslocar o cursor do slider os valores mostrados variam de 0 a 1023.

 

Atividade: