Como criar o “olhar” para seu aplicativo android com java

Video: Como fazer um aplicativo sem conhecimento em programaçao

A orientação geral no desenvolvimento de aplicativos Android diz-lhe para separar a lógica da apresentação. Em termos menos técnicos, a diretriz adverte contra confundindo o que um aplicativo faz com a forma como um aplicativo parece. A diretriz se aplica a muitos aspectos da vida. Por exemplo, se você está projetando um site, tem artistas fazem o layout e tem geeks de fazer a codificação. Se você estiver escrevendo um relatório, consiga as idéias escritas em primeiro lugar. Mais tarde, você pode se preocupar com fontes e estilos de parágrafo.

A literatura sobre desenvolvimento de aplicativos descreve técnicas e estruturas específicas para ajudá-lo a separar formulário de função.

Para adicionar botões, caixas e outras guloseimas para seu aplicativo, faça o seguinte:

1. Lançar Android Studio e começar uma nova Project.When você terminar com estes passos, você tem um projeto completamente novo, com uma atividade vazio. O projeto aparece na janela principal do Android Studio.
2. No novo projeto de app / res / layout branch (na janela ferramenta Project da janela principal), clique duas vezes em activity_main.xml.Como resultado, a ferramenta Designer de Android Studio exibe o conteúdo de activity_main.xml. A ferramenta Designer tem dois modos: o modo de Design para edição visual drag-and-drop e modo de texto para edição de código XML. Assim, a parte inferior da ferramenta Designer possui duas guias: a guia Design e uma guia Texto.
3. Clique na aba Design.
   
   
   
   

   No modo de design, você vê a paleta, a árvore de componentes, duas telas de visualização, e painel Propriedades.

   Se você não vê a paleta, olhar para o pequeno botão Paleta na borda esquerda da ferramenta de Designer. Se você clicar nesse botão, a paleta deve aparecer.

   A árvore de componentes tem um ramo rotulada TextView - “Olá mundo!” Este ramo representa o texto Olá Mundo! que aparece automaticamente como parte do seu aplicativo. Você não precisa este texto em seu aplicativo.

   Video: Como criar aplicativo para Android

4. Selecione os TextView - "Olá Mundo!" ramo na árvore de componente e, em seguida, pressione Delete.The "Olá Mundo" ramo desaparece da árvore de componentes, e as palavras Olá Mundo! desaparecer da tela de visualização.
   Os próximos passos guiá-lo através da criação do aplicativo.
   
   O layout do aplicativo tem três tipos diferentes de componentes, e cada tipo de componente passa por vários nomes diferentes. Aqui estão os três tipos de componentes:
5. Editar texto (Também conhecido como texto simples): Um lugar onde o usuário pode editar uma única linha de text.A nome comum para este tipo de componente é um campo de texto.
6. Botão: Um botão é um botão é um button.Do você quer clique no botão? Vá em frente e clique nele.
7. TextView (Também conhecido como Plain TextView, Grande Texto, Texto Médio, e assim por diante): Um lugar onde o aplicativo exibe text.Normally, o usuário não editar o texto em um TextView componente.

   Para ser dolorosamente preciso, Android do Editar texto, Botão, e TextView componentes não são realmente diferentes tipos de componentes. Cada Editar texto componente é um tipo de TextView, e cada Botão é também uma espécie de TextView. Na linguagem de programação orientada a objetos, o Editar texto classe estende a TextView classe. o Botão classe também se estende a TextView classe.

   Video: Crie seu próprio aplicativo para iOS e android com poucos clicks - Olhar Digital

8. Arraste um texto simples (isto é, Editar texto) Item do grupo Widgets da paleta para um dos pré-visualização ecrãs do Plain item de texto pode pousar em um lugar feio-olhando. Tudo bem. Você não está criando uma obra de arte. Você está aprendendo a escrever o código Java.
9. Repita o Passo 5, desta vez colocando um item de botão na visualização screen.Put o componente Botão abaixo do componente de texto simples (EditText). Mais tarde, se você não gosta de onde você colocar o Botão componente, você pode facilmente movê-lo arrastando-o em outro lugar na tela de visualização.
10. Repita a etapa 6, desta vez colocando um TextView componente na visualização screen.Put o TextView componente abaixo do Botão componente, mas, mais uma vez, cabe a você.
    Nas etapas restantes, você alterar o texto que aparece em cada componente.
11. Selecione os Botão componente na tela de visualização ou nas tree.As componentes resultado, painel Propriedades da ferramenta Designer exibe algumas das propriedades do componente Button.
    
    Depois de seleccionar o Botão componente, você pode ver a palavra TextView no painel Propriedades. Não confunda isso com o TextView componente que você arrastou a partir da paleta no Passo 7. Com o botão selecionado, todos os campos no painel de propriedades referem-se a que Botão componente. Se a aparência da palavra TextView no painel Propriedades te confunde, consulte o ícone Material Técnico no Passo 4. (Se a palavra TextView não confundi-lo, não se incomode de ler o ícone Material Técnico!)
12. No painel Propriedades, no campo denominado texto, digite a palavra COPY.When você fizer isso, a palavra CÓPIA DE aparece na face do Botão componente. Você pode verificar isso olhando para a tela de visualização WYSIWYG.
    No painel Propriedades, você pode ver dois campos marcados texto. Se assim for, é para testar e o outro é para executar o aplicativo. Quando em dúvida, não faz mal para digitar a palavra CÓPIA DE em ambos os campos.
13. Repita os passos 8 e 9 com a sua actividade de Editar texto e TextView componentes, mas desta vez, não coloque a palavra CÓPIA DE para esses componentes. Em vez disso, remova os caracteres a partir destes components.When tiver terminado, as telas de visualização semelhante à das telas abaixo. Se suas telas de visualização não parecer exatamente como isso, não se preocupe com isso. Seus componentes podem ser espalhados em diferentes lugares nas telas de visualização, ou os criadores do Android Studio pode ter mudado a maneira como as telas de visualização olhar. Enquanto você tem um Editar texto componente, uma Botão componente, e um TextView componente, você está bem.
14. Escolha Arquivo → Salvar tudo para salvar seu trabalho até agora.