Menus e views para colecoes de dados

Prévia do material em texto

Menus e views para coleções de dados
APRESENTAÇÃO
Para a composição de interfaces em um aplicativo Android, são utilizados componentes views. 
Uma view pode ser utilizada para a inserção de imagens, textos, botões, listas ou qualquer outro 
elemento visual que o desenvolvedor deseje inserir na interface do aplicativo. Juntamente com a 
view, destacam-se também os componentes do tipo menu, que, como o nome sugere, são 
utilizados para a criação de menus.
Nesta Unidade de Aprendizagem, você vai estudar esses dois tipos de componentes, views e 
menus, e entender, detalhadamente, o que eles são e como utilizá-los.
Bons estudos.
Ao final desta Unidade de Aprendizagem, você deve apresentar os seguintes aprendizados:
Descrever os componentes de menu do Android.•
Diferenciar as views para coleções no Android.•
Ilustrar a aplicação de componentes de menu e views.•
DESAFIO
A maioria dos aplicativos Android é alimentada por um conjunto de informações. Tal conjunto, 
muitas vezes, precisa ser exibido em uma lista, como, por exemplo, quando você abre seus e-
mails e eles estão dispostos na tela, um abaixo do outro. No Android, isso é possível por meio 
de componentes de lista.
Pensando nisso, imagine o seguinte cenário:
Diante do exposto, crie o código XML e a classe Java necessários para exibir a lista de 
atividades na interface do aplicativo.
Dica 1: para criar o layout com os itens um abaixo do outro, você precisa inserir um 
LinearLayout e colocar todos os elementos dentro dele.
Dica 2: para conseguir modelar o layout, você precisa experimentar as combinações de 
match_parent e wrap_content.
INFOGRÁFICO
Os recursos ListView e GridView são importantes para a exibição de múltiplos dados. 
Dificilmente você vai conhecer um aplicativo com a ausência de ambos. Juntamente com eles, 
outro componente de extrema importância é o menu, visto que praticamente todos os aplicativos 
têm menu, seja para facilitar o acesso às telas, seja para efetuar ações de login e logout.
No Infográfico a seguir, conheça as características principais da ListView, do GridView e dos 
menus.
CONTEÚDO DO LIVRO
A utilização de views e de menus é essencial em qualquer aplicativo Android. As views 
permitem apresentar elementos na tela, enquanto os menus permitem acessar de forma facilitada 
as funcionalidades que o aplicativo apresenta.
No capítulo Menus e views para coleções de dados, da obra Programação mobile, você 
aprenderá a criar menus e verá como trabalhar com views, especialmente ListView e GridView.
Boa leitura.
PROGRAMAÇÃO 
MOBILE
Aline Zanin 
Menus e views para 
coleções de dados
Objetivos de aprendizagem
Ao final deste texto, você deve apresentar os seguintes aprendizados:
  Descrever os componentes de menu do Android.
  Diferenciar as views para coleções no Android.
  Ilustrar a aplicação de componentes de menu e views.
Introdução
A programação de um aplicativo Android é realizada fazendo-se uso de 
uma linguagem de programação, de alguma ferramenta para desen-
volvimento e de componentes utilizados para construção de layouts. As 
principais linguagens de programação para Android são Java e Flutter, 
por serem as duas linguagens suportadas pelo principal Integrated Deve-
lopment Environment (IDE) (ou “ambiente de desenvolvimento integrado”) 
para desenvolvimento Android, o Android Studio. No Android Studio, a 
construção de interfaces (telas) dos aplicativos pode ser feita manualmente 
ou utilizando-se uma ferramenta visual que permite arrastar os elementos 
de uma paleta de componentes para a tela. 
Neste capítulo, você vai estudar sobre a criação de views e menus 
diretamente no código fonte, utilizando a linguagem XML. 
1 Componentes de menu
Os componentes de menu, como diz o nome, permitem a adição de menus em 
um aplicativo. Os menus são mecanismos existentes para facilitar o acesso 
a diversas funcionalidades que necessitam de acesso rápido nos aplicativos. 
O Android possui três tipos principais de menus que podem ser utilizados 
nos aplicativos, sendo eles: menu de opções e barra de aplicativos, menu de 
contexto e menu pop-up. A Figura 1 ilustra esses menus. 
Figura 1. Tipos de menus. (a) Menu de opções e barra de aplicativos; (b) modo de ação 
contextual e menu de contexto; (c) menu pop-up.
Fonte: Adaptada de Google Developers (2019).
Neste capítulo, focaremos de forma prática na criação de menu de opções. 
Existem duas formas de inserir um menu em um aplicativo Android: uma 
delas é criando o menu no arquivo de layout; e a outra é fazer a criação do 
menu diretamente no código Java. 
Inserindo um menu
Para inserção de um menu em um aplicativo Android precisamos fazer dois 
processo: o primeiro é a criação do XML, e o segundo é a programação Java. 
O XML do menu é criado em um local separado do XML das telas, isto porque 
o menu poderá e deverá ser utilizado em diversas telas. 
Criação do arquivo .xml — Antes de criar o arquivo menu.xml, criaremos 
um diretório, onde este arquivo será armazenado. Para isso, clique com o botão 
direito na pasta res e, então, clique em New > Android Resource Directory. 
Neste momento será aberta uma nova janela; nesta janela, deverá ser selecio-
nada a opção menu, no item Resource Type. Uma vez criado o diretório menu, 
clique com o botão direito no diretório menu (recém criado) e então clique 
em New > Menu Resource File e insira menu no fi le name. Este processo pode 
ser visualizado na Figura 2.
Menus e views para coleções de dados2
Uma vez criado o arquivo xml de menu, vamos inserir um elemento do 
tipo item que depois através do java receberá todos os itens que constarão no 
menu. Utilizaremos o código a seguir:
Figura 2. Criação de diretório para arquivo menu.xml.
3Menus e views para coleções de dados
 
