Caso prefira, você encontrará todo esse material, em inglês, no site do Developer Android. A tradução e comentários dos materiais eu faço livremente para ajudar a comunidade que fala português.

sexta-feira, 25 de fevereiro de 2011

Interface de Usuário - Usando o Eclipse para criar as interfaces

Alguém pode dizer que não gosta de criar interfaces usando XML diretamente. Declarar as estruturas pode, realmente, ser algo bastante tedioso e, por que não dizer, complexo. Se você esquecer uma estrutura, o XML pode ficar corrompido e, dependendo do quão experiente você é usando essa tecnologia, será complicado achar onde está o erro.

Então, como usar o Eclipse para editar o XML? Basta procurar pelo arquivo main.xml no seu projeto e abrí-lo.


Abaixo da janela, você perceberá que existem duas abas: Graphical Layout e main.xml. A aba main.xml estará aberta por padrão. 



 Clique na aba Graphical Layout para ver uma tela como a seguinte.


Na tela, do lado esquerdo, está a paleta de widgets que você poderá inserir nos diversos layouts mostrados também na imagem.


As configurações estão todas na tela. Você poderá, por exemplo, escolher o tamanho da tela. Veja que já existe a versão de 10.1 in WXGA, para que possa criar apps para o Honeycomb. Tenha a certeza de estar numa tela grande para que possa visualizar toda a tela, caso altere para ela.


 Além disso, você poderá escolher se quer criar o layout em modo portrait ou landscape.


Você ainda pode escolher para que tipo de Android está criando o arquivo layout XML. Dependendo da versão que estiver selecionada, controles aparecerão ou não.


Algumas telas com as opções da paleta estão mostradas acima.



Acima você pode ver que, dependendo da versão do Android que está selecionada, os componentes se mostram de maneira diferente na tela.



Todos os widgets tem opções de contexto que podem ser acessadas com o botão direito do mouse. Mesmo tendo todas as opções a um click de distância, vale a pena ler a documentação oficial do Android para que saiba como fazer ajustes finos, que não poderão ser efetuados pelo editor.

Essa opção do Eclipse só visa facilitar a criação das interfaces, mas o ajuste fino, como disse, deve fazer parte do arsenal do desenvolvedor, afim de obter o melhor layout possível.

Muito mais fácil criar interfaces assim, não?

0 comentários:

Portions of this page are modifications based on work created and shared by the Android Open Source Project and used according to terms described in the Creative Commons 2.5 Attribution License.
Related Posts Plugin for WordPress, Blogger...