Como construir layouts para Android graficamente

As ferramentas oficiais de desenvolvimento do Android funcionam com o software Eclipse Integrated Development Environment. Usando essas ferramentas, você pode criar layouts gráficos para seus aplicativos Android. No Eclipse, você pode definir layouts do Android usando marcação XML ou visualmente usando a exibição de layout gráfico. Cada tela em um aplicativo Android é normalmente representada como uma "atividade". Você pode definir um layout para cada uma dessas telas e incluir elementos visuais e interativos para o controle do usuário. Alguns desenvolvedores preferem criar designs gráficos antes de implementá-los no Eclipse, mas isso não é necessário.

1

Abra seu projeto Android no Eclipse. O Package Explorer é executado no lado esquerdo da janela do Eclipse; localize seu projeto nele e abra a pasta "res". Nesta pasta, você pode modelar vários recursos de aplicativos, incluindo layouts. Dependendo de sua configuração do Eclipse, seu projeto pode ter uma pasta "layout" dentro da pasta "res" por padrão; se não, crie um você mesmo clicando com o botão direito do mouse na pasta "res", escolhendo "Novo" e, em seguida, selecionando "Pasta" na lista. Digite "layout" para criar a pasta. Dentro da pasta de layout, você pode colocar um arquivo XML para cada layout que precisar. O Eclipse pode já ter criado um chamado "main.xml", mas você pode criar o seu próprio clicando com o botão direito do mouse na pasta de layout, escolhendo "Novo", depois "Arquivo" e inserindo um nome de sua escolha. Certifique-se de dar ao seu arquivo uma extensão ".xml".

2

Abra seu arquivo XML de layout no editor do Eclipse. Você pode fazer isso clicando duas vezes nele no Package Explorer. O layout deve aparecer no painel central do Eclipse. Dependendo da sua configuração do Eclipse, você verá o código XML ou a representação gráfica do layout. Se o código for exibido, mude para gráfico clicando na guia "Layout gráfico" na parte inferior da janela do editor. Uma imagem gráfica do layout da tela de atividade, juntamente com controles para adicionar e alterar elementos visíveis, deve ser exibida. Tire algum tempo para se familiarizar com os controles.

3

Adicione elementos da interface do usuário na seção Paleta da ferramenta Layout gráfico. No lado esquerdo do painel central do Eclipse, você deve ver a seção Paleta. Dentro disso, você pode escolher entre uma variedade de categorias de elementos de interface, incluindo widgets de formulário, campos de texto, layouts, imagens e mídia. Se você estiver trabalhando em um design, poderá consultá-lo; caso contrário, navegue pela lista e adicione elementos conforme necessário. Para adicionar um elemento ao seu layout, clique nele na área da Paleta e arraste-o para a exibição da tela no centro do painel. Deve aparecer dentro do layout existente. Arraste os elementos para posicioná-los conforme desejado.

4

Altere as propriedades de seus elementos de layout. Depois de ter um elemento no layout, você pode definir suas propriedades. Clique com o botão direito em qualquer elemento em seu layout para exibir uma lista de opções. Você pode editar as propriedades de conteúdo e ID dos elementos, bem como alterar os tipos, por exemplo, para elementos de entrada do usuário, como campos de texto. Você também pode usar essa técnica para alterar as propriedades dos elementos de layout, como layouts lineares e de grade.

5

Salve seu layout. Quando você trabalha diretamente em XML, é menos provável que você esqueça de salvar seu arquivo, portanto, certifique-se de fazê-lo toda vez que fizer alterações gráficas em seus layouts. Depois que um layout aparecer no editor, compile e execute seu aplicativo Android usando o Gerenciador de dispositivos virtuais Android (AVD) para garantir que ele se pareça e se comporte como esperado. Faça mais alterações nos seus layouts graficamente ou editando o código XML.

Gorjeta

• Embora o Eclipse seja o programa oficial recomendado para o uso do Android, algumas ferramentas de terceiros, como o DroidDraw, podem ajudar no processo de criação de layouts.

Aviso

• Certifique-se de testar seus layouts em dispositivos Android reais e não apenas no emulador. Você pode descobrir que seus aplicativos funcionam de maneira diferente no uso real.