Trabalhando com Layout no Android
Autor: Pablo Pinheiro | Publicado: 2012-04-12T16:02:00-07:00








Muito bem pessoal, vamos ao nosso segundo post sobre Android. Mas antes quero esclarecer que meu objetivo aqui não é ensinar o passo a passo da programação, em meu primeiro post Android, Curso de Programação Android,&nbsp;disponibilizei links para algumas das várias vídeo-aulas do professor Neri, as aulas são excelentes, mostram todo o ambiente de programação no Eclipse e os primeiros passos para quem está começando a programar. Como ainda estou aprendendo, irei postar minhas experiências de aluno, dicas e matérias que utilizou em meus estudos.






Então vamos lá... Vamos entender um pouco mais sobre &nbsp;LinearLayout, Wrap_Content e Fill_Parent. Entendendo como cada um funciona ficará mais fácil a organização dos objetos em nossas aplicações.&nbsp;Para exemplificar, temos em nossa aplicação uma tela com 3 TextViews e um ProgresBar. As 3 TextViews estão alindas a esquerda da tela e a ProgressBar centralizada. Todos os objetos estão em sentido vertical à tela.

&nbsp;






O Maix.xml de nosso arquivo possui a seguinte estrutura:

&nbsp;


&lt;?xml version="1.0" encoding="utf-8"?&gt; 

&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"&nbsp;&nbsp; &nbsp;

&nbsp;&nbsp;&nbsp; android:orientation="vertical"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - &gt; Define a orientação da tela como vertical&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp; android:layout_width="fill_parent"&nbsp;&nbsp; -&gt; Ocupa todo o espaço horizontal da tela

&nbsp;&nbsp;&nbsp; android:layout_height="fill_parent"&nbsp; -&gt; Ocupa todo o espaço vertical da tela

&nbsp;&nbsp;&nbsp; &gt;



Aqui teremos 1 de nossas 3 TextViews, as demais seguem a mesma linha

&nbsp;


&lt;TextView 

android:layout_width="fill_parent"&nbsp;&nbsp; -&gt; Ocupa todo o espaço horizontal1º LinearLayout

android:layout_height="wrap_content"&nbsp;&nbsp;-&gt; Ocupa apenas o espaço vertical&nbsp;&nbsp;caixa de texto

android:text="Um pouco mais de Android"/&gt; - &gt;Texto exibido pela TextView




Aqui, mais uma LinarLayout onde ficará o objeto ProgressBar

&lt;LinearLayout&nbsp;&nbsp;&nbsp; -&gt; 2º LinearLayout com a orientação definida como Horizontal



android:orientation="horizontal"&nbsp; 

android:layout_width="fill_parent"&nbsp; -&gt; Ocupa todo o espaço horizontal

android:layout_height="fill_parent" -&gt; todo o espaço vertical 

android:gravity="center"-&gt; Neste caso o gravity="center" centraliza os componentes que estão&nbsp;dentro do LinearLayout 2

&gt;




O ProgressBar


&lt;ProgressBar&nbsp;&nbsp;-&gt; O ProgressBar está definido para ocupar todo o espaço da 2º LinearLayout

android:layout_height="fill_parent"&nbsp;&nbsp;&nbsp;

android:layout_width="fill_parent" 

style="?android:attr/progressBarStyleLarge" 

android:id="@+id/progressBar1"

/&gt;


&lt;/LinearLayout&gt;

&lt;/LinearLayout&gt;





Veja abaixo como como ficam as configuração Fill_Parent e Wrap_Content





Clique na imagem para ampliar




Definindo&nbsp; a orientação de uma LinearLayout como Vertical os componentes serão adicionados um abaixo do outro, ocupando a tela verticalmente.


Definindo&nbsp; a orientação de uma LinearLayout como Horizontal os componentes serão adicionados um ao lado do outro, ocupando a tela Horizontalmente.