Capítulo 03 - Formulários, menus e navegação entre telas

Capítulo 03: Formulários e menus

Instrutor
●

Programador desde 2000

●

Aluno de doutorado

●

●

●

●

Mestre em informática pelo
ICOMP/UFAM
Especialista em aplicações
WEB – FUCAPI
marcio.palheta@gmail.com
sites.google.com/site/marcio
palheta
M.Sc. Márcio Palheta

Agenda
●

●

Activity para Formulario de cadastro de alunos
Novos componentes: ScrollView, ImageView e
SeekBar

●

Trocar a tela inicial de uma App

●

Trabalhando com Menus: OptionMenu e ActionBar

●

Transição de telas com Intents


3/51

Incrementando o cadastro
●

●

●

●

Precisamos Cadastrar e
Alterar os dados do aluno
Dados: Foto, Nome, Fone,
Endereço, Site, Email e
Nota
Mas a tela do device é
limitada
Vamos criar uma nova
Activity (tela) para edição
dos dados dos alunos

4/51

Exercício 01: Tela de dados do Aluno
●

Ctrl+N / Android / Android Activity


5/51

Exercício 01: Tela de dados do Aluno
●

Configure os dados da nova Activity


6/51

Passo-a-passo
●

●

●

●

●

Altere o arquivo de internacionalização: strings.xml
Na tela nova, inclua os campos necessários ao formulário
de cadastro de alunos
Implemente o método onCreate() da classe de controle,
para associação de atributos a componentes de tela
Altere o arquivo AndroidManifest.xml, para que sua nova
tela seja a primeira a ser executada, ao invés da tela de
listagem
Execute sua app

7/51

Exercício 02: Formulário de cadastro
●

●

Vamos criar um formulário para
cadastro de alunos
Novos componentes:
–

ImageView: para exibir a foto
o usuário, armazenada no
próprio device;

–

SeekBar: para que o usuário
escolha uma nota, dentro de
um intervalo


8/51

●

Início do arquivo: /res/layout/formulario.xml


9/51

GroupView que,
Exercício 02: Formulário de cadastro na a
falta de espaço, permite
rolagem da tela
●



10/51

●

GroupView para agrupamento de
componentes do formulario


11/51

●


Exibe um arquivo de imagem
com a foto do aluno


12/51

●


Local de armazenamento
da imagem


13/51

Exercício 02: Nome e Telefone


14/51

Exercício 02: Site e E-mail


15/51

Exercício 02: Endereço e Nota


16/51

Exercício 02: Botão para salvar
●

Final do arquivo: /res/layout/formulario.xml


17/51

Exercício 03: Baixa de imagens
●

Baixando imagens direto do
repositório do nosso curso:
https://github.com/marciop
alheta/cursosandroid/tree/
master/CadastroAluno/res
Baixe as imagens das pastas:
–

●

–

drawable-(hdpi, mdpi e
xhdpi)


18/51

AndroidManifest.xml


AndroidManifest.xml
Definições da
nossa App


AndroidManifest.xml

Definições da
Tela de Listagem


AndroidManifest.xml

Define a Activity ListaAlunos
como tela inicial da aplicação


AndroidManifest.xml

Definições da
Tela de Formulário


Exercício 04: Alteração de tela inicial
●

Altere o AndroidManifest para que o formulário seja a
tela inicial da nossa App

●


Definições da
Tela de Formulário

●


Definições da
Tela de Formulário
Seta o Formulario
como tela inicial

Antes de continuar...
●

Torne novamente a ListaAlunosActivity a tela inicial da
nossa aplicação:
Definições da
Tela de Listagem

Navegação entre telas
●

Agora que temos duas telas na nossa App, precisamos de
algum mecanismo para navegar entre elas

●

Para essa atividade, é comum utilizarmos menus

●

Toda Activity do Android já sabe tratar menus

●

Precisamos apenas sobrescrever o método:
–

●

●

onCreateOptionsMenu(Menu menu), que recebe do
Android um menu vazio

