Aula 5 GerenciadoresLayout

Prévia do material em texto

Gerenciadores de Layout 
Gerenciadores de Layout 
Roteiro 
Gerenciadores de Layout 
Exercícios 
View 
A classe View é a classe mãe de todos os 
componentes visuais de uma aplicação 
Android. 
Existem dois tipos de componentes, os 
chamados widgets e os gerenciadores de 
layout. 
 
Widgets: Button, ImageView, TextView.. 
GL: AbsoluteLayout, RelativeLayout, LinearLayout... 
 
ViewGroup 
 
A classe ViewGroup é a classe mãe de todos 
os gerenciadores de layout. 
 Os gerenciadores de layout são utilizados 
para organizar a disposição dos componentes na 
tela. 
Alguns gerenciadores de layout são 
AbsoluteLayout, FrameLayout, LinearLayout. 
 
Arquitetura 
Layouts Android 
Layout Descrição 
AbsoluteLayout Permite posicionar os componentes fornecendo as coordenadas x e 
y. 
FrameLayout Tipo simples de layout, utilizado por um componente que precisa 
preencher a tela inteira. 
LinearLayout Permite organizar os componentes na vertical e horizontal 
TabelaLayout Filho de LinearLayout, organiza componentes em uma tabela 
RelativeLayout Permite posicionar um componente relativo a outro, por exemplo, 
abaixo, acima ou ao lado. 
Permite posicionar os componentes, fornecendo as coordenadas x e y. 
 
 Propriedades 
layout_x : define a posição na horizontal 
layout_y: define a posição na vertical 
AbsoluteLayout 
Utilizado para organizar os elementos na vertical 
ou na horizontal. 
 
Propriedades 
Orientation : define o fluxo dos elementos na tela, pode 
ser vertical ou horizontal 
 
Layout_Heigth e Layout_Width: especifica a altura e 
largura do componente. Pode receber como parâmetro 
um valor inteiro ou relativos: fill_parent (ocupa o espaço 
disponível no elemento pai) e wrap_content (ocupa 
apenas o espaço necessário na tela). 
 
Layout_Gravity: utilizado para alinhar elementos na tela. 
Valor (top,botton,left, right, center, center_vertical, 
center_horizontal). 
LinearLayout 
É filho do LinearLayout e pode ser utilizado para organizar os componentes em uma 
tabela, com linhas e colunas. 
 
 
stretchColumns: a coluna ocupa o espaço disponível na tela. Utilizado para 
tabelas com somente uma coluna 
shrinkColumns: faz um ajuste na largura da coluna impedindo que elementos 
deixem de ser exibidos. 
TableLayout 
Permite posicionar um componente relativo a outro, por exemplo, abaixo, acima ou ao 
lado de um componente já existente. 
 
layout_below : Posiciona o elemento abaixo do indicado 
layout_above : Posiciona o elemento acima do indicado 
layout_toRightOf : Posiciona o elemento a direita do indicado 
layout_toLeftOf: Posiciona o elemento a esquerda do indicado 
layout_alignParentTop : Alinha ao topo do componente indicado 
layout_alineParentBotton : Alinha abaixo do componente indicado 
layout_marginTop : Utilizado para definir um espaço na margem superior do 
componente. 
layout_marginRight : Utilizado para definir um espaço na margem direita do 
componente. 
layout_marginLeft : Utilizado para definir um espaço na margem esquerda do 
componente. 
 
 
 
RelativeLayout 
RelativeLayout 
Tipo mais comum e simples de layout, utilizado por um componente que precisa 
preencher a tela inteira. 
O componente inserido no FrameLayout será posicionado no canto esquerdo superior 
e, dependendo de seu tamanho, ocupará todo o espaço da tela. 
FrameLayout 
Praticar é o que interessa... 
Crie uma tela semelhante usando o AbsoluteLayout 
Praticar é o que interessa... 
Crie uma tela semelhante usando o LinearLayout 
Praticar é o que interessa... 
Crie uma tela semelhante usando o TableLayout 
Praticar é o que interessa... 
Crie uma tela semelhante usando o RelativeLayout 
Praticar é o que interessa... 
Crie uma tela semelhante usando o FrameLayout 
Exercício 
 
 
 
 
 
 
 
 
1) Criar uma aplicação Android que contenha uma atividade que faça a 
entrada dos dados para o cadastro de um aluno. 
 
a) Os campos nome, endereço e data de nascimento devem estar 
localizados verticalmente dentro de um LinearLayout. 
 
b) O valor das notas de quatro disciplinas devem ser pedidas. Tais 
campos devem ser localizados horizontalmente dentro de outro 
LinearLayout. 
 
c) Um botão deve ser inserido no rodapé com o nome de “Calcula”. O 
mesmo, quando pressionado efetuará o cálculo da média das notas 
fornecidas. 
 
As informações devem ser calculadas e exibidas num segunda tela! 
 
FIM 
Prof.: Ramon P. Araújo 
ramonespontes@gmail.com