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

1. Title:
   From ActionBar to Toolbar
2. Description:

3. 8 0:00 - 0:04
   The Android 5.0 introduced
   a new tool bar widget.
4. 4230 0:04 - 0:08
   This generalization of the action bar
   pattern, gives you much more control and
5. 8050 0:08 - 0:10
   flexibility.
6. 9520 0:10 - 0:14
   Tool bars of view and your hierarchy
   just like any other, making it easier to
7. 14010 0:14 - 0:19
   interweave with the rest of your hues,
   animate and react to scroll events.
8. 18850 0:19 - 0:22
   Many Androids apps now have two or
   more tool bars.
9. 22070 0:22 - 0:24
   As in this example.
10. 23810 0:24 - 0:27
    Toolbars are made particularly
    important, because of the design rule
11. 26950 0:27 - 0:31
    that we aren't supposed to split a
    toolbar with another piece of material.
12. 31080 0:31 - 0:34
    This means we often
    need multiple toolbars.
13. 34360 0:34 - 0:37
    Fortunately, we have a fully
    functional version that has been
14. 37090 0:37 - 0:39
    built as part of the Android
    support library.
15. 40380 0:40 - 0:45
    In order to make use of toolbar, we need
    to first change our application to use
16. 44710 0:45 - 0:48
    a theme that doesn't add
    an action bar on our behalf.
17. 47980 0:48 - 0:53
    I'm going to create a base toolbar
    style, that gives it a background color.
18. 52810 0:53 - 0:56
    Toolbars have transparent
    backgrounds by default.
19. 55750 0:56 - 0:59
    We'll also make sure that we're
    using the light pop up theme.
20. 59170 0:59 - 1:01
    This will be important when
    you set the toolbars to
21. 61060 1:01 - 1:02
    the dark theme in our layouts.
22. 62120 1:02 - 1:05
    That we can have a little more light
    colored text that will pop against our
23. 64760 1:05 - 1:06
    dark background.
24. 66330 1:06 - 1:09
    I can make all of my
    toolbars get this new style,
25. 69250 1:09 - 1:13
    by placing a toolbar
    style in the app theme.
26. 72970 1:13 - 1:16
    Then you just add
    the toolbar into our layout.
27. 75930 1:16 - 1:19
    Note that I'm setting the size to
    be the standard action bar size
28. 79080 1:19 - 1:23
    from the current theme,
    using the ?attr notation.
29. 82900 1:23 - 1:27
    And I'm setting the theme to
    be the overlay theme for dark.
30. 86640 1:27 - 1:30
    This will nicely style
    us with light text.
31. 89650 1:30 - 1:33
    Finally, I can make the toolbar
    behave like an action bar.
32. 93100 1:33 - 1:36
    By setting into the activity
    using setSupportActionBar.
33. 97530 1:38 - 1:42
    Once it's there, I can apply action bar
    styling to it using getSupportActionBar.
34. 103200 1:43 - 1:46
    I could use these functions
    to get the icon back, but
35. 106060 1:46 - 1:49
    I want to demonstrate one other
    cool thing about toolbar.
36. 109310 1:49 - 1:52
    It contains a view group
    that you can customize.
37. 112860 1:53 - 1:55
    This view group is like an even
    more simple frame layout.
38. 116470 1:56 - 2:00
    So we could add our logo back
    to the toolbar this way.
39. 120310 2:00 - 2:02
    This level of control,
40. 121570 2:02 - 2:04
    becomes useful as we continue
    to work towards our new design.