Interfaces Gráficas parte 3

Transcrição

1 parte 3 (Listview, AlertDialog e ActionBar) Programação de Dispositivos Móveis Mauro Lopes Carvalho Silva Professor EBTT DAI Departamento de Informática Campus Monte Castelo Instituto Federal de Educação Ciência e Tecnologia do Maranhão

2 Objetivos Nesta aula iremos complementar as aulas sobre interfaces gráficas do Android apresentando três elementos muito usados nas aplicações profissionais para a plataforma: Listview, AlertDialog e ActionBar. Vamos entender como utilizá-las. Nosso objetivo principal é aproximar o aluno do desenvolvimento de um aplicativo básico.

3 Plano de Aula Interfaces Gráficas ListView; AlertDialog; ActionBar.

4 ListView O ListView é possivelmente o componente de interface gráfica mais utilizado no desenvolvimento de aplicativos para o Android; É através dele que listamos os dados para os nossos usuários, tais como: uma lista de carros, lista de pessoas, amigos no facebook, aniversariantes do mês, etc; ListView

5 ListView Quando se trata de listagem de dados, concluímos que o que realmente varia na lista é o item que vai ser exibido e como ele vai ser exibido; Podemos exibir uma lista de carros, de frutas, de funcionários, de amigos, etc; A lista poderá ter imagem ou apenas texto? Vai ser uma linha ou duas? Qual vai ser a cor de fundo? Desta forma, antes de começar a criar uma lista de dados, devemos pensar um pouco no que você deseja exibir e na forma na qual deseja mostrar esses itens para o usuário; O site ( apresenta vários layouts de interfaces para uso de listas.

6 Como construir uma ListView Um ListView é uma View que vai compor um determinado layout de uma Activity; Então, assim como declaramos um Button, TextView, EditText, ou qualquer outro componente gráfico no Layout XML, também declaramos o ListView; No entanto para podermos criar de fato os dados que irão compor a ListView iremos utilizar um elemento chamado Adapter; Mas o que seria um Adapter? O Adapter é uma interface do Android que é implementada por diversas classes da API do Android; Temos por exemplo o CursorAdapter que recebe em seu construtor um Cursor (usado na manipulação de bancos de dados); O Adapter mais comum é o ArrayAdapter justamente por ser o mais simples. E será este usado com o ListView.

7 Como construir uma ListView Vamos ver na prática como construir uma ListView.

8 Como construir uma ListView

9 Como construir uma ListView

10 AlertDialog Uma caixa de diálogo é uma pequena janela que solicita ao usuário tomar uma decisão ou inserir informações adicionais; Um AlertDialog pode mostrar um título, até três botões, uma lista de itens selecionáveis ou não, ou um layout personalizado; É importante sabermos que ao criarmos o diálogo utilizando os recursos padrões ele será automaticamente desfeita ao pressionar qualquer dos botões; A criação é simples e vamos utilizar como recurso para a criação a classe AlertDialog.Builder. AlertDialog

11 Como construir um AlertDialog Vamos ver na prática como construir um AlertDialog.

12 Como construir um AlertDialog

13 Como construir um AlertDialog

14 ActionBar A ActionBar é uma característica da janela para identificar a aplicação e fornecer ações ao usuários e modos de navegação; O programador deve usar a ActionBar na maioria das atividades que precisam apresentar ações do usuário ou uma navegação global, pois fornece uma interface consistente entre os aplicativos e o sistema; Essa função no Android só foi lançada para a versão 3.0 e superiores; Você já percebeu que opção menu nos dispositivos móveis, como os celulares recentes foi alterada? ActionBar

15 ActionBar ActionBar Usando Menus

16 Como criamos um menu de opções na ActionBar A primeira ação é criar um arquivo XML de menu na pasta menu dentro do res da aplicação; Definem-se as opções individuais do menu usando o elemento item. Especificam-se os atributos id, icon e title para cada opção. Para cada item há um atributo showasaction; Este atributo permite especificar quando e como é que cada opção irá aparecer na ActionBar; Os valores disponíveis são: ifroom: Só colocar este item na barra de ação, se houver espaço para isso; withtext: Também incluir o texto do título (definido pelo android:title) com o item de ação. Você pode incluir esse valor junto com um dos outros como um conjunto de sinalizadores, separando-os com um ; never: Nunca coloque o item na barra de ação; always: Sempre coloque esse item na barra de ação. Cuidado ao usar esta opção, o espaço na ActionBar é pequeno;

17 Como criamos um menu de opções na ActionBar Opções do Menu Arquivo de layout (XML) do Menu de opções

18 Como criamos um menu de opções na ActionBar Na parte da programação Java precisamos: Atualizar a Activity onde o menu vai aparecer; Precisamos criar o método oncreateoptionsmenu para construir o menu; E também o método onoptionsitemselected para capturar as opções clicadas e executar ações; Um elemento importante a ser discutido aqui é o LayoutInflater; O LayoutInflater permite transformar um arquivo XML em um objeto View; No nosso caso iremos obter um objeto inflater para associar o arquivo de menu (XML) a um objeto menu (Java); Usaremos o método inflate (id,viewgroup).

19 Como criamos um menu de opções na ActionBar Recuperação da ActionBar da Activity e configurações iniciais: ícone e título Infla o arquivo de menu em XML em um objeto menu do Java Verifica que opção de menu da ActionBar foi clicado

20 Como criamos um menu de opções na ActionBar ActionBar Interfaces Gráficas

21 Como criamos um menu de opções na ActionBar Vamos ver na prática o uso da ActionBar.

22 Dúvidas Página do Professor Mauro:

23 Próxima Aula Desenvolvimento de um aplicativo básico usando o Google Android: Banco de Dados

24 Referências Google Android: aprenda a criar aplicações para dispositivos móveis com o Android SDK - Ricardo R. Lacheta, São Paulo: Novatec, Sites: