Android - preciso de ajuda/conselhos sobre a interface do usuário

Question

Tenho trabalhado no Android nos últimos meses para saber como funcionam vários componentes.

Uma área que me falta completamente conhecimento é qualquer tipo de interface de usuário ou criação de interface gráfica.

Como exercício, pediram-me para dividir a tela de chamada do HTC em quais componentes ela contém e reconstruí-la o mais próximo possível.

Aqui está uma foto da tela de chamada da HTC:

Discador HTC http://img688.imageshack.us/img688/7663/incall.png

Pelo que entendi, a IU acima tem uma barra de título personalizada onde "Meteoro" e o horário da chamada aparecem.

Em seguida, a imagem principal no bloco do meio junto com uma visualização de texto mostrando a pessoa chamada, neste caso “Correio de voz” e o número.

A parte inferior é uma visualização personalizada, talvez com três botões personalizados usados ​​nela.

Eu estaria correto em minhas suposições acima?

Então, as partes que devo examinar para iniciar a programação são uma barra de título personalizada e uma visualização personalizada com três botões personalizados para colocar na parte inferior?

Qual layout seria recomendado?

Espero que esta questão seja vista como relativa ao Stack Overflow; se não for, irei excluí-la.

desde já, obrigado

Answer 1

usando c:\Program Files\Android SDK ools\hierarchyviewer.bat você pode verificar como as telas dos programas foram criadas

Answer 2

Estive olhando esse layout e mudei de ideia algumas vezes sobre ele, mas acho que é assim que se faz.Isenção de responsabilidade:Não tentei usar o método do steelbytes, então posso estar totalmente errado!

1) A reflexão do robô sob o texto é provavelmente feita de maneira semelhante à do aplicativo de exemplo LunarLander.Esse jogo possui uma tela de desenho com um TextView flutuante no meio da tela para exibir texto.Ele usa um FrameLayout que contém uma View customizada (que estende o SurfaceView e contém o desenho dos gráficos) e um RelativeLayout, que por sua vez possui um TextView.O truque é que a Visualização do desenho personalizado e o RelativeLayout estão definidos como fill_parent, mas o TextView do RelativeLayout é desenhado na parte superior da Visualização do desenho.Eu imagino que você teria que fazer algo semelhante porque desenhar um reflexo da imagem do contato discado provavelmente exigiria algum tipo de Canvas porque teria que ser capaz de gerar o reflexo programaticamente.

2) A lista de botões na parte inferior provavelmente não é uma visualização personalizada, mas foi feita de maneira inteligente para ter essa aparência.Eu acho que é apenas um LinearLayout horizontal simples com um fundo de cor gradiente com 3 botões.A parte inteligente vem com a escolha da arte usada nos botões;para conseguir aquela aparência onde parecem cortados na barra de botões, eles usaram imagens de fundo cuidadosamente desenhadas com sombreamento nas bordas. Dessa forma, parece que a barra de botões tem três furos para os botões, mas os botões são apenas desenhado em cima dele como outros botões.

Answer 3

Eu, assim como você, acabei de me interessar em desenvolver para Android e não sei muito sobre isso, então aceite isso com cautela.

Se você quiser ver como funcionam os layouts, existe um ambiente de programação chamado Eclipse que você pode baixar gratuitamente.Ele tem uma espécie de designer de formulário/editor de layout com o qual você pode brincar e que mostra como será o seu layout, uma visualização em árvore que mostra como seus layouts estão aninhados e você pode visualizar o XML bruto usado para criá-lo.

Este é um guia de instalação: http://developer.android.com/sdk/eclipse-adt.html#installing

Ele contém tudo que você precisa saber para instalar o Eclipse e trabalhar com o Android SDK.

O Android SDK possui um pacote com aplicativos de exemplo.Você pode importar esses exemplos para o Eclipse e depois verificar o editor de layout para ver o que eles fizeram.No entanto, nem todos os componentes de layout parecem funcionar no editor do Eclipse, portanto, pode ser necessário executar o programa em um dispositivo virtual Android para ver a aparência do aplicativo para começar.

Essa é a melhor maneira que posso imaginar para iniciantes como você e eu nos familiarizarmos com como os layouts funcionam no Android.