AGENDA

BUILDING LAYOUTSLESSON 1A

Lesson 1AViews

Introduz o conceito de views e sua utilização.

VocabulárioTextViewImageViewButtonCamelCase

Lesson 1AViews

Introduz o conceito de views e sua utilização.

VocabulárioTextViewImageViewButtonCamelCase

Lesson 1AUsing TextView

Introduz o conceito de views e sua utilização.

VocabulárioTextViewImageViewButtonCamelCase

Lesson 1AXML Syntax

VocabulárioXML ElementTags & Self-closing TagsAttributesSyntaxParent/Child ElementsDensity Independent Pixels (dp)

Explica os componentes e regras usadas ao escrever XML.

Lesson 1AChange The TextView

VocabulárioXML ElementTags & Self-closing TagsAttributesSyntaxParent/Child ElementsDensity Independent Pixels (dp)

Explica os componentes e regras usadas ao escrever XML.

Lesson 1AGetting Past Errors

Aborda erros e oferece sugestões para debugar.

Lesson 1AWrap Content

VocabulárioHard codingwrap_content

Como wrap_content pode ser utilizado para definir a altura e a largura automaticamente.

Lesson 1ATextView Text Size

VocabulárioScale Independent Pixels (sp)textSizetextColorMaterial Design SpecHexadecimal Color

Como alterar o tamanho e a cor dos TextViews.

Lesson 1ATextView Text Color

VocabulárioScale Independent Pixels (sp)textSizetextColorMaterial Design SpecHexadecimal Color

Como alterar o tamanho e a cor dos TextViews.

BUILDING LAYOUTSLESSON 1B

Lesson 1BViewGroups

VocabulárioViewGroupsRoot ViewParentChildSibling

Introduz o conceito de ViewGroups e sua utilização.

Lesson 1BTypes of ViewGroups

VocabulárioLinearLayoutRelativeLayout

Introduz o conceito de ViewGroups e sua utilização.

Lesson 1BTypes of ViewGroups

VocabulárioLinearLayoutRelativeLayout

Introduz o conceito de ViewGroups e sua utilização.

Lesson 1BLinearLayout

VocabulárioOrientation

verticalhorizontal

Introduz o conceito de ViewGroups e a utilização do LinearLayout.

Lesson 1BWidth and Height

Vocabuláriomatch_parentViewGroup layout parameter

Descreve os atributos de altura e largura e a atribuição de valores para eles.

Lesson 1BWeight

Vocabuláriolayout_weight

Como distribuir as views igualmente em um LinearLayout.

Lesson 1BWeight

Vocabuláriolayout_weight

Como distribuir as views igualmente em um LinearLayout.

RelativeLayout

Lesson 1BRelativeLayout

Vocabulário

Introduz o conceito de ViewGroups e a utilização do RelativeLayout.

layout_alignParentlayout_centerVertical

Lesson 1BAlign to Parent

Vocabulário

Introduz o conceito de ViewGroups e a utilização do RelativeLayout.

idlayout_toRightOflayout_toLeftOflayout_abovelayout_belowRelativeLayout.LayoutParams

Lesson 1BAlign to other Views

Vocabulário

Introduz o conceito de ViewGroups e a utilização do RelativeLayout.

idlayout_toRightOflayout_toLeftOflayout_abovelayout_below

Lesson 1BRelativeLayout Item

Vocabulário

Descreve a criação de um Item com RelativeLayout.

Padding android:paddingMargin android:layout_margin

Lesson 1BPadding vs Margin

Vocabulário

A diferença do padding e margin para o espaçamento das Views.

Padding android:paddingMargin android:layout_margin

Lesson 1BPadding vs Margin

Vocabulário

A diferença do padding e margin para o espaçamento das Views.

PRACTICE SET 1LESSON 1A e 1B

2 TextViewsImageView

Practice Set 1Select the Views

Resposta

Identificando as views antes de começar.

Sobreposição de viewsAtributos de posicionamento

Practice Set 1Position the Views

Resposta

Definindo o posicionamento das Views no Layout.

O texto é maiorO texto é brancoA fonte do texto é diferenteA imagem ocupa toda a telaO texto possui um espaçamento

Practice Set 1Style the Views

Resposta

Ajustando posicionamento, dimensões e cores das Views.

Practice Set 1 - Birthday Card!

PRACTICELESSON 1A e 1B

Vamos construir esse novo layout, o que precisaremos?

PracticeBuilding new Layout

Vamos construir esse novo layout, o que precisaremos?

Resposta

PracticeBuilding new Layout

ImageViewsLinearLayoutTextViewsRelativeLayoutView (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ÉIAEngenheiro de Software Mobile na CI&TSwat TeamI Love Code

+FelipeArimateia

felipearimateia@gmail.com

felipearimateia

@twitterdoari

@

JORDAN SILVAMobile Engineer in the free timeMSc. Computer Science at UFMG*Code for Food

* Sim, já trabalhei em empresas por 9 anos.

+jordansilvabr

silva.jordan@gmail.com

jordansilva

@jordansilva

@