LAYOUTS E

COMPONENTES
VISUAIS

Prof. Me. Clayton Kossoski

ACTIVITY, VIEWS E VIEWGROUP
PRIMEIRO PROJETO

Hello World
CLASSE R.JAVA

Viso de projeto

app/build/generated/source/r

Classe autogerada. Possui informaes sobre todos os

componentes Android. Permite acesso e modificao dos
componentes.

No se deve editar a classe R diretamente. Para acessar os

recursos possvel fazer via XML ou classes Java.
PRINCIPAIS TIPOS DE LAYOUT

Relative Layout
Linear Layout
Grid Layout
Table Layout
ScrollLayout
Constraint Layout
http://www.devmedia.com.br/linear-table-e-relative-layouts-com-android-studio/341
27

https://developer.android.com/training/constraint-layout/index.html
LAYOUTS: LARGURA E ALTURA

PROPRIEDADES BSICAS

android: layout_width

android: layout_height

Podem ser:

match_parent (atual) ou fill-parent

wrap_content

valur numrico: px, sp, dp ou dip, in, mm, pt, etc

LAYOUTS: RELATIVE LAYOUT

A posio dos componentes se d em relao a outros

componentes

android:layout_above

android:layout_toRightOf

android:layout_alighParentTop

android:layout_centerInParent

e muito mais
MARGIN E PADDING

android: layout_margin

android:padding

Ambos suportam os sufixos:

Top

Bottom

Left

Right
LAYOUTS: FRAME LAYOUT

Ideia central: camadas e sobreposio de componentes

android:layout_gravity
LAYOUTS: LINEAR LAYOUT

Dispem os componentes ou na vertical ou na horizontal

android:weight (atribua pesos para os componentes na mesma linha ou coluna)

android:orientation = vertical | horizontal

android:layout_gravity (externo)

android:gravity (interno)
LAYOUTS: GRIDLAYOUT E
TABLELAYOUT

BASTANTE SIMILARES
LAYOUTS: GRIDLAYOUT

Dispem os componentes em grade

android:columnCount
android:rowCount

android:layout_row

android:layout_column

android:layout_rowSpan

android:column_span

android:layout_gravity
LAYOUTS: TABLE LAYOUT

MAIS FCIL DE CONTROLAR QUE GRID LAYOUT

TableRow
Adiciona-se os componentes em tablerow
LAYOUTS: CONSTRAINT LAYOUT

Mais flexvel que outros layouts e voltado responsividade

Necessita definio de restries/regras de posicionamento

entre os componentes e a tela

Uma evoluo do Relative Layout

SCROLLVIEW

Percorre os itens na tela

Pode conte APENAS um descendente da classe
View
Normalmente se trabalha com scrollview e dentro
dele um layout

Permite incluir um arquivo de layout em outro

<include layout= />
COMPONENTES - Guia Palette
COMPONENTES

TextView
android:autolink

Fontes
android:typeface
padro: monospace, normal, sans, serif

Multilinha
android:maxLine
android:ellipzine
COMPONENTES

EditText - customiza campos e teclados

Tipos: plano, senha, nmero, e-mail
android:hint
android:inputType
android:digits
android:imeOptions
singleLine=true
imeActionLabel
COMPONENTES

Spinner

RadioGroup
RadioButton

CheckBox, Switch e ToggleButton

ProgressBar

RatingBar
COMPONENTES

Autolink

Pattern pattern =
Pattern.compile(\\d{5}-\\d{3});

String esquema =
http://cep.republicavirtual.com.br/ +
web_cep.php?formato=jsonp&cep=;
Linkify.addLinks(textView,pattern,esquem
a);
COMPONENTES

Fontes extras
http://developer.android.com/downloads/d
esign/roboto-1.2.zip

TypeFace robotoBoldItalic =
Typeface.createFromAsset(getAssets(),
Roboto-BoldItalic.ttf);
textView.setTypeface(robotoBoldItalic);
COMPONENTES

Tachado
Bold
Sublinhado

textView.setPaintFlags(textView.getPaint
Flags() | Paint.STRIKE_THRU_TEXT_FLAG);
COMPONENTES

EditText - imeOptions
setOnEditorActionLIstener
setError

getId
ESTILOS

Parecido com CSS do desenvolvimento front end

colors.xml
hexadecimal
RGB ou ARGB

styles.xml

regras para aplicar as cores