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>