aula 03 - interface gráfica - parte 1

INTERFACE GRÁFICA

Arthur Emanuel de Oliveira Carosia

2

Recapitulando Activity Intent Layout, Widgets, Temas

3

Recapitulando Activity Intent Layout, Widgets, Temas

4

Layouts, Widgets e Temas O elemento fundamental de uma interface

gráfica na plataforma Android é a View. A partir dela é que são derivados todos os

demais elementos e os Widgets mais complexos.

5

Layouts, Widgets e Temas ViewGroup,

Possibilidade de conter outras Views e é a base para todas as classes que constituem layouts.

6

Layouts, Widgets e Temas Criação de estilos e temas para

personalizar a sua aplicação. Semelhante a folhas de estilo CSS e design

para web Para definir um estilo, basta criar um XML

em res/values/ definindo as propriedades desejadas

7

Layout LinearLayout:

permite a organização dos elementos de forma linear, posicionando: itens um abaixo do outro, quando configurado com

orientação vertical, um ao lado do outro, quando configurado com

orientação horizontal.

8

LinearLayout

9

LinearLayout

• layout_height, que indica a sua alturaValores importantes: match_parent (tamanho deve ser o mesmo que o do elemento-pai) e wrap_content (o tamanho deve ser grande o sufciente para abrigar o conteúdo a ser exibido)

• gravity="center_vertical“Ele indica que o layout deve ficar centralizado verticalmente na tela

• orientation: orientação da tela

10

ImageView, TextView, EditText

11


12


13


14


15


Number, phone, date,

time, ...

16

Button

17

Button

18

RelativeLayout Um dos mais poderosos e versáteis

disponíveis na plataforma Android, permite posicionar um elemento em um local relativo a outro componente.

19

RelativeLayout Um dos mais poderosos e versáteis

disponíveis na plataforma Android, permite posicionar um elemento em um local relativo a outro componente.

20

RelativeLayout

21

RelativeLayout

22

RelativeLayout

23

RelativeLayout

24

RelativeLayout

25

Exercício – Parte 1 Desenvolver uma aplicação que possua as seguintes

Activities. A primeira Activity possui os seguintes elementos:

Tela de abertura do sistema com o nome do sistema. Uma imagem identificando o sistema e três botões, que

levam a três activities distintas: Login

Leva à tela de login já desenvolvida. Cadastro

Leva a uma tela de cadastro pedindo os seguintes elementos: Nome completo, Endereço, Número, CEP e Complemento. Ao clicar no botão ok, verificar se o conteúdo de todos os campos não está em branco e exibir um Toast com o resultado da verificação.

Sobre Nome do aluno desenvolvedor e dados cadastrais. Além disso,

possui um botão que leva à página do IFSP SBV.

26

Exercício – Parte 2 Utilizar neste exercício:

Linear Layout na tela de abertura Relative Layout na tela de cadastro

27

Outros elementos TableLayout ScrollView RadioGroup DatePicker Spinner ListView Menu AlertDialog ProgressDialog e ProgressBar Etc.

28

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

http://developer.android.com/

aula 03 - interface gráfica - parte 1

Technology