Confi guração no arquivo .java — Em uma aplicação Android, para 
cada tela criada (arquivos .xml criados na pasta res/layout) é criada uma 
classe Java de mesmo nome na pasta Java. Em toda classe que representa 
uma tela existe um método gerado pelo próprio Android Studio chamado 
Oncreate. Este método é iniciado quando a tela é aberta, e é ele que defi ne 
o que será exibido. 
Os menus são criados pela activity que está ativa quando o botão menu é pres-
sionado. Ao pressionar um botão é chamado o método onCreateOptionsMenu, 
que recebe como parâmetro um objeto do tipo menu e é preenchido com 
os itens do menu. Este método não é gerado de forma automática, você precisa 
programá-lo; contudo ele será uma sobrescrita de um método já existente em 
uma biblioteca Java. 
O método onCreateOptionsMenu recebe como parâmetro um objeto 
do tipo Menu, no qual precisamos popular as opções de acordo com as infor-
mações do XML que acabamos de criar, que se encontra dentro de res/menus. 
Para isso, é preciso passar os dados do XML para o objeto recebido como 
parâmetro, que é justamente o papel de uma classe chamada MenuInflater 
(DEITEL; DEITEL; WARD, 2016; MONTEIRO 2012).
Agora, adicionaremos os itens de menu com o comando menu.add. 
Criaremos um item sair e um item voltar e, depois, adicionaremos uma 
linha de código (MenuInflater) que relacionará o arquivo de xml que 
criamos anteriormente com este código Java, e passar os dados do XML para 
o objeto recebido como parâmetro. O código então ficará assim:
Menus e views para coleções de dados4
2 Views no Android: ListView e GridView
Veremos agora algumas das views disponíveis no Android, bem como suas 
aplicabilidades. Para simplifi car o conceito de views, entenderemos que a view 
é um retângulo na tela utilizado para exibir algum conteúdo. Este conteúdo 
pode ser uma imagem, um pedaço de texto, um botão, uma lista ou qualquer 
outra coisa que o aplicativo desejar exibir. Todas as views juntas formam o 
layout da interface de um aplicativo (CORDEIRO, [2016?]).
Diversos são os tipos de views que podem ser utilizados em um aplicativo 
Android. Neste capítulo conheceremos sete delas, e depois exploraremos 
em detalhes a utilização das views para coleçõesListView e GridView: 
  TextView: utilizado para exibir um de texto análogo a uma label em 
sistemas web;
  ImageView: utilizado para exibir uma imagem;
  Button: utilizado para criação de botão; ao ser clicado efetua alguma ação;
  ImageButton: tem ação de botão, mas é exibido como uma imagem;
  EditText: é um campo de texto editável para a entrada de dados;
  ListView: utilizado para criação de listas;
  GridView: utilizado para a representação de um grid.
