Cursos / Informática para Internet / Dispositivos Móveis / Aula

arrow_back Aula 03 - Interfaces Gráficas I

RelativeLayout

O segundo layout que estudaremos nessa seção é o RelativeLayout. Esse layout organiza seus filhos relacionando uns aos outros, ou relacionando-os ao pai. A utilização desse layout cria diversas novas opções de organização que influenciam no posicionamento dos Views e ViewGroups nele contidos. Por exemplo, vamos supor que queremos criar um botão_confirmar, que ficará posicionado no canto inferior esquerdo do RelativeLayout, que é a visão principal da tela, e um botão_cancelar, que ficará à direita do botão posicionado inicialmente. O código do XML, utilizando um RelativeLayout seria:

Listagem 4 - XML utilizando RelativeLayout

Como vemos no exemplo acima, utilizamos atributos de referência de posicionamento nos dois botões. No primeiro botão, que deve ser posicionado no canto inferior esquerdo, há a utilização dos atributos android:layout_alignParentBottom e android:layout_alignParentLeft, indicando o posicionamento do botão no canto inferior esquerdo. Já o outro botão, posicionado ao lado do primeiro, utiliza-se da propriedade android_alignParentBottom para se posicionar em relação ao pai e da propriedade android:layout_toRightOf, passando o ID do objeto, como vimos na seção 3, para se posicionar em relação a uma outra View. O resultado pode ser visto na Figura 7.

Botões posicionados utilizando RelativeLayout

Versão 5.3 - Todos os Direitos reservados