Android Layouts (ViewGroups) – (Parte 1 – LinearLayout)

Esse artigo irá abordar os principais layouts (viewgroups) do desenvolvimento Android. Serão abordados os seguintes exemplos:
- LinearLayout
- RelativeLayout
- TableLayout
Na Aula 1 – Criando um Projeto Novo é mostrado como criar um projeto no Android Studio.
Para fazer download do Android Studio clique aqui.
LinearLayout
Existem duas formas diferentes de se trabalhar com esse layout: horizontal e vertical. A diferença entre elas é a forma que os componentes visuais (views) ficam distribuídos. O atributoandroid:orientation
=
"[vertical][horizontal]"
define se a orientação será horizontal ou vertical.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content"> <Button android:text="Button 1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/button" android:layout_weight="1" /> <Button android:text="Button 2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/button2" android:layout_weight="1" /> <Button android:text="Button 3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/button3" android:layout_weight="1" /> <Button android:text="Button 4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/button4" android:layout_weight="1" /> </LinearLayout>
Utilizando Orientação Horizontal e vertical
Esse exemplo mostra como fazer uso do LinearLayout com as orientações Horizontal e Vertical. No mesmo layout temos Layout Pai na orientação horizontal onde os componetes de nome, telefone e endereço obedecem a essa orientação. Para os botões salvar e cancelar foi criado um layout do tipo linear (dentro do Layout Pai) com orientação vertical fazendo com que os botões fiquem lado a lado.
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Nome:" /> <EditText android:id="@+id/edtNome" android:layout_width="fill_parent" android:layout_height="wrap_content" > <requestFocus /> </EditText> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Telefone:" /> <EditText android:id="@+id/edtTelefone" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Endereço:" /> <EditText android:id="@+id/edtEndereco" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button android:id="@+id/btnSalvar" android:layout_weight="1" android:layout_marginTop="10dp" android:layout_marginBottom="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Salvar" /> <Button android:id="@+id/btnCancelar" android:layout_weight="1" android:layout_marginTop="10dp" android:layout_marginBottom="10dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Cancelar" /> </LinearLayout> </LinearLayout>