[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.27,0:00:09.15,Default,,0000,0000,0000,,♪ (Jazz music) ♪
Dialogue: 0,0:00:11.27,0:00:14.60,Default,,0000,0000,0000,,I want to show you a demo\Nfor the second flipped classroom
Dialogue: 0,0:00:14.60,0:00:18.38,Default,,0000,0000,0000,,where we're going to be doing\NListViews and RecyclerViews.
Dialogue: 0,0:00:18.38,0:00:23.75,Default,,0000,0000,0000,,Very exciting stuff because\Nthese are -- RecyclerView really is
Dialogue: 0,0:00:23.75,0:00:27.55,Default,,0000,0000,0000,,one of the basic android data structures\Nthat we're going to be working with,
Dialogue: 0,0:00:27.55,0:00:30.62,Default,,0000,0000,0000,,and you'll be working with your projects.\NSuper important.
Dialogue: 0,0:00:30.62,0:00:38.82,Default,,0000,0000,0000,,So for this example, I sort of\Nwent to the internet
Dialogue: 0,0:00:38.82,0:00:40.88,Default,,0000,0000,0000,,and I found some colors.
Dialogue: 0,0:00:41.79,0:00:45.86,Default,,0000,0000,0000,,This is a very extensive list of colors.\N(laughs)
Dialogue: 0,0:00:46.70,0:00:50.74,Default,,0000,0000,0000,,And it starts out with\Nalways in the same order
Dialogue: 0,0:00:50.74,0:00:57.62,Default,,0000,0000,0000,,with a lot of these dark blues\Nand greens, and color names
Dialogue: 0,0:00:57.62,0:01:02.28,Default,,0000,0000,0000,,like Endeavor, which I don't know\Nif anyone really uses that
Dialogue: 0,0:01:02.28,0:01:06.26,Default,,0000,0000,0000,,as a color name.\NTropical Rain Forest, Blue Ribbon.
Dialogue: 0,0:01:06.26,0:01:08.61,Default,,0000,0000,0000,,Science Blue? I don't know.
Dialogue: 0,0:01:08.61,0:01:12.66,Default,,0000,0000,0000,,So you'll notice -- Let's see. So --\NEndeavour is above Camerone,
Dialogue: 0,0:01:12.66,0:01:16.59,Default,,0000,0000,0000,,and now Endeavour is down here.\NSo you'll notice that if I click
Dialogue: 0,0:01:16.59,0:01:19.55,Default,,0000,0000,0000,,on any of these --\NAnd this is a ListView --
Dialogue: 0,0:01:19.55,0:01:24.16,Default,,0000,0000,0000,,If I click on any of these,\Nthey seemingly sort of disappear.
Dialogue: 0,0:01:24.16,0:01:28.38,Default,,0000,0000,0000,,There's a lot of really dark,\Na lot of dark colors in the beginning.
Dialogue: 0,0:01:28.38,0:01:37.87,Default,,0000,0000,0000,,Anyway, if we go up to the top, we can\Nsee what happens to all these. Oh. Hello?
Dialogue: 0,0:01:37.87,0:01:40.94,Default,,0000,0000,0000,,Oh my god, do I need to restart\Nthis thing?
Dialogue: 0,0:01:40.94,0:01:42.19,Default,,0000,0000,0000,,Oh, there we go.
Dialogue: 0,0:01:42.19,0:01:44.98,Default,,0000,0000,0000,,Oh, look. Well, we can actually recognize\Nsome of these.
Dialogue: 0,0:01:46.01,0:01:48.87,Default,,0000,0000,0000,,If you notice, when you click,\Nit goes to the top.
Dialogue: 0,0:01:49.45,0:01:51.72,Default,,0000,0000,0000,,It sets the functionality\Nyou have to implement.
Dialogue: 0,0:01:51.72,0:01:55.27,Default,,0000,0000,0000,,If you click -- Oh, this is --\NThis blue is just called Blue.
Dialogue: 0,0:01:55.68,0:01:59.71,Default,,0000,0000,0000,,So Blue is now on top,\NDark Blue on top,
Dialogue: 0,0:01:59.71,0:02:03.34,Default,,0000,0000,0000,,Navy Blue on top.\NThis is so dark,
Dialogue: 0,0:02:03.34,0:02:05.46,Default,,0000,0000,0000,,I don't know maybe it's Black,\Nmaybe it's something
Dialogue: 0,0:02:05.46,0:02:07.26,Default,,0000,0000,0000,,that's close to Black,\Nbut we can't even read it
Dialogue: 0,0:02:07.26,0:02:10.83,Default,,0000,0000,0000,,because in all of these cases,\Nthe text is Black.
Dialogue: 0,0:02:12.36,0:02:16.52,Default,,0000,0000,0000,,Okay, so that's the ListView\Nin a ListView functionality.
Dialogue: 0,0:02:16.52,0:02:18.93,Default,,0000,0000,0000,,This flipped classroom\Nhas some ListView stuff.
Dialogue: 0,0:02:18.93,0:02:22.63,Default,,0000,0000,0000,,It also has some RecyclerView\Nstuff, and they're both
Dialogue: 0,0:02:22.63,0:02:27.28,Default,,0000,0000,0000,,independent activities,\Nso this is one of the last cases
Dialogue: 0,0:02:27.28,0:02:31.22,Default,,0000,0000,0000,,that we're going to have before\Nwe hit fragments,
Dialogue: 0,0:02:31.22,0:02:34.49,Default,,0000,0000,0000,,which are a little bit more\Nconvenient way of managing
Dialogue: 0,0:02:34.49,0:02:37.56,Default,,0000,0000,0000,,different screens, but for now,\Nwe've got this --
Dialogue: 0,0:02:37.99,0:02:42.10,Default,,0000,0000,0000,,I think it's called the Swap Icon,\Nso I don't exactly know
Dialogue: 0,0:02:42.10,0:02:43.69,Default,,0000,0000,0000,,who it's really intended for,
Dialogue: 0,0:02:43.69,0:02:47.74,Default,,0000,0000,0000,,but I use it to swap between these\Ntwo views.
Dialogue: 0,0:02:48.71,0:02:52.27,Default,,0000,0000,0000,,And this view is much less\Nmonotone.
Dialogue: 0,0:02:52.100,0:02:55.78,Default,,0000,0000,0000,,This is a RecyclerView,\Nand part of what's going on here
Dialogue: 0,0:02:55.78,0:02:59.02,Default,,0000,0000,0000,,is it's got this fancy grid layout,\Nso that's sort of nice,
Dialogue: 0,0:02:59.02,0:03:03.57,Default,,0000,0000,0000,,and then all of the color names\Nare in these boxes,
Dialogue: 0,0:03:03.57,0:03:05.78,Default,,0000,0000,0000,,which is this CardView.
Dialogue: 0,0:03:05.78,0:03:14.37,Default,,0000,0000,0000,,So CardView is a built-in display class,\Nwhich has some nice borders
Dialogue: 0,0:03:14.37,0:03:19.54,Default,,0000,0000,0000,,and rounded edges, and can give you\Na little bit of a drop shadow if you want.
Dialogue: 0,0:03:19.54,0:03:24.16,Default,,0000,0000,0000,,So, CardViews are pretty common\Nin RecylerViews.
Dialogue: 0,0:03:24.83,0:03:31.44,Default,,0000,0000,0000,,And here, instead of when you click the --\NSo, something else happens
Dialogue: 0,0:03:31.44,0:03:36.90,Default,,0000,0000,0000,,when you click the color name.\NLet's click Blue Violet here
Dialogue: 0,0:03:36.90,0:03:38.72,Default,,0000,0000,0000,,and that became Pickled Bean.
Dialogue: 0,0:03:39.73,0:03:45.91,Default,,0000,0000,0000,,And Havelock Blue. And then it\Nbecame Portica, which is only
Dialogue: 0,0:03:45.91,0:03:49.11,Default,,0000,0000,0000,,one line and you see everything\Nsort of shifted around.
Dialogue: 0,0:03:49.11,0:03:51.56,Default,,0000,0000,0000,,What's nice about that is\Nyou don't have to do any of that work.
Dialogue: 0,0:03:51.56,0:03:54.84,Default,,0000,0000,0000,,That's all the RecyclerView layout.
Dialogue: 0,0:03:54.84,0:03:58.96,Default,,0000,0000,0000,,The layout of the -- It's not the adapter,\Nit's the layout manager.
Dialogue: 0,0:03:59.55,0:04:06.28,Default,,0000,0000,0000,,So anyway, along with all of these names,\Nwe have these numbers,
Dialogue: 0,0:04:06.28,0:04:12.24,Default,,0000,0000,0000,,which is the luminance, I believe.\NLuminance being a sort of
Dialogue: 0,0:04:13.34,0:04:16.73,Default,,0000,0000,0000,,measure of how bright or dark a color is.
Dialogue: 0,0:04:16.73,0:04:20.27,Default,,0000,0000,0000,,And one thing that we do is when\Nthe luminance is below 0.3,
Dialogue: 0,0:04:20.27,0:04:23.64,Default,,0000,0000,0000,,we write a color name in white,\Nand when it's above,
Dialogue: 0,0:04:23.64,0:04:28.72,Default,,0000,0000,0000,,we write it in black because\Nthat is a high enough contrast
Dialogue: 0,0:04:28.72,0:04:32.10,Default,,0000,0000,0000,,that we can now read all of \Nthe color names. So that's sort of useful.
Dialogue: 0,0:04:32.10,0:04:34.64,Default,,0000,0000,0000,,So, I just think this is pretty.
Dialogue: 0,0:04:34.64,0:04:36.25,Default,,0000,0000,0000,,(laughs)
Dialogue: 0,0:04:36.25,0:04:40.62,Default,,0000,0000,0000,,And -- Oh, yeah. What's happening\Nwhen I click is it's a random --
Dialogue: 0,0:04:40.62,0:04:47.40,Default,,0000,0000,0000,,I believe it's a random swap --\Nand I believe every time this boots up,
Dialogue: 0,0:04:47.40,0:04:49.18,Default,,0000,0000,0000,,there's a random order.
Dialogue: 0,0:04:49.94,0:04:51.90,Default,,0000,0000,0000,,Not 100% sure though.
Dialogue: 0,0:04:51.90,0:04:55.69,Default,,0000,0000,0000,,But anyway, this is your\Nflip classroom.
Dialogue: 0,0:04:55.69,0:05:01.16,Default,,0000,0000,0000,,You'll be swapping colors\Nand learning the joys
Dialogue: 0,0:05:01.16,0:05:06.95,Default,,0000,0000,0000,,of the difference between Cannon Pink\Nand Vin Rouge in no time.
Dialogue: 0,0:05:07.66,0:05:08.80,Default,,0000,0000,0000,,Thanks.