O Layout: TableLayout e RelativeLayout FrameLayout

O layout é um TableLayout muito especial que lhe permite organizar o conteúdo como se estivéssemos trabalhando com uma tabela. Um exemplo de aplicação que pode explorar este tipo de layout pode ser oferecido por uma galeria onde você pode pensar que eu lhe mostrei uma série de miniaturas dispostas de forma ordenada usando imagem TableLayout ampliar a imagem e em seguida, clicar usuário.

Os conteúdos são organizados em uma TableLayout graças a um TableRow que identifica uma linha na tabela. Dentro deste objeto nós colocamos todos os elementos que queremos mostrar que a linha específica.

Vamos mostrar um exemplo ilustrativo agora vai criar um TableLayout com quatro linhas e quatro colunas. O código Java para criá-lo é a seguinte (mais uma vez por conveniência nós importamos andorid.widget .*):

 TableLayout TableLayout TableLayout = new (this);

 





 tableLayout.setGravity (Gravity.TOP);

 







 int count = 0;







 for (int i = 0; i <4; i + +) {



  



 TableRow TableRow = new TableRow (this);

 

  



 tableRow.setGravity (Gravity.CENTER);



  



 for (int j = 0 j <4; j + +) {

 

    



 count + +;



    



 TextView testoCella = new TextView (this);

 

    



 testoCella.setText ("célula" + count);

 

    



 testoCella.setPadding (10, 10, 10, 10);



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (TableLayout);

Vamos agora fazer uma análise rigorosa do código. Primeiro você cria um objeto do tipo TableLayout que é posicionado na parte superior da tela. A construção do layout em si é realizada usando dois aninhados para.
No primeiro declarar um objeto de TableRow, tipo e gravidade que defina a propriedade como centro o conteúdo dentro do objeto.
Para cada iteração da segunda para a vamos encher o tabeRow com um TextView (nós usamos a variável count incrementado a cada iteração), em seguida, aplicar um padding de 10 pixels dos quatro cantos da célula e, finalmente, para associar a TableRow TextView criado para o primário.
No final da primeira para a adicionar TableRow (contendo todos os nossos quatro TextView criado com loop aninhado) para TableLayout. Finalmente, com o setContentView comando de costume, nós associamos a TableLayout criou a janela de nossa atividade

O resultado final é mostrado na imagem abaixo:

Além dos dois layouts visto anteriormente, existem mais dois mais fácil de usar: FrameLayout e RelativeLayout. O primeiro layout é um fato básico pode conter apenas um widget e se estende por todo o maior disponível a partir do ponto no canto superior esquerdo da tela. O segundo é a posição do elemento na janela com o seu tamanho original e, portanto, sem fazer qualquer redimensionamento.

Obviamente, em uma janela, você pode usar mais de um tipo de layout, lembrando, no entanto, em seguida, incorporá-las em um único layout que será passado como argumento para o setContentView método. Um exemplo disso é mostrado no código a seguir:

 LinearLayout linearLayout1 LinearLayout = new (this);







 / / Código para inserir elementos para este esquema







 TableLayout TableLayout TableLayout = new (this);







 / / Código para inserir elementos para este esquema









 LinearLayout linearLayoutPrimario LinearLayout = new (this);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (TableLayout);









 setContentView (linearLayoutPrimario);

• <<Lição anterior
• Índice da Ajuda
• Próxima lição>>