Sessão 3

Objetivos da sessão:

o Programação por Blocos no App Inventor;

o Realização de exercícios práticos:
o utilização dos eventos para alterar propriedades dos componentes;
o utilização de variáveis;
o utilização do Canvas;
o utilização do List Index
o utilização do Notifier.

Olá Viva!

Bem-vindo à 3ª sessão da formação “Programação Android App Inventor 2”. Espero que
tenha gostado de realizar as app’s da 2ª sessão, do Balsamiq Mockups e da criação de um
protótipo.

Nesta sessão vai continuar a realizar exercícios com alguns dos componentes da palete
(Sound, Clock, Player, Camara,Slider, VideoPlayer e Canvas, utilização do
Notifier, CheckBox, Sharing, PhoneNumberPicker, PhoneCall) e utilizar variáveis e listas.

Relativamente aos vídeos disponibilizados, recomendo a sua visualização em modo “Ecrã

inteiro” e com a qualidade máxima disponível em “Definições” (normalmente entre os 480p
e
720pHD.

Como tarefa, deverá enviar as apps apresentadas neste documento e vídeos

disponibilizados. Tem que programar os templates fornecidos nos 2 últimos exercícios (a
app integradora de alguns componentes, e a app “Comunicar”).

Continuação de bom trabalho!

1
Página
Exercício - Incrementar o valor de uma
Vídeo que exemplifica a manipulação de informação apresentada numa label.

Utiliza, ainda, o componente Slider, uma barra de progresso, que permite aumentar ou diminuir o
valor da label. Também pode ser utilizada em múltiplas situações, como por exemplo, controlar o
volume de som.

Utiliza o componente Sound para fazer vibrar os botões do telemóvel quando pressionados.

App Interface

2
Página
Exercício - Criar um player de um ficheiro de
áudio.
Vídeo que exemplifica a utilização do componente não visível Player.

O Player é um componente multimédia que reproduz ficheiros de som e se encontra no separador

Media da palete de componentes.

Utilize o ficheiro áudio que se segue no exercício.

Nota: Não esqueça de fazer o desafio do final do vídeo.

App Interface

3
Página
Exercício – Criar um Vídeo
Vídeo que exemplifica a utilização do componente VideoPlayer.

É um componente que permite reproduzir vídeos. Quando a app é executada, o VideoPlayer será
exposto num retângulo no ecrã. Se o utilizador toca no retângulo, aparecem os controlos
para reproduzir / parar, avançar e retroceder no vídeo. Com este componente também é possível
controlar a execução do vídeo através os métodos Start, Pause, e SeekTo.

Os ficheiros de vídeo devem estar nos formatos Windows Media Video (.wmv), 3GPP (.3gp)
ou
MPEG-4 (.mp4).

O App Inventor apenas permite ficheiros vídeo com um tamanho inferior a 1 MB e limita o tamanho
total da app a 5 MB.

É sempre possível dar a volta a esta limitação definindo uma fonte de média com uma URL que
aponta para um vídeo streaming, mas a URL deve apontar para o próprio ficheiro de vídeo, e não a
um programa que reproduz o vídeo.

App Interface

4
Página
Exercício - Tirar uma
Vídeo que exemplifica a utilização do componente não visível Camara.

A Camara é um componente multimédia que permite tirar fotografias utilizando a camara do

telemóvel.

Utiliza, ainda, o componente Image que permite a visualização de imagens.

Altere as propriedades do componente Image para ajustar a imagem no telemóvel.

App Interface

5
Página
Exercício - Organizar layout e trabalhar
com imagens
Vídeo que exemplifica a manipulação de imagens com o componente Canvas. Este componente é
um painel retangular bidimensional e sensível ao toque que se encontra no separador Drawing and
Animation.
Utiliza, ainda, os componentes do separador Layout:
- TableArrangement - é um elemento de formatação que permite dispor componentes numa de
tabela.
- HorizontalArrangement - é um elemento de formatação que permite dispor componentes na
horizontal (lado a lado).

Nota: A explicação apresentada no vídeo refere-se ao botão "Avançar" e não o botão "Retroceder".
É um lapso e, como tal, o desafio será realizar o código do botão "Retroceder".

App Interface

6
Página
Exercício – app integradora de
abordadas

Deixo o ficheiro Midia_Player_Template.aia para integrar o código necessário ao funcionamento dos

botões. Esta app tem algumas preocupações de apresentação estética e de “navegação”
entre screens. Este tema voltará a ser abordado na próxima sessão.

O template inclui o componente Notifier da pallet “User Interface”. Este componente não
visível apresenta caixas de diálogo de alerta, mensagens e alertas temporários. Deve ser utilizado
nesta app para confirmar o encerramento da aplicação clicando no botão de “retroceder” do próprio
device.

Deixo 2 dos screens:

Altere, no screen1, o nome da app para Midia Player em AppName e

utilize a imagem MediaPlayer.png para o icon da app. Desta forma,
quando for gerado o .apk da app, este já incorpora um icon que aparecerá
no device após a instalação. Pode utilizar outra imagem se assim o
entender.
7
Página
Chamo particular atenção para o código necessário ao sistema de “navegação” entre
screens apresentado a seguir. Quando uma app tem vários screens devemos ter a preocupação de
encerrar os screens que deixam de ser utilizados, de forma a libertar memória ao device.

Código para o screen1

Código para encerrar cada um dos screens

8
Página
Exercício -
App que exemplifica a utilização de alguns componentes do separador Social, da pallet (Sharing,
PhoneNumberPicker, PhoneCall entre outros). A app inicia com um screen de entrada, que com a
ajuda do componente clock, ao fim de três segundos, automaticamente passa para o screen
“Aplicação”.

No screen “Aplicação” é possível enviar mensagens, partilhar mensagens e fazer chamadas

de telemóvel, mediante a seleção de cada uma das opções e acedendo aos contactos e recursos
do telemóvel.

Na manipulação do screen recorre-se à propriedade “Visible” de alguns componentes.

É disponibilizado o ficheiro Comunicar_Template.aia e uma parte do código para realizar o

exercício. Pretende-se ainda que faça a validação de introdução de dados antes da

execução dos botões

(envio/partilha de mensagens e marcação de número de telefone) e que associe um icon para a sua
instalação.

App Interface

9
Página
Página
10