Domine os principais elementos de
Interface Gráfica
Neste capítulo iremos explorar a construção de interfaces gráficas e daremos início à implementação de uma aplicação que nos acompanhará durante todo o restante do livro. A aplicação que iremos desenvolver servirá para nos ajudar a controlar os gastos realizados em nossas viagens de lazer ou negócios. Não é uma ideia revolucionária, mas irá nos ajudar muito, pois uma aplicação assim possui um domínio muito rico, além de revelar problemas comuns do desenvolvimento para Android.
Nossa aplicação será batizada de BoaViagem e nela poderemos criar uma nova viagem, informando os destinos, datas de chegada e partida e se ela é de negócios ou lazer. Para cada viagem, poderemos informar os gastos realizados por categoria, tais como alimentação, passeios, locomoção e hospedagem.
Código fonte completo do projeto
Caso queira, você pode consultar o código fonte completo do BoaViagem, que deixei disponível no meu github: https://github.com/ joaobmonteiro/livro-android.
Os exemplos estão organizados por capítulo. Portanto, fique à vontade para baixar, consultar, sugerir melhorias e incrementar a aplicação.
Também se deverá informar qual o orçamento disponível para a realização da viagem. Esta informação poderá ser usada para que a aplicação nos alerte quando estivermos próximos de ultrapassar o limite de gastos estabelecido. Estas são as funcionalidades principais e no decorrer do livro aprenderemos outras coisas como a captura de fotos, uso do GPS e mapas, integração e compartilhamento de dados que você pode posteriormente incluir como nova funcionalidade do aplicativo. A imagem 3.1 mostra algumas de suas telas.
Para começar, vamos criar as telas com o objetivo de conhecer os diversos tipos de layout e os widgets básicos para compor formulários de entrada de dados e no capítulo seguinte incluiremos a persistência destes dados. Então vamos lá! Caso queira seguir codificando, crie um novo projeto Android, com o nome BoaViagem e o pacote br.com.casadocodigo.boaviagem, da mesma forma que fizemos no capítulo 1.
Neste primeiro momento nos preocuparemos com as duas telas iniciais da aplicação, a tela de login e a tela inicial de opções, comumente chama de dashboard. Abaixo temos o protótipo com os detalhes dos tipos de layout que iremos utilizar.