•Introdução a interface grafica
•View do android
•Layouts do android
Interface gráficas no Android
• As telas das aplicaçoes são compostos por
views
• Views herdam de android.view.View
• As views são organizadas nas telas atraves de
layouts
• Layouts herdam de android.view.ViewGroup
Interface gráficas no Android
Views do Android
• O android possui diversas views importantes
utilizadas para compor interfaces gráficas
• Localizadas no pacote android.widget
TextView
• Mostra texto na tela
TextView
• O autoLink pode ser utilizado para criar links
automáticos
TextView
• E possível formatar o texto em itálico, negrito
ou sublinhado usando tags no arquivo de
resources de string
EditText
• Caixa de texto para entrada dos dados
EditText
• O inputType pode ser utilizado para restringir
o tipo de dado que ser fornecido a caixa de
texto.
Button
• Botão para dispara alguma ação
• E possível definir o método de tratamento do
evento no XML
ImagemButton
• Botão onde uma imagem é apresentada no
lugar de um texto
CheckBox
• Botão de dois estados: pode estar marcado ou
desmarcado
RadionButton
• Grupo de botão
• Apenas uma opção pode ser selecionada
DataPiker
• Permite escolher uma data
TimerPiker
• Permite escolhe hora e min
Layouts do android
• O android possui diversos layouts importantes
utilizados para organizar interfaces gráficas
• Localizados no pacote android.widget
• LinerarLayout
• TableLayout
• RelativeLayout
• FrameLayout
LinearLayout
• Organiza os componentes na horizontal ou na
vertical
Definindo o tamanho
• A definição da altura e largura dos layouts e das
views e feita através dos atributos obrigatórios :
• layout_width e layout_heigth
• Os valores podem ser:
• Numero absoluto:especifica o tamanho
• match_parent:preenche ate o tamanho do layout
pai
• wrap_content: usa apenas o tamanho necesario
Definindo o tamanho
• Quando o valor e expressado com numero,
vários tipos de dimensões são suportados:
Orientation,Weight e Gravity
• Conceito importantes:
Orientation, Weigth e Gravity
TableLayout
• Estrutura as views em formas de tabela ( linha
e colunas)
• E bastante usada para formularios
TableLayout
RelativeLayout
• Permite posicionar views relativamente a
outras views
• As views que serão referenciadas devem ser
declaradas antes no arquivo de layout
• E um layout interessante para ser utilizado na
criação de formulários
RelativeLayout
FrameLayout
• Utilizada principalmente quando e necessário
mostrar apenas uma view na tela
• Caso mais de uma view seja especificada, elas
são empilhadas de forma que a ultima view
fica no topo
FrameLayout