Showing Revision 3 created 05/24/2016 by Udacity Robot.

1. Title:
   Views
2. Description:

3. 220 0:00 - 0:04
   Step one is about picking
   the views that you want to use.
4. 4210 0:04 - 0:08
   First I should explain what
   exactly a view an Android is.
5. 8290 0:08 - 0:12
   Simply put, a view is a rectangle on
   the screen that shows some content.
6. 12400 0:12 - 0:16
   It can be an image,
   a piece of text or a button or
7. 15610 0:16 - 0:17
   anything else that the app can display.
8. 17170 0:17 - 0:23
   Now these individual views make up
   what we call the layout of the screen.
9. 22780 0:23 - 0:25
   Everything about what you see and
10. 24690 0:25 - 0:29
    interact with in your app is called
    the user interface, or UI for short.
11. 29120 0:29 - 0:33
    There are different types of
    views with different names.
12. 32910 0:33 - 0:36
    A view that shows some
    text is called a TextView.
13. 35620 0:36 - 0:37
    Here are some examples.
14. 37490 0:37 - 0:42
    A view that shows an image is called an
    ImageView, and these are some examples.
15. 41540 0:42 - 0:45
    A view that shows a button is called,
    well, a Button.
16. 45070 0:45 - 0:47
    These are some examples.
17. 46620 0:47 - 0:50
    Now, there are many other types of views
    in Android which are really helpful to
18. 49910 0:50 - 0:53
    use, but we're going to
    focus on these three first.
19. 53020 0:53 - 0:56
    Earlier I mentioned that every
    view is a rectangle on the screen,
20. 55770 0:56 - 0:58
    but where are all the rectangles?
21. 57890 0:58 - 1:01
    Well, technically they're invisible,
    but I will draw them for you so
22. 61290 1:01 - 1:03
    you can see where the bounds
    of each rectangle is.
23. 63390 1:03 - 1:06
    As you can see,
24. 65730 1:06 - 1:10
    every app can be broken down into
    the individual view that make it up.
25. 70250 1:10 - 1:14
    In other words, a view is the basic
    building block that you use
26. 73690 1:14 - 1:16
    to build up the layout for your app.
27. 76150 1:16 - 1:20
    To help you understand the idea of
    views being rectangles on a screen,
28. 80080 1:20 - 1:23
    here's a situation you may
    be more familiar with.
29. 82840 1:23 - 1:26
    If you ever use an application
    like paint or Google drawings
30. 86110 1:26 - 1:31
    then you may have added a text box to
    the canvas, then you type in your text.
31. 91130 1:31 - 1:33
    If you click outside of it though,
32. 92710 1:33 - 1:36
    you don't see the bounds of
    the rectangle but they are there.
33. 96280 1:36 - 1:39
    And bounds actually do start
    to matter when you start to
34. 99090 1:39 - 1:41
    do things like adding
    a background color or
35. 101260 1:41 - 1:45
    adding a border around it then it
    does matter how big the rectangle is.
36. 106598 1:47 - 1:51
    I also want to point out that the format
    of these view names is in camel case.
37. 112240 1:52 - 1:56
    Camel case means that there are no
    spaces in-between words, and
38. 116140 1:56 - 1:59
    the beginning of each
    word is capitalized.
39. 118860 1:59 - 2:02
    The reason why it's called
    camel case is because
40. 122000 2:02 - 2:06
    the outline of the word goes up and
    down like the humps of a camel's back.
41. 126680 2:07 - 2:09
    You're going to be seeing camel
    case more throughout this course.
42. 130310 2:10 - 2:12
    Okay, let's practice what you learned.
43. 132420 2:12 - 2:17
    This is a screen shot of the new
    email app from Google, called Inbox.
44. 136660 2:17 - 2:19
    Can you identify the different
    types of views here?
45. 139380 2:19 - 2:22
    To help you,
    I've highlighted the individual views.
46. 142430 2:22 - 2:23
    For example for A,
47. 143270 2:23 - 2:27
    can you tell me if it's a TextView,
    an ImageView, or a Button.
48. 146880 2:27 - 2:29
    Do the same for B,
    as well as the rest of the views.