Showing Revision 8 created 09/30/2015 by Thais Barros.

1. Title:
   01-05 Views
2. Description:

3. 0 0:00 - 0:03
   O primeiro passo é escolher
   os views que você vai usar.
4. 4060 0:04 - 0:08
   Primeiro, vou explicar o que é
   um view em Android.
5. 8170 0:08 - 0:12
   Um view é um retângulo na tela
   que mostra algum conteúdo.
6. 12400 0:12 - 0:16
   Pode ser uma imagem,
   um texto, um botão ou
7. 15610 0:16 - 0:17
   qualquer coisa que o aplicativo mostre.
8. 18130 0:18 - 0:22
   Essas views individuais formam
   o que chamamos de layout da tela.
9. 22680 0:23 - 0:25
   Tudo que você vê
10. 24690 0:25 - 0:29
    e interage no aplicativo são chamados
    de User Interface, ou UI.
11. 29700 0:30 - 0:32
    Há tipos diferentes de views
    com nomes diferentes.
12. 32830 0:33 - 0:36
    Uma view que mostra algum texto
    é chamada de TextView.
13. 35620 0:36 - 0:37
    Alguns exemplos.
14. 37230 0:37 - 0:41
    Uma view que mostra uma imagem
    se chama ImageView, alguns exemplos.
15. 41310 0:41 - 0:45
    Uma view que mostra um botão
    se chama Button.
16. 45070 0:45 - 0:47
    Só alguns exemplos.
17. 46620 0:47 - 0:50
    Há vários tipos de views em Android
    que são muito úteis para usar,
18. 49910 0:50 - 0:53
    mas, vamos focar nesses três primeiro.
19. 52880 0:53 - 0:56
    Antes, mencionei que cada view
    é um retângulo na tela,
20. 55770 0:56 - 0:58
    mas, onde estão esses retângulos?
21. 57890 0:58 - 1:01
    Tecnicamente, eles são invisíveis,
    mas vou desenhá-los para você
22. 61290 1:01 - 1:03
    ver onde estão os limites
    de cada retângulo.
23. 64280 1:04 - 1:05
    Como pode ver,
24. 65520 1:06 - 1:10
    cada aplicativo pode ser quebrado
    em views individuais.
25. 70250 1:10 - 1:14
    Em outras palavras, uma view é um bloco
    de construção básico usado
26. 73690 1:14 - 1:16
    para construir o layout do seu aplicativo.
27. 75990 1:16 - 1:20
    Para ajudá-lo a entender a ideia de views
    serem retângulos em uma tela,
28. 80080 1:20 - 1:23
    aqui está uma situação que você
    esteja mais familiarizado.
29. 82840 1:23 - 1:26
    Se você usar uma aplicação como
    o paint ou o Google drawings
30. 86110 1:26 - 1:31
    então você adicionou uma caixa de texto
    à tela, e aí digita o seu texto.
31. 91130 1:31 - 1:33
    Se você clicar fora dela,
32. 92710 1:33 - 1:36
    você não vê mais os lmites
    do retângulo, mas eles estão aí
33. 96280 1:36 - 1:39
    Os limites começam a ter importância
    quando você faz coisas
34. 99090 1:39 - 1:41
    como adicionar cor de fundo ou
35. 101260 1:41 - 1:45
    adicionar uma borda ao redor dele
    e o tamanho começa a importar também.
36. 106408 1:46 - 1:51
    Quero indicar também que o formato dos
    nomes das views é em CamelCase.
37. 112120 1:52 - 1:56
    CamelCase significa que não
    há espaços entre as palavras,
38. 115560 1:56 - 1:58
    e cada palavra começa com letra maiúscula.
39. 118860 1:59 - 2:02
    A razão pela qual é chamado
    de CamelCase é porque
40. 122000 2:02 - 2:06
    o contorno da palavra sobre e desce
    como as corcovas de um camelo.
41. 126560 2:07 - 2:09
    Você vai ver mais CamelCases
    durante esse curso.
42. 130310 2:10 - 2:12
    Vamos praticar o que aprendemos.
43. 132420 2:12 - 2:16
    Essa é uma screen shot de um novo
    aplicativo Google, chama-se Inbox.
44. 136540 2:17 - 2:19
    Você conseque identificar os
    diferentes tipos de views aqui?
45. 139400 2:19 - 2:22
    Para ajudá-lo, destaquei cada view.
46. 142430 2:22 - 2:23
    Por exemplo, para A,
47. 143390 2:23 - 2:27
    pode me dizer se é um TextView,
    um ImageView, ou um Button?
48. 146880 2:27 - 2:29
    Faça o mesmo com B, assim como
    o resto das views.