Pular para o conteúdo principal

LinearLayout (Android)

Em nosso ultimo post sobre Android falamos sobre como utilizar o RelativeLayout, hoje mostraremos uma outra forma de agrupar os componentes com o uso do LinearLayout.
No exemplo a seguir veremos como funciona as duas formas de orientação utilizando três botões para ilustrar. Uma propriedade em particular ganhará destaque (android:layout_weight), responsável por definir a proporção que cada componente terá.

O que usaremos:
  1. JDK 1.6
  2. 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 ícone 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:


    
Analisando o código podemos perceber a propriedade (android:orientation="horizontal"), responsável por colocar os componentes um ao lado do outro. Outra propriedade interessante é a (android:layout_weight="1") usado no terceiro botão, perceba que os outros botão não tem essa propriedade logo possuem o valor zero, isso faz com que ambos preencham exatamente a mesma quantidade de espaço na tela, em contrapartida o terceiro botão preenche a parte restante da tela, se tornando assim o componente com a maior largura.
Ao executar nosso aplicativo teremos o seguinte resultado:

Agora vamos abrir o arquivo res/layout/main.xml novamente, substituindo o código existente por esse:


    
O novo código possui como diferença a mudança na orientação da tela, que agora esta como vertical, vale ressaltar agora que a propriedade (android:layout_weight="1) passa a ter efeito na altura e não mais na largura.
Ao executar nosso aplicativo novamente teremos o seguinte resultado:


Fonte: 

Comentários

Mais visitadas

Aplicação Flask usando Nginx e Gunicorn

Aplicação Flask usando Nginx e Gunicorn Se você já desenvolveu uma aplicação Flask básica, sabe que o servidor de desenvolvimento embutido não é ideal para produção. Ele não é projetado para lidar com altos volumes de tráfego ou conexões simultâneas. Para tornar sua aplicação Flask mais robusta e pronta para produção, podemos usar o Gunicorn como servidor de aplicação e o Nginx como proxy reverso. Neste artigo, vamos adaptar o exemplo anterior ( Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker ) para incluir o Nginx e o Gunicorn. O que são Nginx e Gunicorn? Gunicorn O Gunicorn (Green Unicorn) é um servidor de aplicação WSGI que roda aplicações Python como o Flask. Ele é eficiente e simples de configurar, lidando com múltiplas requisições ao mesmo tempo, algo que o servidor embutido do Flask não faz bem. Nginx O Nginx é um servidor web que atua como um proxy reverso. Ele recebe requisições HTTP e as encaminha ao Gunicorn. Além disso, o Nginx pode: Servir arquivos ...

Centralizar Texto em Edit

Como todos sabemos o Edit mantém todo texto digitado a esquerda, o que não fica bem quando o usamos para a entrada de números, pois bem, o exemplo abaixo apresenta uma alternativa para centralizar um determinado valor dentro de um Edit: procedure EditChange(Sender: TObject); var vl_label : TLabel; //variável do tipo Label begin vl_label := TLabel.Create(self); //criamos um label WITH vl_label DO BEGIN Font.Name := TEdit(sender).Font.Name; //pegamos a fonte usada no edit Caption := TEdit(sender).Text; //pegamos o conteúdo do edit SendMessage(TEdit(sender).Handle, EM_SETMARGINS, EC_LEFTMARGIN, (TEdit(sender).Width-vl_label.Width) div 2); //centraliza no label e retorna para o edit END ; vl_label.Free; end ;

Palavra com a primeira letra em Maiúsculo (Delphi)

Para casos onde temos palavras que são armazenadas todas em maiúsculo, geralmente surge a necessidade de utiliza-la de uma maneira mais elegante, como o título sugere, então vamos lá: function Primeira_Letra_Maiuscula(p_texto: string): string; begin IF p_texto <> '' THEN result := UpperCase(Copy(p_texto,1,1))+LowerCase(Copy(p_texto,2,Length(p_texto))); end;