A ListView e o GridView são as implementações mais conhecidas 
de view para coleções, isto é, de views que permitem representar múltiplos 
valores. ListView e GridView podem ser utilizadas para os mesmos tipos 
de dados e objetivos de utilização, contudo, a ListView, como sugere o nome, 
é utilizada para criação de interfaces em lista, e o GridView para criação de 
interfaces que representam tabelas, contendo linhas e colunas. 
5Menus e views para coleções de dados
A Figura 3 ilustra este cenário para uma lista de nomes de pessoas, sendo 
à esquerda exibida a aplicação Android com um ListView, e à direita a 
mesma aplicação Android com um GridView. A aplicação demonstrada 
nesta figura será também demonstrada passo a passo posteriormente. No 
exemplo demonstrado na Figura 3, é utilizada uma lista de strings, contudo, 
listas e grids podem ser utilizados para os mais diversos tipos de aplicações, 
como por exemplo, botões, imagens, links, etc.
Figura 3. Layouts ListView e GridView.
3 Criação e utilização de ListView e GridView
ListView e GridView são elementos utilizados no Android para exibição de 
conteúdo complexo, isto é, de conteúdo que não é único como uma label, mas 
completo como uma tabela ou uma lista. Assim como qualquer objeto inserido 
da interface de um aplicativo Android, para manipulação de ListView é ne-
cessário criar um código Java e inserir valores em um arquivo xml. Desta forma, 
interagiremos com código Java e xml, criaremos uma lista de objetos e, através 
de um adapter, inseriremos esta lista em um ListView. 
O ListView tem uma função muito similar à classe ListActivity. 
Utilizando-se ListActivity, contudo, a Lis ocupará toda a tela, não po-
dendo ser utilizada com outros elementos. Já o ListView permite a utilização 
conjunta a outros elementos. O ListView é parte da classe ListActivity 
(LECHETA, c2016).
Menus e views para coleções de dados6
Adapter é uma estrutura utilizada para formatar views, popularmente 
utilizado com ListView e GridView. Ele é utilizado porque, pelo padrão 
de um ListView ou GridView, sem adapter é possivel penas exibir uma 
lista simples de palavras, contudo com apdater você pode, por exemplo, 
inserir imagens ou mostrar outros tipos de informações. O Android fornece 
algumas implementações de adapters que podem ser utilizadas, sendo os 
principais: SimpleCursorAdapter, ArrayAdapter e CursorAdap-
ter. Todos eles permitem formatar views, contudo, o ArrayAdapter 
apenas permite manipular dados com base em listas ou arrays. Já o Sim-
pleCursorAdapter e o CursorAdapter permitem manipular dados 
vindos de banco de dados (CORDEIRO, [2017?]).
Criação da Estrutura XML para ListView
Em seu projeto no Android Studio, crie uma nova activity do tipo Empty 
Activity, e dê a ela o nome de ListaPessoasActivity.xml. Uma vez criada esta 
nova activity, abra-a e acesse a edição via código (disponível no canto superior 
direito, neste símbolo ). Remova o elemento TextView que foi inserido 
automaticamente pela plataforma, para que possamos utilizar a interface toda 
para o ListView.
No Android Studio, a criação de uma nova activity deve ser feita no diretório src\main\
res\layout, que é o diretório que armazena os arquivos de layouts. Activity é o nome 
dado para uma classe que contém xml de layout.
Para inserir um ListView você deve utilizar o seguinte código:
7Menus e views para coleções de dados
Ao digitar <ListView e teclar enter, você verá que as próximas duas 
linhas serão inseridas automaticamente e trarão o valor wrap_content para 
os parâmetros layout_width e layout_height. Estes parâmetros são 
configurações de tamanho de campo, sendo que wrap_content representa 
que o elemento ocupará apenas o espaço que ele precisar, não ocupando a 
tela toda. Vamos alterar este valor para math_parent, que significa que o 
elemento utilizará todo o espaço disponível na tela. Além disso, foi inserido 
um ID, que é o que nos permite localizar este ListView nas próximas 
etapas. O ID é inserido através do seguinte código: android:id="@+id/
lbDescricao", completando o código com sintaxe a seguir.
Implementação Java para ListView
Ao criar a Activity.xml (chamada de ListaPessoasActivity.xml), a IDE au-
tomaticamente gerará uma classe java com o mesmo nome e a extensão .java, ou seja, 
ListaPessoasActivity.java. Abra esta classe, e dentro dela existirá um mé-
todo chamado onCreate; dentro dele vamos primeiramente inserir o código que re-
laciona o ListView criado no XML com o código Java, através do ID que foi criado 
no xml, ou seja, o listPessoa (linha 5). Depois, precisamos criar a lista que será exi-
bida na tela. Faremos isso logo abaixo do ListView inserido anteriormente (linha 6). 
Na sequência, criaremos o adapter. Como estamos utilizando uma lista de dados 
baseada em array, utilizaremos simple_list_item_1 (linha 7). Por fi m, 
atribuiremos o adapter para a ListView (linha 8).
Implementaç ã o de GridView 
Caso deseje exercitar a criação de GridView, a implementação é bem similar, 
sendo necessário pequenos ajustes. O primeiro ajuste é no xml, onde é necessário 
alterar de ListView para GridView. A segunda alteração é no Java, onde 
também no lugar de ListView deverá ser utilizado GridView, conforme segue:
Menus e views para coleções de dados8
CORDEIRO F. ListViews: aprenda, entenda e use sem moderação. [2017?]. Disponível 
em: https://www.androidpro.com.br/blog/desenvolvimento-android/listviews/. Acesso 
em: 24 abr. 2020.
CORDEIRO, F. Saiba como usar as Android Views da forma correta. [2016?]. Disponível em: 
https://www.androidpro.com.br/blog/desenvolvimento-android/android-views-intro/. 
Acesso em: 24 abr. 2020.
DEITEL, P.; DEITEL, H.; WALD, A. Android 6 para programadores: uma abordagem baseada 
em aplicativos. 3. ed. Porto Alegre: Bookman, 2016. 
GOOGLE DEVELOPERS. Menus. 2019. Disponível em: https://developer.android.com/
guide/topics/ui/menus?hl=pt. Acesso em: 24 abr. 2020
LECHETA, R. R. Google Android: aprenda a criar aplicações para dispositivos móveis com 
o Android SDK. 5. ed. São Paulo: Novatec, c2016.
MONTEIRO, J. B. Google Android: crie aplicações para celulares e tablets. São Paulo: 
Casa do Código, 2012.
9Menus e views para coleções de dados
Os links para sites da web fornecidos neste capítulo foram todos testados, e seu fun-
cionamento foi comprovado no momento da publicação do material. No entanto, a 
rede é extremamente dinâmica; suas páginas estão constantemente mudando de 
local e conteúdo. Assim, os editores declaram não ter qualquer responsabilidade 
sobre qualidade, precisão ou integralidade das informações referidas em tais links.
Menus e views para coleções de dados10
DICA DO PROFESSOR
Para a personalização de ListView e GridView, é necessário efetuar a criação de adapters. 
Embora existam adapters prontos, disponibilizados pelas bibliotecas do Android, eles são 
utilizados para layouts básicos; para um layout mais elaborado, é necessário personalizar o seu 
próprio adapter.
Na Dica do Professor, veja como fazer o seu próprio adapter para criar uma lista que permita 
exibir, em cada linha, uma figura e um texto.
Conteúdo interativo disponível na plataforma de ensino!
EXERCÍCIOS
1) Diversas são as views que podem ser utilizadas para a criação de interfaces em 
aplicativos Android. Cada uma delas tem a sua importância e utilidade. 
Sobre as views, assinale a afirmativa correta:
A) A ListView é utilizada para a criação de listas de objetos e só pode ser populada por meio 
da criação de um objeto Java do tipo ArrayList.
B)O GridView é um componente que exibe informações na tela em formato de tabela, sendo 
necessário utilizar uma matriz para inserir dados nele.
C) O ArrayList é o componente XML utilizado para a representação de listas em aplicativos 
Android.
D) A utilização de adapters é necessária para a personalização de ListView e GridView.
Uma ListView sempre ocupa todo o tamanho da tela onde é inserida. Para que possam ser E) 
 ListView e o GridView podem ser populados com valores e banco de dados ou de arrays e têm tamanho personalizável, podendo ser inseridos lado a lado a outros elementos. O que difere os dois componentes é o tipo de apresentação do resultado: o primeiro apresenta em lista, e o segundo, em tabela (grid), que não é estruturada como uma matriz. Para a personalização de ListView e GridView, é necessária a utilização de adapters. Por fim, ArrayList é o nome de uma estrutura de lista em Java, e não de um componente XML.
