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
@twitterdoari
@
JORDAN SILVAMobile Engineer in the free timeMSc. Computer Science at UFMG*Code for Food
* Sim, já trabalhei em empresas por 9 anos.
+jordansilvabr
jordansilva
@jordansilva
@