O próprio Android se encarrega de encaixar o menu na
tela
Para exibir o menu da App:
–

Basta clicar no Botão Menu do device

29/51

Estratégia para definição de Menus
●

Apesar de ser possível a definição de Menus a partir de
objetos Java, é mais comum o uso de arquivos XML:
<item
android:id="@+id/menu_novo"
android:icon="@drawable/ic_novo"
android:showAsAction="always"
android:title="Novo"/>
<item
android:id="@+id/menu_mapa"
android:icon="@drawable/ic_mapa"
android:showAsAction="always"
android:title="Mapa"/>

●

O método Activity.onCreateOptionsMenu retorna true para
indicar que o menu deve ser exibido na tela
30/51

Estratégias para definição de Menus
●

O Android precisa ler o XML com itens do menu e criar
objetos do tipo View, a partir das tags

●

Essa é a especialidades dos Inflaters

●

O MenuInflater é especialista em carregar XML de menu

●

●

●

O método Activity.onCreateOptionsMenu(Menu menu) nos
oferece um objeto Menu vazio, que pode ser utilizado pelo
MenuInflater para carregar um XML com itens do menu
O método Activity.getMenuInflater() nos devolve um
MenuInflater
Inflater.inflate(): lê um XML e carrega um Menu
31/51

Exercício 05: Menu principal
●

Altere o nome da App, no arquivo strings.xml:

●

Crie o arquivo XML: res/menu/menu_principal:


35/51

●

Crie o arquivo XML:

É comum que apenas dois
Itens do Menu fiquem
res/menu/menu_principal: demais, ocultos
visíveis e os


36/51

●

Define que o item pertence a
uma ActionBar, que
surgiu no Android 3.0


37/51

●

Define que o item pertence a
uma ActionBar, que
surgiu no Android 3.0

Devices com Android 2.x
trocam a ActionBar por
OptionMenu


38/51

Exercício 05: Menu principal (cont...)


39/51

●

Altere o método onCreateOptionsMenu(Menu menu) da
classe ListaAlunosActivity:


40/51

Exercício 05: Execute a sua App


41/51

Exercício 06: Eventos de click
●

●

Para monitorar o click, precisaremos implementar o
método onOptionsItemSelected da ListaAlunosActivity
Por ora, exibiremos apenas uma mensagem num Toast,
quando o usuário clicar no item NOVO:


Exercício 06: Clique no item NOVO


43/51

Navegação entre telas da nossa App
●

●

●

●

Agora que temos configurada a ActionBar, podemos
continuar incrementando nossa App
Vamos fazer com que o clique no menu NOVO faça surgir
a tela de Formulário
Para isso, usamos objetos do tipo Intent, que recebem um
contexto e uma Activity que deve ser exibida
Depois de configurada nossa Intenção, podemos iniciar a
nova tela (startActivity)


44/51

Exercício 07: Abrir o Formulário
●

Método de clique da ListaAlunosActivity:


45/51

Exercício 07: Abrir o Formulário
●

Método de clique da ListaAlunosActivity:


46/51

Exercício 08: Fechar o Formulario


47/51

Exercício 08: Fechar o Formulario


48/51

O que vem a seguir?
●

Persistência com SQLite

●

Intents

●

Câmera e arquivos

●

LayoutInflater

●

Serviços de background

●

Integração via JSON


49/51

Referências
●

www.caelum.com.br

●

d.android.com

●

●

LECHETA, Ricardo. Google Android, 3a edição,
Novatec, São Paulo, 2013
Código fonte completo:
https://github.com/marciopalheta/cursosandroid


50/51

Capítulo 03: Formuários e menus

Capítulo 03 - Formulários, menus e navegação entre telas

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Capítulo 03 - Formulários, menus e navegação entre telas

Ähnlich wie Capítulo 03 - Formulários, menus e navegação entre telas (20)

Mehr von Marcio Palheta

Mehr von Marcio Palheta (8)

Capítulo 03 - Formulários, menus e navegação entre telas