Primeiros passos - 1ª parte, Criando uma simples interface

A interface gráfica do usuário para um aplicativo Android é construída usando a hierarquia dos objetos  View e ViewGroup. O objeto View geralmente é um aplicativo de interface de usuário com  botões  ou textos e objetos  ViewGroup são contêineres invisíveis que definem como a visão de derivados é apresentada tais como grades ou listas verticais.

Android fornece um vocabulário XML que correspondem as subclasses de View e ViewGroup para que você possa definir sua interface no XML utilizando a hierarquia de elementos para interface do usuário.

Recomenda-se a leitura de:

·         Layouts

Layouts Alternativos

Declarando sua o esboço da interface do usuário no XML ao invés do código em execução tem varias vantagens, mas é especialmente importante para que você crie diferentes layouts para diferentes tamanhos de tela. Por exemplo, você pode criar duas versões de um esboço e informar ao sistema para usar um em telas “pequenas” e outro em telas “grandes”. Para maiores informações, veja a classe para.

Nesta postagem, Você irá criar um esboço em XML que irá incluir um campo texto e um botão. Na lição seguinte, você repondera quando o botão for pressionado ao enviar o conteúdo do campo texto para outra ação.

Criando um layout linear

---

Abra o arquivo activity_main.xml do diretório res/layout/.

Nota:  No Eclipse, quando você abre o arquivo de esboço, será mostrado primeiramente o editor de esboço gráfico. Este editor que irá ajudar a construir o esboço com a ferramenta WYSIWYG. Para está postagem, você irá trabalhar diretamente com o XML, portanto clique na guia activity_main.xml no topo da tela para abrir o editor XML.

O modelo base BlankActivity que você escolheu quando começou a criar este projeto inclui o arquivo activity_main.xml com visão de raiz RelativeLayout  e visão derivada TextView.

Primeiro, apague o elemento <TextView> e mude o elemento <RelativeLayout>  para o elemento  <LinearLayout>. Então adicione o atributo android:orientation e defina para "horizontal". O resultado será semelhante a isto:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="horizontal" >

</LinearLayout>

LinearLayout é um visualizador de grupo( como uma subclasse de ViewGroup) que direcionar a visualização derivada em uma orientação vertical ou horizontal, como especificado  pelo atributo android:orientation. Cada derivação de LinearLayout aparece na tela na mesma ordem em que aparece no XML.

Outros dois atributos, android:layout_width e android:layout_height, são necessários para todas as visualizações para conseguir especificar seu tamanho.

Devido à LinearLayout ser a fonte do esboço, deve preencher toda a área da tela disponível do aplicativo, definindo a largura  e a altura com "match_parent". Este valor declara que a visualização deve expandir seu tamanho e altura para equiparar com a largura e altura da visualização de origem.

Para maiores informações sob as propriedades do esboço, veja este guia de Layout.