O documento discute interfaces gráficas no Android, incluindo TableLayout para layouts em formato de tabela, DatePicker para seleção de datas, Spinner para seleção de itens em lista suspensa, e AlertDialog para caixas de diálogo. Exemplos de código são fornecidos para ilustrar o uso desses widgets. Exercícios propõem o desenvolvimento de uma aplicação de cinema usando esses componentes.

1. INTERFACE GRÁFICA
Arthur Emanuel de Oliveira Carosia

2. TableLayout
2
 Permite a criação de layouts com a
organização em formato de tabelas, similar ao
<table> do HTML.
 O elemento TableRow é utilizado para
representar uma linha e seus elementos-filhos
representam uma célula.
 Podemos utilizar qualquer outra view que não
a TableRow para representar uma linha.

3. ScrollView
3
 Provê a rolagem da tela quando necessário
...... Código XML.....

4. Design
4

5. Design
5

6. Design
6
As colunas indicadas ocupam todo o
espaço disponível entre os seus
elementos-flhos e o próprio TableLayout

7. Design
7

8. Design
8

9. Design
9

10. Design
10

11. Design
11

12. Design
12

13. Design
13

14. DatePicker
14
 Widget projetado para a seleção de datas que
pode ser utilizado tanto de maneira direta,
incluindo-o diretamente no layout, como
indireta, através de uma caixa de diálogo.
 A utilização direta do DatePicker não é comum,
uma vez que o widget tem proporções
exageradas

15. DatePicker
15
 Inicializando o botão com a data atual

16. DatePicker
16
 Invoca o método showDialog da própria Activity passando um
identifcador que indica o diálogo que deve ser aberto.

 showDialog é invocado para criar uma caixa de diálogo
pela primeira vez. O método onCreateDialog é chamado, passando o
identifcador informado, para que seja instanciado um novo
DatePickerDialog.

17. DatePicker
17
 Invoca o método showDialog da própria Activity passando um
identifcador que indica o diálogo que deve ser aberto.

 showDialog é invocado para criar uma caixa de diálogo
pela primeira vez. O método onCreateDialog é chamado, passando o
identifcador informado, para que seja instanciado um novo
DatePickerDialog.
Observação
This method was deprecated in API level 13.
Use the new DialogFragment class with
FragmentManager instead; this is also
available on older platforms through the
Android compatibility package.

18. DatePicker
18
 Listener que será responsável por tratar o resultado
 Definição de uma classe anônima, que implementa
OnDateSetListener.

19. DatePicker
19
 .

20. Spinner
20
 Widget para seleção de itens em uma lista
suspensa.
 Conhecido em outras plataformas como combo
box ou drop-down.

21. Spinner
21
 Cada item do Spinner é uma view filha que é
proveniente de um SpinnerAdapter.
 Devemos carregar os itens previamente em
um SpinnerAdapter e atribuí-lo ao spinner
para que as opções possam ser exibidas.
 Em Strings.xml, definimos um ArrayAdapter:

22. Spinner
22
 createFromResource:
 passando o contexto atual, o identificador do array de opções
de
strings.xml e o id do layout que será utilizado para apresentar
as opções.

23. Spinner
23

24. AlertDialog
24
 Caixas de diálogo que são utilizadas
geralmente para interagir com o usuário,
apresentando
algum tipo de informação e solicitando que ele
decida o que deve ser feito.
• criar um novo diálogo que inclua os
botões para a confirmação
•passar um listener para tratar qual botão
foi escolhido

25. AlertDialog
25
 Implementar a interface OnClickListener e seu
método onClick para tratar a opção
selecionada pelo usuário na caixa de diálogo

26. AlertDialog
26
 Método chamado criaDialogConfirmacao,
 Esse método retornará o alertDialog construído com as
opções SIM e NÃO.

27. AlertDialog
27

28. AlertDialog
28
Para exibir:
Dialogo.show();
//Ação
//Ação

29. Outros elementos
29
 ListView
 Menu
 ProgressDialog
 ProgressBar
 Etc.

30. Exercícios
30
 Usando TableLayout, DatePicker e Spinner
OU AlertDialog, implemente uma aplicação
para um Cinema com três Activities:
 1. Tela Inicial com Spinner ou AlertDialog que
selecionam qual a próxima Activity.
 1.1 Tela de cadastro de filmes de um cinema, com os
campos: Nome do Filme, Gênero, Data de Início da
Exibição, Data de Fim da Exibição e Sinopse.
 1.2 Tela de cadastro de funcionáios do cinema, com
os campos: Nome do Funcionário, Data de
nascimento, Sexo e Horário Inicial de Trabalho.

31. Referências
31
 Google Android. Crie Aplicações para
Celulares e Tablets. Monteiro, J. Bosco. Casa
do Código.
 Desenvolvimento Mobile com Android. K19
Treinamentos.
 Android Developers. Disponível em:
http://developer.android.com/.