Pular para o conteúdo principal

RelativeLayout (Android)

No Android existem várias maneiras de organizar os componentes na tela da aplicação, e uma delas (uma das mais comuns) é utilizando o RelativeLayout.

O RelativeLayout nos permite organizar os componentes de forma relativa entre eles, como por exemplo um botão de confirmação abaixo de uma caixa de texto e um botão de cancelamento a direita do botão existente.

O que usaremos:
  • JDK 1.6
  • Android Developer Tools (Eclipse)

Criando um novo projeto


Vamos abrir o Eclipse em seguida File - New - Project - Android - Android Application Project:

Na próxima tela iremos especificar o nome da aplicação, o nome do projeto e o nome do pacote:

Na próxima tela nos certificaremos da criação de uma atividade, selecionando a opção “Create activity”:

Vamos manter o icone padrão:

Em seguida vamos escolher uma atividade em branco selecionando “BlankActivity”:

Por fim seremos questionados quanto a alguns detalhes de nossa atividade, aqui também manteremos o padrão:

Exemplo


Vamos abrir o arquivo : res/layout/activity_main.xml:

E colar esse código: 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
O código é bem simples, primeiro falaremos de duas propriedades, sendo elas o "android:layout_below" e o "android:layout_toRightOf", onde o primeiro faz com que o componente que o possui seja colocado abaixo do componente informado nessa propriedade o outro utiliza a mesma ideia com a diferença de posicionar o componente com essa propriedade a direita do componente indicado nessa propriedade.
Agora analisemos o botão “Submit”, ele possui a propriedade "android:layout_alignParentRight", ela faz com esse botão seja colocado na posição mais a direita possivel de seu "pai", ou seja, do layout.

Vejamos o resultado:

Fonte: 
Marcadores:

Comentários

Postar um comentário

Obrigado por Participar do programero, fique a vontade para agradecer, retificar, perguntar ou sugerir.

Mais visitadas

Alterar cores do PageControl (Delphi)

O padrão Windows todo cinza não é muito atraente, por isso quando nos utilizarmos do PageControl podemos alterar suas cores e fontes da seguinte maneira: Em primeiro lugar devemos alterar a propriedade OwnerDraw para TRUE ; Depois implementar seu método DrawTab da seguinte maneira: //pinta a fonte Control.Canvas.Font.Color:=clBlack; // // pinta a paleta / aba Control.Canvas.brush.Color:=clSkyBlue; PageControl1.Canvas.Rectangle(Rect); Control.Canvas.TextOut(Rect.left+5,Rect.top+3,PageControl1.Pages[tabindex].Caption); // pinta a parte interna (tabsheet) PageControl1.Pages[TabIndex].brush.Color := Control.Canvas.brush.Color; PageControl1.Pages[TabIndex].Repaint; Caso a intenção seja manter cada aba com seu próprio estilo basta adicionar um CASE filtrando o índice das abas: case TabIndex of   0: Control.Canvas.Font.Color:=clBlack;   1: Control.Canvas.Font.Color:=clWindow; ...
2 comentários
Leia mais

Como pegar valor de coluna invisível do GridView

Em determinado momento nos deparamos com a seguinte situação, nossa tabela do banco de dados possui como campo chave, um ID por exemplo, incrementado por uma rotina da aplicação, do banco ou algum outro mecanismo de incremento (sequences, increment, etc), logo não há porque mostrar essa coluna para o usuário porque o mesmo não sabe de sua existência, e seu valor não tem qualquer relevância para ele, sendo assim o mais lógico a se fazer é não mostra-lá na aplicação. Seu valor é necessário já que por se tratar de uma chave primária precisaremos dela para atualizar, inserir ou excluir os dados, então o que fazer? A resposta seria simples, deixemos ele invisível, buscaremos seu valor e o usuário não perceberá, porém a partir da versão 2005 do visual Studio as colunas setadas com "visible = false" não são renderizadas, com isso ao se tentar acessar seu valor o que recebemos é nada. Para contornarmos essa situação podemos codificar o seguinte: protected void GridView1_R...
25 comentários
Leia mais

Limpando objetos dinamicamente (Delphi)

  Muitas vezes nos deparamos com situações onde devemos remover o conteúdo de determinados objetos, como por exemplo Edits ou mesmo Labels e dependendo da complexidade da tela setar manualmente cada campo pode ser trabalhoso.Sendo assim mostraremos hoje como montar um esquema automático e genérico para esse caso:   procedure TForm1.Button1Click(Sender: TObject);  procedure LimparEdits(AControl: TComponent); var    vLoop: Integer; begin     { ComponentCount retorna a qtde de componentes que o parent é o AControl, ou seja, somente os componentes que     estão ligados a ele }     for vLoop := 0 to AControl.ComponentCount-1 do      begin                                         ...
7 comentários
Leia mais