exibidos vários objetos na tela, deve-se utilizar um GridView.
2) Os menus são utilizados para facilitar o acesso às funcionalidades do sistema ou para 
algumas ações bem específicas, como, por exemplo, sair do sistema.
Sobre os processos realizados para a criação de um menu em um aplicativo Android, 
assinale a alternativa correta:
A) Criar um diretório de menu, criar um arquivo XML de menu e inserir o menu via Java.
B) Criar um arquivo XML de menu e inserir o menu via Java.
C) Criar um diretório de menu e inserir o menu via Java.
D) Criar um diretório de menu, criar um arquivo XML de menu e inserir na tela que deseja 
adicionar.
E) Inserir um componente list e, por meio de estilos, transformar ele em um menu.
3) Depois de posicionar um elemento de menu na tela de um aplicativo, é necessário dar 
ações para esse menu; do contrário, ele será apenas um elemento visual sem 
funcionalidades.
Em relação às ações de menus, assinale a alternativa correta:
A) Com o método onOptionsItemSelected, o Android identifica o clique, e, utilizando o 
mesmo nome no menu e na classe, é feito o acesso automático página.
B) O método onclickOptionsMenu escuta o clique no menu e, então, direciona para a página 
necessária.
Dentro do método onOptionsItemSelected, é necessário utilizar o método getItemId para C) 
Para inserir um menu, é necessário, primeiramente, criar um diretório de menu (New > Android Resource Directory); em seguida, deve-se criar um arquivo XML com o nome menu (New > Menu Resource) e, por fim, inserir o menu via Java (onCreateOptionsMenu).
O método onOptionsItemSelected é utilizado para identificar o clique em um item de menu; contudo, ele precisa ser utilizado em conjunto com o método getItemId. Além disso, as páginas não são abertas automaticamente ao identificar um clique; é necessário programar a sua abertura por meio de um método chamado iterator.
conseguir identificar qual item do menu foi clicado.
D) O método Java, responsável pela leitura do clique de menu, é onclickOptionsMenu em 
conjunto com o método igetItemValue.
E) O clique nos menus é programado no próprio XML, por meio de uma propriedade 
clicable=true.
4) Para a personalização de ListView e GridView, é necessária a utilização de adapters. 
Para isso, você precisa criar a sua própria classe de adapter; contudo, o Android 
dispõe de alguns adapters predefinidos que, quando utilizados corretamente, 
permitem montar uma lista padrão de forma facilitada.
Sobre os adapters, assinale a alternativa correta:
A) Os três tipos de adapters fornecidos pelo Android são: SimpleCursorAdapter, 
ArrayAdapter e AdvancedAdapter.
B) O SimpleCursorAdapter é restrito para a utilização em listas e não permite conexão com 
dados de banco de dados.
C) O ArrayAdapter é utilizado, especificamente, para a conexão com o banco de dados 
SQLite.
D) O AdvancedAdapter é o mais elaborado dos adapters porque permite conexão com todo 
tipo de banco de dados.
E) O ArrayAdapter permite somente manipular dados com base em listas ou arrays.
Menus e views têm funções diferentes em aplicativos Android; contudo, ambos têm 
suma importância. As views permitem a inserção de componentes que formam as 
aplicações Android, e os menus permitem acesso direto e facilitado às telas do 
5) 
Os três tipos de adapters fornecidos pelo Android são: SimpleCursorAdapter, ArrayAdapter e CursorAdapter. Todos eles permitem formatar views; contudo, apenas o ArrayAdapter permite manipular dados com base em listas ou arrays. O SimpleCursorAdapter e o CursorAdapter permitem manipular dados vindos de banco de dados.
aplicativo.
Pensando nisso, analise as seguintes afirmativas:
I. A ListView é utilizada para a criação de listas, seja listas baseadas em informações 
estáticas (de arrays), seja listas dinâmicas (de banco de dados).
II. O GridView pode ser implementado da mesma forma que a ListView, sendo 
necessários apenas pequenos ajustes.
III. A textView é utilizada para a entrada de dados de texto.
IV. O componente image é utilizado para exibir um botão em formato de imagem.
V. O componente button é utilizado para inserir um botão na tela.
Quais são verdadeiras?
A) I, II e V, apenas.
B) I, II, III e V, apenas.
C) I e II, apenas.
D) I, II e IV, apenas. 
E) I, II, III, IV e V.
NA PRÁTICA
Os menus são componentes importantes em um aplicativo Android, já que permitem que sejam 
acessadas, de forma facilitada, funcionalidades que não estão disponíveis na tela inicial.
A partir de um caso fictício, veja, Na Prática, como criar um menu para permitir o acesso às 
telas de uma aplicação.
SAIBA +
Para ampliar o seu conhecimento a respeito desse assunto, veja abaixo as sugestões do 
professor:
Adapters no Android
Acompanhe, no link a seguir, informações detalhadas sobre como criar adapters personalizados 
para utilizar em list e grid do Android.
Conteúdo interativo disponível na plataforma de ensino!
Menus
Para conhecer a documentação oficial sobre a criação de menus para o Android, acesse o 
material a seguir.
Conteúdo interativo disponível na plataforma de ensino!
ListViews
No link a seguir, a criação de ListViews utilizando adapters é apresentada de forma contextual e 
prática, com diferentes exemplos de código. Aproveite.
Conteúdo interativo disponível na plataforma de ensino!