31
INTERFACE GRÁFICA Arthur Emanuel de Oliveira Carosia

Aula - 04 - Android - Interface grafica (layout, widgets)

Embed Size (px)

Citation preview

Page 1: Aula - 04 - Android - Interface grafica (layout, widgets)

INTERFACE GRÁFICA

Arthur Emanuel de Oliveira Carosia

Page 2: Aula - 04 - Android - Interface grafica (layout, widgets)

2

TableLayout 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.

Page 3: Aula - 04 - Android - Interface grafica (layout, widgets)

3

ScrollView Provê a rolagem da tela quando

necessário

...... Código XML.....

Page 4: Aula - 04 - Android - Interface grafica (layout, widgets)

4

Design

Page 5: Aula - 04 - Android - Interface grafica (layout, widgets)

5

Design

Page 6: Aula - 04 - Android - Interface grafica (layout, widgets)

6

Design

As colunas indicadas ocupam todo o espaço disponível entre os seus

elementos-flhos e o próprio TableLayout

Page 7: Aula - 04 - Android - Interface grafica (layout, widgets)

7

Design

Page 8: Aula - 04 - Android - Interface grafica (layout, widgets)

8

Design

Page 9: Aula - 04 - Android - Interface grafica (layout, widgets)

9

Design

Page 10: Aula - 04 - Android - Interface grafica (layout, widgets)

10

Design

Page 11: Aula - 04 - Android - Interface grafica (layout, widgets)

11

Design

Page 12: Aula - 04 - Android - Interface grafica (layout, widgets)

12

Design

Page 13: Aula - 04 - Android - Interface grafica (layout, widgets)

13

Design

Page 14: Aula - 04 - Android - Interface grafica (layout, widgets)

14

DatePicker 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

Page 15: Aula - 04 - Android - Interface grafica (layout, widgets)

15

DatePicker Inicializando o botão com a data atual

Page 16: Aula - 04 - Android - Interface grafica (layout, widgets)

16

DatePicker 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álogopela primeira vez. O método onCreateDialog é chamado, passando o identifcador informado, para que seja instanciado um novo DatePickerDialog.

Page 17: Aula - 04 - Android - Interface grafica (layout, widgets)

17

DatePicker 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álogopela 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.

Page 18: Aula - 04 - Android - Interface grafica (layout, widgets)

18

DatePicker Listener que será responsável por tratar o

resultado Definição de uma classe anônima, que

implementa OnDateSetListener.

Page 19: Aula - 04 - Android - Interface grafica (layout, widgets)

19

DatePicker .

Page 20: Aula - 04 - Android - Interface grafica (layout, widgets)

20

Spinner Widget para seleção de itens em uma

lista suspensa. Conhecido em outras plataformas como

combo box ou drop-down.

Page 21: Aula - 04 - Android - Interface grafica (layout, widgets)

21

Spinner 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:

Page 22: Aula - 04 - Android - Interface grafica (layout, widgets)

22

Spinner createFromResource:

passando o contexto atual, o identificador do array de opções destrings.xml e o id do layout que será utilizado para apresentar as opções.

Page 23: Aula - 04 - Android - Interface grafica (layout, widgets)

23

Spinner

Page 24: Aula - 04 - Android - Interface grafica (layout, widgets)

24

AlertDialog Caixas de diálogo que são utilizadas

geralmente para interagir com o usuário, apresentandoalgum 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

Page 25: Aula - 04 - Android - Interface grafica (layout, widgets)

25

AlertDialog Implementar a interface OnClickListener

e seu método onClick para tratar a opção selecionada pelo usuário na caixa de diálogo

Page 26: Aula - 04 - Android - Interface grafica (layout, widgets)

26

AlertDialog Método chamado criaDialogConfirmacao,

Esse método retornará o alertDialog construído com as opções SIM e NÃO.

Page 27: Aula - 04 - Android - Interface grafica (layout, widgets)

27

AlertDialog

Page 28: Aula - 04 - Android - Interface grafica (layout, widgets)

28

AlertDialog

Para exibir:Dialogo.show();

//Ação

//Ação

Page 29: Aula - 04 - Android - Interface grafica (layout, widgets)

29

Outros elementos ListView Menu ProgressDialog ProgressBar Etc.

Page 30: Aula - 04 - Android - Interface grafica (layout, widgets)

30

Exercícios 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.

Page 31: Aula - 04 - Android - Interface grafica (layout, widgets)

31

Referências 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/.