Programação de Dispositivos Móveis.

Aula n°4
Introducao a Layouts e Widgets(views).

Eng. Edmundo Manave

Instituto Superior de Transportes e Comunicação

1
 Layouts e Widgets
Widgets

Widget são os elementos isolados como:

 textos - botões - caixas de texto - etc

Precisam obrigatoriamente dos atributos layout_width e layout_height

Em vez de valores absolutos (em pixels) é comum ver os valores:

• match_parent: para indicar que deve ter a mesma largura do elemento

que o contém,
• ou wrap_content: para indicar que deve ter a mesma largura do
conteúdo do elemento
1. TextView :
Componente que funciona como se fosse uma Label (“rotulo”),
onde nele podemos mostrar alguma informação, mensagem e etc.

2
 Layouts e Widgets
Widgets

2. Button :
Componente que representa um botão onde podemos clicar nele e
também atribuir ações que podem ser executadas caso isso
aconteça.
3. CheckBox :
Esse componente funciona como uma opção, onde nele podemos
marcá-lo e desmarcá-lo.
RadioButton :

4. RadioButton :
Esse componente funciona como uma opção, normalmente
utilizado quando temos uma situação onde devemos escolher
uma entre várias opções

3
 Layouts e Widgets
Widgets

Temos ainda :
Spinner :
ProgressBar:

RatingBar:

ImageView:

ImageButton:

Gallery:

4
 Layouts e Widgets
Widgets – Edit Text

5. Plain Text:
Caixa de texto “padrão”, que permite a digitação de qualquer tipo de
caractere

6. Person Name :

Caixa de texto que permite a digitação de nomes pessoais (colocando

a inicial de cada palavra em maiúsculo).

7. Password :
Caixa de texto permite a digitação de senhas e está disponível tanto
na versão alfanumérica quanto na numérica (Numeric).

5
 Layouts e Widgets
Widgets – Edit Text

Temos ainda :
Email:
Phone:

Multiline Text:

6
 Layouts e Widgets
Layout

Estruturas de layouts são utilizadas em aplicações para organizar a

disponibilidade dos componentes no ecrã ou no dispositivo.

1. Linear Layout :
Estrutura que organiza os componentes dentro dela de forma que os
mesmos sejam distribuídos de forma horizontal (um ao lado do outro)
ou vertical (um abaixo do outro), de acordo com a necessidade.

2. RelativeLayout :

Estrutura que organiza os componentes dentro dela de forma que os

mesmos sejam distribuídos livremente na tela (em qualquer ponto em
que se desejar, relativo a outros componentes que , possivelmente,
estejam na tela).

7
 Layouts e Widgets
Layout

3. Table Layout :

Estrutura que organiza os componentes dentro dela como se

estivessem em uma tabela (com o auxílio de um componente útil)