AGENDA
BUILDING LAYOUTS
LESSON 1A
Lesson 1A
Views
Introduz o conceito de views e sua
utilização.
Vocabulário
TextView
ImageView
Button
CamelCase
Lesson 1A
Views
Introduz o conceito de views e sua
utilização.
Vocabulário
TextView
ImageView
Button
CamelCase
Lesson 1A
Using TextView
Introduz o conceito de views e sua
utilização.
Vocabulário
TextView
ImageView
Button
CamelCase
Lesson 1A
XML Syntax
Vocabulário
XML Element
Tags & Self-closing Tags
Attributes
Syntax
Parent/Child Elements
Density Independent Pixels (dp)
Explica os componentes e regras
usadas ao escrever XML.
Lesson 1A
Change The
TextView
Vocabulário
XML Element
Tags & Self-closing Tags
Attributes
Syntax
Parent/Child Elements
Density Independent Pixels (dp)
Explica os componentes e regras
usadas ao escrever XML.
Lesson 1A
Getting Past Errors
Aborda erros e oferece sugestões
para debugar.
Lesson 1A
Wrap Content
Vocabulário
Hard coding
wrap_content
Como wrap_content pode ser
utilizado para definir a altura e a
largura automaticamente.
Lesson 1A
TextView Text Size
Vocabulário
Scale Independent Pixels (sp)
textSize
textColor
Material Design Spec
Hexadecimal Color
Como alterar o tamanho e a cor dos
TextViews.
Lesson 1A
TextView Text Color
Vocabulário
Scale Independent Pixels (sp)
textSize
textColor
Material Design Spec
Hexadecimal Color
Como alterar o tamanho e a cor dos
TextViews.
BUILDING LAYOUTS
LESSON 1B
Lesson 1B
ViewGroups
Vocabulário
ViewGroups
Root View
Parent
Child
Sibling
Introduz o conceito de ViewGroups e
sua utilização.
Lesson 1B
Types of ViewGroups
Vocabulário
LinearLayout
RelativeLayout
Introduz o conceito de ViewGroups e
sua utilização.
Lesson 1B
Types of ViewGroups
Vocabulário
LinearLayout
RelativeLayout
Introduz o conceito de ViewGroups e
sua utilização.
Lesson 1B
LinearLayout
Vocabulário
Orientation
vertical
horizontal
Introduz o conceito de ViewGroups e
a utilização do LinearLayout.
Lesson 1B
Width and Height
Vocabulário
match_parent
ViewGroup layout parameter
Descreve os atributos de altura e
largura e a atribuição de valores para
eles.
Lesson 1B
Weight
Vocabulário
layout_weight
Como distribuir as views igualmente
em um LinearLayout.
Lesson 1B
Weight
Vocabulário
layout_weight
Como distribuir as views igualmente
em um LinearLayout.
RelativeLayout
Lesson 1B
RelativeLayout
Vocabulário
Introduz o conceito de ViewGroups e
a utilização do RelativeLayout.
layout_alignParent
layout_centerVertical
Lesson 1B
Align to Parent
Vocabulário
Introduz o conceito de ViewGroups e
a utilização do RelativeLayout.
id
layout_toRightOf
layout_toLeftOf
layout_above
layout_below
RelativeLayout.LayoutParams
Lesson 1B
Align to other Views
Vocabulário
Introduz o conceito de ViewGroups e
a utilização do RelativeLayout.
id
layout_toRightOf
layout_toLeftOf
layout_above
layout_below
Lesson 1B
RelativeLayout Item
Vocabulário
Descreve a criação de um Item com
RelativeLayout.
Padding
android:padding
Margin
android:layout_margin
Lesson 1B
Padding vs Margin
Vocabulário
A diferença do padding e margin
para o espaçamento das Views.
Padding
android:padding
Margin
android:layout_margin
Lesson 1B
Padding vs Margin
Vocabulário
A diferença do padding e margin
para o espaçamento das Views.
PRACTICE SET 1
LESSON 1A e 1B
2 TextViews
ImageView
Practice Set 1
Select the Views
Resposta
Identificando as views antes de
começar.
Sobreposição de views
Atributos de posicionamento
Practice Set 1
Position the Views
Resposta
Definindo o posicionamento das
Views no Layout.
O texto é maior
O texto é branco
A fonte do texto é diferente
A imagem ocupa toda a tela
O texto possui um espaçamento
Practice Set 1
Style the Views
Resposta
Ajustando posicionamento,
dimensões e cores das Views.
Practice Set 1 - Birthday Card!
PRACTICE
LESSON 1A e 1B
Vamos construir esse novo layout, o
que precisaremos?
Practice
Building new Layout
Vamos construir esse novo layout, o
que precisaremos?
Resposta
Practice
Building new Layout
ImageViews
LinearLayout
TextViews
RelativeLayout
View (height: 1px)
References
● https://goo.gl/eDJVlY ← essa apresentação
● http://www.gdgbh.org
● gdgbh.slack.com (Private Channel: #android-study-jam)
● https://goo.gl/dhwwY5 (Android Development for Beginners)
● https://developers.google.com
● http://www.google.com/design/spec/style/typography.html#typography-styles
● http://www.google.com/design/spec/style/color.html#color-color-palette
● http://goo.gl/fWwL27 (Nearby Places com: Google Maps + Google Places API)
FELIPE ARIMATÉIA
Engenheiro de Software Mobile na CI&T
Swat Team
I Love Code
+FelipeArimateia
felipearimateia@gmail.com
felipearimateia
@twitterdoari
@
JORDAN SILVA
Mobile Engineer in the free time
MSc. Computer Science at UFMG*
Code for Food
* Sim, já trabalhei em empresas por 9 anos.
+jordansilvabr
silva.jordan@gmail.com
jordansilva
@jordansilva
@

Class 02 - Android Study Jams: Android Development for Beginners