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

Preview:

Citation preview

INTERFACE GRÁFICA

Arthur Emanuel de Oliveira Carosia

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.

3

ScrollView Provê a rolagem da tela quando

necessário

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

4

Design

5

Design

6

Design

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

elementos-flhos e o próprio TableLayout

7

Design

8

Design

9

Design

10

Design

11

Design

12

Design

13

Design

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

15

DatePicker Inicializando o botão com a data atual

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.

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.

18

DatePicker Listener que será responsável por tratar o

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

implementa OnDateSetListener.

19

DatePicker .

20

Spinner Widget para seleção de itens em uma

lista suspensa. Conhecido em outras plataformas como

combo box ou drop-down.

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:

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.

23

Spinner

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

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

26

AlertDialog Método chamado criaDialogConfirmacao,

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

27

AlertDialog

28

AlertDialog

Para exibir:Dialogo.show();

//Ação

//Ação

29

Outros elementos ListView Menu ProgressDialog ProgressBar Etc.

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.

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