1
00:00:00,185 --> 00:00:02,613
(bright techno music)

2
00:00:02,613 --> 00:00:05,420
(keyboard clacking)

3
00:00:05,420 --> 00:00:06,840
Alright, so continuing on now,

4
00:00:06,840 --> 00:00:09,620
we need to add our TextView to our layout.

5
00:00:09,620 --> 00:00:12,740
Now, the TextView goes below the Plain Text widget,

6
00:00:12,740 --> 00:00:14,030
and let's go ahead and do that.

7
00:00:14,030 --> 00:00:17,263
So TextView, I'm gonna put it directly below.

8
00:00:18,310 --> 00:00:20,070
Now, this should have constraints

9
00:00:20,070 --> 00:00:22,800
to the left and right edges of the screen.

10
00:00:22,800 --> 00:00:23,750
So let's go ahead and do that.

11
00:00:23,750 --> 00:00:25,220
So you can see that the left constraints

12
00:00:25,220 --> 00:00:26,760
have been added for me automatically.

13
00:00:26,760 --> 00:00:27,750
So I'm gonna add a constraint

14
00:00:27,750 --> 00:00:30,300
to the right edge of the screen as well for it.

15
00:00:30,300 --> 00:00:31,968
Now we're also going to constrain its top

16
00:00:31,968 --> 00:00:34,570
to the bottom of the Plain Text widget,

17
00:00:34,570 --> 00:00:36,840
and then the bottom to the bottom edge of the layout.

18
00:00:36,840 --> 00:00:38,497
So let's go ahead and do that.

19
00:00:38,497 --> 00:00:40,030
And by the way, autoconnect

20
00:00:40,030 --> 00:00:43,200
probably won't create the right and bottom constraints.

21
00:00:43,200 --> 00:00:44,150
It hasn't in my case

22
00:00:44,150 --> 00:00:45,590
so we're gonna be doing that manually,

23
00:00:45,590 --> 00:00:47,660
and that will probably be the case for you as well.

24
00:00:47,660 --> 00:00:49,360
So I'll start off with the top constraint.

25
00:00:49,360 --> 00:00:50,999
We'll constrain it to the plain text

26
00:00:50,999 --> 00:00:53,080
and the bottom constraint

27
00:00:53,080 --> 00:00:55,073
to the bottom of the layout, like so.

28
00:00:56,410 --> 00:00:58,920
Now, we wanna fill what's left of the screen,

29
00:00:58,920 --> 00:01:02,590
so the horizontal and vertical sizes for this TextView

30
00:01:02,590 --> 00:01:05,200
should both be set to match_constraint.

31
00:01:05,200 --> 00:01:08,600
Now, I'm gonna go back to our normal view of attributes

32
00:01:08,600 --> 00:01:10,260
instead of the extended view.

33
00:01:10,260 --> 00:01:11,830
And you've seen me do this before,

34
00:01:11,830 --> 00:01:12,860
but we can change these here.

35
00:01:12,860 --> 00:01:16,510
You can just click on match_constraint and do it that way.

36
00:01:16,510 --> 00:01:18,810
Or we could've gone up and actually clicked on the button,

37
00:01:18,810 --> 00:01:21,409
the inner lines, as we've done,

38
00:01:21,409 --> 00:01:23,930
or we could've clicked on the inner lines up here

39
00:01:23,930 --> 00:01:26,073
to achieve the same thing as well.

40
00:01:27,136 --> 00:01:29,190
Now, you can see here that we also wanna check the margins.

41
00:01:29,190 --> 00:01:32,010
The margins are set correctly to 16 for top, left,

42
00:01:32,010 --> 00:01:33,350
right and bottom.

43
00:01:33,350 --> 00:01:35,890
And, by the way, it might seem quicker to set all

44
00:01:35,890 --> 00:01:37,210
rather than each one separately,

45
00:01:37,210 --> 00:01:39,600
but don't do that, at the moment anyway.

46
00:01:39,600 --> 00:01:41,680
There's a great way to fall foul of the bug

47
00:01:41,680 --> 00:01:43,840
I've just mentioned in the previous video,

48
00:01:43,840 --> 00:01:46,633
because right and start won't be explicitly set.

49
00:01:47,500 --> 00:01:48,570
So to see what I mean,

50
00:01:48,570 --> 00:01:49,670
I'm going to come back over,

51
00:01:49,670 --> 00:01:53,000
go back into the extended attributes again.

52
00:01:53,000 --> 00:01:56,623
And if we look in our margins, layout_margin again,

53
00:01:57,710 --> 00:01:59,720
there's this option that I'm talking about, as setting all,

54
00:01:59,720 --> 00:02:01,700
so we'll do that and I'll show you what I mean.

55
00:02:01,700 --> 00:02:04,183
So we're gonna click on that and type in 16dp.

56
00:02:06,135 --> 00:02:07,720
Press enter.

57
00:02:07,720 --> 00:02:10,259
And you can see that right and start

58
00:02:10,259 --> 00:02:12,120
weren't actually updated.

59
00:02:12,120 --> 00:02:14,060
So everything's still looking okay though.

60
00:02:14,060 --> 00:02:17,870
But if I go back to our normal attributes,

61
00:02:17,870 --> 00:02:21,003
and then if I change the left margin to 8dp,

62
00:02:24,350 --> 00:02:27,450
you can see that the margin was immediately set back to 16.

63
00:02:27,450 --> 00:02:28,463
We can try it again.

64
00:02:29,700 --> 00:02:32,010
Now it may or may not be changed immediately

65
00:02:32,010 --> 00:02:33,450
like it is for me here,

66
00:02:33,450 --> 00:02:36,180
but if you click on another control,

67
00:02:36,180 --> 00:02:38,280
and then go back to the TextView again,

68
00:02:38,280 --> 00:02:40,600
more than likely you'll find that it will have changed

69
00:02:40,600 --> 00:02:44,480
back to the original value, 16 in this case, by doing that.

70
00:02:44,480 --> 00:02:47,290
In other words, it gets reset back to 16dp again.

71
00:02:47,290 --> 00:02:49,040
So the better way of doing it is to go back into

72
00:02:49,040 --> 00:02:51,820
the extended attributes again and have a look.

73
00:02:51,820 --> 00:02:54,814
And you can still see here that we've got the

74
00:02:54,814 --> 00:02:58,740
bottom, end, left and top set but right and start

75
00:02:58,740 --> 00:03:00,260
aren't set to anything.

76
00:03:00,260 --> 00:03:02,720
And you might find that things work slightly differently

77
00:03:02,720 --> 00:03:05,330
for you, and again this is probably partially

78
00:03:05,330 --> 00:03:07,400
due to the fact that we can't really run,

79
00:03:07,400 --> 00:03:10,690
in these videos, a preview version of Android Studio.

80
00:03:10,690 --> 00:03:12,580
So it's a bit annoying and hopefully they'll get it fixed

81
00:03:12,580 --> 00:03:14,870
at some point, but at least you're now saved

82
00:03:14,870 --> 00:03:17,050
from the frustration of working out what's going on,

83
00:03:17,050 --> 00:03:18,630
and you can just set the margins in here.

84
00:03:18,630 --> 00:03:22,563
So, I'm gonna change all of these back now to 16dp.

85
00:03:26,930 --> 00:03:28,910
And that should cure things

86
00:03:28,910 --> 00:03:31,630
and there won't be any problems later on

87
00:03:31,630 --> 00:03:32,870
now because of that.

88
00:03:32,870 --> 00:03:35,800
Alright, go back to our normal attributes now.

89
00:03:35,800 --> 00:03:37,605
Alright now for our TextView,

90
00:03:37,605 --> 00:03:39,220
we don't want the widget to be centred.

91
00:03:39,220 --> 00:03:41,200
It should start at the top of the screen,

92
00:03:41,200 --> 00:03:44,140
and then the text should flow down from there as necessary.

93
00:03:44,140 --> 00:03:47,050
So we're gonna drag both the horizontal and vertical sliders

94
00:03:47,050 --> 00:03:50,750
to left, so first one top for vertical

95
00:03:50,750 --> 00:03:53,733
and then left for horizontal, to achieve that.

96
00:03:57,071 --> 00:03:57,980
And we've got this bug here

97
00:03:57,980 --> 00:04:00,230
that will pop up from time to time

98
00:04:00,230 --> 00:04:02,320
and it won't allow me to change the bias,

99
00:04:02,320 --> 00:04:03,623
horizontal bias to zero.

100
00:04:04,800 --> 00:04:07,040
But we'll leave that as it is for now anyway,

101
00:04:07,040 --> 00:04:09,080
one of those bugs that we hope will get fixed soon,

102
00:04:09,080 --> 00:04:10,460
by Google.

103
00:04:10,460 --> 00:04:12,510
Alright, now we need to check the margins,

104
00:04:12,510 --> 00:04:15,410
which we've done, to make sure that both sets,

105
00:04:15,410 --> 00:04:17,019
left and right,

106
00:04:17,019 --> 00:04:20,100
left and start and right and end were all set to 16dp.

107
00:04:20,100 --> 00:04:22,760
Now you saw me set those just a minute or so ago

108
00:04:22,760 --> 00:04:24,960
in this video, so we know that they're correct.

109
00:04:24,960 --> 00:04:27,070
So that's almost it at this point.

110
00:04:27,070 --> 00:04:28,640
The only other thing we want to do

111
00:04:28,640 --> 00:04:30,940
is make the TextView to be scrollable.

112
00:04:30,940 --> 00:04:33,390
So what we need to do is expand the property pane,

113
00:04:34,890 --> 00:04:37,780
and we need to go down to scrollbars.

114
00:04:37,780 --> 00:04:38,613
And we're gonna set the scrollbars to vertical,

115
00:04:40,197 --> 00:04:41,446
and then we want to set the scrollIndicators

116
00:04:41,446 --> 00:04:42,523
to right and end.

117
00:04:43,390 --> 00:04:46,293
So scrollbars first, to vertical.

118
00:04:47,220 --> 00:04:48,320
As you can see, that's been set now,

119
00:04:48,320 --> 00:04:50,020
and then scrollIndicators,

120
00:04:50,020 --> 00:04:52,363
we want to set those to right and end,

121
00:04:55,310 --> 00:04:56,754
like so.

122
00:04:56,754 --> 00:04:58,210
Alright, so at this point we can now run the app

123
00:04:58,210 --> 00:04:59,660
and although it doesn't do a lot,

124
00:04:59,660 --> 00:05:02,950
we should find that it does display correctly,

125
00:05:02,950 --> 00:05:05,050
hopefully, in both portrait and landscape.

126
00:05:07,760 --> 00:05:09,673
Alright, so let's try running the app now.

127
00:05:14,360 --> 00:05:15,690
And obviously, at this point in time,

128
00:05:15,690 --> 00:05:17,280
the app's not gonna do a lot.

129
00:05:17,280 --> 00:05:19,450
But we can hopefully determine that it does look okay

130
00:05:19,450 --> 00:05:21,143
in both portrait and landscape.

131
00:05:24,370 --> 00:05:26,600
Alright, so there's our app in portrait mode,

132
00:05:26,600 --> 00:05:28,483
and if I go into landscape mode,

133
00:05:30,500 --> 00:05:32,593
and just click on Done there,

134
00:05:32,593 --> 00:05:33,426
so we can see what it looks like,

135
00:05:33,426 --> 00:05:34,430
you can see that it's looking okay

136
00:05:34,430 --> 00:05:36,350
in both portrait and landscape.

137
00:05:36,350 --> 00:05:40,240
So I'll just return that back to portrait mode.

138
00:05:40,240 --> 00:05:41,240
That's working well.

139
00:05:42,450 --> 00:05:45,370
Alright, so there's one final change that we want to make,

140
00:05:45,370 --> 00:05:48,920
and that's to the IDs that are used for the widgets.

141
00:05:48,920 --> 00:05:50,970
If I go back to the Button.

142
00:05:50,970 --> 00:05:54,280
Click on the Button over here, back in the blueprint,

143
00:05:54,280 --> 00:05:55,940
and we want to have a look over in the inspector.

144
00:05:55,940 --> 00:05:59,350
I'm just gonna go back to our normal attributes.

145
00:05:59,350 --> 00:06:02,660
We can see here that the button's been given an ID.

146
00:06:02,660 --> 00:06:04,550
In this case, the ID is button2.

147
00:06:05,410 --> 00:06:07,270
And it may have a number at the end or it may not -

148
00:06:07,270 --> 00:06:09,370
you might just have the ID button there.

149
00:06:09,370 --> 00:06:12,210
Android Studio generates IDs automatically,

150
00:06:12,210 --> 00:06:14,320
and uses the type of the widget and a number,

151
00:06:14,320 --> 00:06:15,600
if there's more than one,

152
00:06:15,600 --> 00:06:17,930
or if you've deleted one and added another.

153
00:06:17,930 --> 00:06:19,970
Now, that's not often the best name

154
00:06:19,970 --> 00:06:21,350
to use for things though,

155
00:06:21,350 --> 00:06:23,010
so throughout the course we're gonna change

156
00:06:23,010 --> 00:06:26,020
these IDs that are given to the widgets automatically.

157
00:06:26,020 --> 00:06:29,280
Now, for this example, button is an acceptable ID,

158
00:06:29,280 --> 00:06:30,750
because we really only have one of each kind

159
00:06:30,750 --> 00:06:31,997
of a widget in this layout,

160
00:06:31,997 --> 00:06:33,960
and it will be useful to easily tell

161
00:06:33,960 --> 00:06:36,300
which one is which while we're learning.

162
00:06:36,300 --> 00:06:38,120
Now there's no need to have the number at the end though,

163
00:06:38,120 --> 00:06:40,270
if there is one, as there is in my case,

164
00:06:40,270 --> 00:06:42,930
so I'm going to go through each widget

165
00:06:42,930 --> 00:06:44,240
and look for a number, and

166
00:06:44,240 --> 00:06:45,720
if there's a number there I'm gonna remove it.

167
00:06:45,720 --> 00:06:47,090
So in this case I'm gonna just change

168
00:06:47,090 --> 00:06:50,520
button2 to button, and press Enter.

169
00:06:50,520 --> 00:06:52,010
Now you may get this prompt, that you can see

170
00:06:52,010 --> 00:06:53,200
on the screen there now,

171
00:06:53,200 --> 00:06:56,070
asking if you want to Update usages as well.

172
00:06:56,070 --> 00:06:57,420
Now clicking yes to that

173
00:06:57,420 --> 00:07:00,270
will make sure that anything relating or referring

174
00:07:00,270 --> 00:07:02,820
to the ID, will also be updated.

175
00:07:02,820 --> 00:07:05,230
Now it's very rare that you won't want to do that,

176
00:07:05,230 --> 00:07:06,680
so I'm gonna click on Yes.

177
00:07:06,680 --> 00:07:08,160
And in fact, we'll look at one reason

178
00:07:08,160 --> 00:07:10,800
why you may want to answer no, later in the course.

179
00:07:10,800 --> 00:07:12,500
So I'm gonna click on Yes to that.

180
00:07:13,390 --> 00:07:16,360
I'm gonna do the same for the two other widgets.

181
00:07:16,360 --> 00:07:19,200
I'm gonna do the editText.

182
00:07:19,200 --> 00:07:20,610
It's been labelled as editText2

183
00:07:20,610 --> 00:07:22,850
so let's delete the 2 on the end of that.

184
00:07:22,850 --> 00:07:25,250
Press Enter, and click on Yes,

185
00:07:25,250 --> 00:07:28,200
or click Yes, and likewise for the textView,

186
00:07:28,200 --> 00:07:30,960
textView2, so we'll get rid of the number on the end.

187
00:07:30,960 --> 00:07:32,170
Press Enter.

188
00:07:32,170 --> 00:07:34,570
Now that one hasn't actually asked us to update,

189
00:07:34,570 --> 00:07:36,060
so that's fine.

190
00:07:36,060 --> 00:07:37,020
Alright, so we've done that,

191
00:07:37,020 --> 00:07:40,160
but you might be wondering now what is this ID?

192
00:07:40,160 --> 00:07:41,840
Well, when we come to writing code

193
00:07:41,840 --> 00:07:43,850
to get the button to do something,

194
00:07:43,850 --> 00:07:46,800
we're gonna have to refer to the various widgets.

195
00:07:46,800 --> 00:07:48,880
Now it's this ID that we use,

196
00:07:48,880 --> 00:07:50,560
so that Android knows which one

197
00:07:50,560 --> 00:07:52,610
we're referring to in the code.

198
00:07:52,610 --> 00:07:55,110
So as you saw, I made sure that the IDs

199
00:07:55,110 --> 00:07:56,700
of the editText and textView widgets

200
00:07:56,700 --> 00:07:59,970
are set to editText and textView respectively,

201
00:07:59,970 --> 00:08:01,600
and obviously button as well.

202
00:08:01,600 --> 00:08:02,610
So let's actually go and have a look

203
00:08:02,610 --> 00:08:05,516
at the XML code for this layout.

204
00:08:05,516 --> 00:08:06,550
Now to see the XML code,

205
00:08:06,550 --> 00:08:08,860
go over here to the Text tab,

206
00:08:08,860 --> 00:08:09,803
and click on that.

207
00:08:12,081 --> 00:08:13,800
Now you can see here that it appears

208
00:08:13,800 --> 00:08:17,360
in an XML Android ID attribute.

209
00:08:17,360 --> 00:08:20,270
That's over here for Button, and one for EditText,

210
00:08:20,270 --> 00:08:22,603
and there's also one for the TextView as well.

211
00:08:23,620 --> 00:08:24,560
So looking at the Button,

212
00:08:24,560 --> 00:08:26,400
we can see that android:id,

213
00:08:26,400 --> 00:08:28,330
the value for the button widget is

214
00:08:28,330 --> 00:08:31,660
the ampersand + id slash and then button.

215
00:08:31,660 --> 00:08:34,039
And I'm looking at the code on line 13.

216
00:08:34,039 --> 00:08:36,640
Now you'll see the use of the @ symbol a lot

217
00:08:36,640 --> 00:08:38,330
when referring to resources,

218
00:08:38,330 --> 00:08:40,730
and it's just the syntax that Android uses,

219
00:08:40,730 --> 00:08:44,530
to refer to a resource that's stored in the res folder.

220
00:08:44,530 --> 00:08:48,040
Although some resources are part of the Android SDK as well,

221
00:08:48,040 --> 00:08:49,940
Android SDK 2.

222
00:08:49,940 --> 00:08:53,970
Now ampersand + ID just means that whatever follows

223
00:08:53,970 --> 00:08:57,510
is an ID, rather than any other type of resource.

224
00:08:57,510 --> 00:08:59,500
Well actually, it means a bit more than that.

225
00:08:59,500 --> 00:09:01,860
The @id would mean that it was an ID,

226
00:09:01,860 --> 00:09:05,610
but the plus tells Android that it doesn't already exist,

227
00:09:05,610 --> 00:09:08,440
and that this is the resource that defines it.

228
00:09:08,440 --> 00:09:10,240
So Android Studio will automatically

229
00:09:10,240 --> 00:09:12,690
make sure that the ID button, in this case,

230
00:09:12,690 --> 00:09:16,080
appears in the relevant file so that it can be found.

231
00:09:16,080 --> 00:09:17,680
And the same goes for the other two widgets

232
00:09:17,680 --> 00:09:19,340
that we've got in our layout;

233
00:09:19,340 --> 00:09:20,840
the EditText and the TextView.

234
00:09:21,880 --> 00:09:22,990
And you can see in the XML

235
00:09:22,990 --> 00:09:25,453
how the IDs are used in the constraints.

236
00:09:26,870 --> 00:09:30,950
So the button is constrained to the top of something,

237
00:09:30,950 --> 00:09:33,060
with the ID parent.

238
00:09:33,060 --> 00:09:35,430
You can see constraintTop_toTopOf,

239
00:09:35,430 --> 00:09:37,750
here on line 20, I'm looking at.

240
00:09:37,750 --> 00:09:39,570
Now although that used to be the name of the layout,

241
00:09:39,570 --> 00:09:42,000
activity_main in this case.

242
00:09:42,000 --> 00:09:43,650
Now the EditText widget,

243
00:09:43,650 --> 00:09:45,200
if we go down and have a look at that,

244
00:09:45,200 --> 00:09:48,790
that's got a constraint, layout constraintLeft_toLeftOf,

245
00:09:48,790 --> 00:09:50,220
as you can see of,

246
00:09:50,220 --> 00:09:52,320
as you can see there on line 35,

247
00:09:52,320 --> 00:09:55,120
or maybe End_toStartOf as well.

248
00:09:55,120 --> 00:09:57,470
And that refers to the ID button.

249
00:09:57,470 --> 00:09:59,400
You can see here on line 34,

250
00:09:59,400 --> 00:10:01,320
Ampersand + id/button.

251
00:10:01,320 --> 00:10:03,260
So the right edge is constrained

252
00:10:03,260 --> 00:10:05,340
to the very left of the button.

253
00:10:05,340 --> 00:10:07,770
Now there's a bit of inconsistency here,

254
00:10:07,770 --> 00:10:09,538
and the constraint attribute might be

255
00:10:09,538 --> 00:10:12,038
layout_constraintEnd_toStartOf

256
00:10:13,087 --> 00:10:15,140
as it is in my particular case.

257
00:10:15,140 --> 00:10:16,520
It doesn't matter which and there's no need

258
00:10:16,520 --> 00:10:19,300
to duplicate these lines as we did for the margins.

259
00:10:19,300 --> 00:10:22,520
Now if you're wondering why it's not necessary here,

260
00:10:22,520 --> 00:10:25,420
there were no constraints in earlier Android versions,

261
00:10:25,420 --> 00:10:28,060
so they weren't expecting any attributes.

262
00:10:28,060 --> 00:10:29,960
So the ConstraintLayout's been added

263
00:10:29,960 --> 00:10:32,440
to the older Android versions and works with either

264
00:10:32,440 --> 00:10:35,490
left/right or start/end.

265
00:10:35,490 --> 00:10:37,700
Now, don't worry if that doesn't make much sense.

266
00:10:37,700 --> 00:10:38,990
We're gonna be seeing it in use soon

267
00:10:38,990 --> 00:10:40,840
and it should become much clearer.

268
00:10:40,840 --> 00:10:43,550
There's also no need to change the XML directly,

269
00:10:43,550 --> 00:10:46,460
as everything can be done from the designer now.

270
00:10:46,460 --> 00:10:48,470
Now, you may or may not see this on your screen,

271
00:10:48,470 --> 00:10:51,380
but I've actually got some warnings in the XML

272
00:10:51,380 --> 00:10:53,360
for the Button and the TextView.

273
00:10:53,360 --> 00:10:56,320
Android Studio's complaining about layout_marginRight

274
00:10:56,320 --> 00:10:58,560
being redundant, because we've already specified

275
00:10:58,560 --> 00:11:02,340
layout_marginEnd and we're targeting API 17.

276
00:11:02,340 --> 00:11:04,210
So I can just hover over this,

277
00:11:04,210 --> 00:11:06,410
and then hover over a particular line there.

278
00:11:09,152 --> 00:11:09,985
And it's giving you a

279
00:11:09,985 --> 00:11:11,730
little bit of information about that.

280
00:11:11,730 --> 00:11:12,620
So that's true actually,

281
00:11:12,620 --> 00:11:14,340
because using right is only necessary

282
00:11:14,340 --> 00:11:16,430
for API 16 and earlier,

283
00:11:16,430 --> 00:11:17,500
but if that's the case,

284
00:11:17,500 --> 00:11:18,740
why don't we get the same warning

285
00:11:18,740 --> 00:11:21,050
for the duplicated settings in the EditText?

286
00:11:21,050 --> 00:11:22,640
That's a little bit inconsistent at the moment

287
00:11:22,640 --> 00:11:25,410
and as I said, that's the nature of bugs.

288
00:11:25,410 --> 00:11:26,910
That's not something we really need to worry about

289
00:11:26,910 --> 00:11:28,880
at this point in the course.

290
00:11:28,880 --> 00:11:31,180
Alright, now before I finish in the XML view,

291
00:11:31,180 --> 00:11:32,893
I'm gonna go up to the code menu,

292
00:11:33,740 --> 00:11:37,330
and I'm gonna choose on Reformat Code,

293
00:11:37,330 --> 00:11:40,010
or select rather, Reformat Code.

294
00:11:40,010 --> 00:11:41,540
And I didn't get anything changed,

295
00:11:41,540 --> 00:11:43,780
because it says the code's already properly formatted,

296
00:11:43,780 --> 00:11:45,810
but you may or may not get that.

297
00:11:45,810 --> 00:11:48,380
Now, that option obviously reformats code,

298
00:11:48,380 --> 00:11:49,570
based on the name.

299
00:11:49,570 --> 00:11:51,130
And it uses standard indenting

300
00:11:51,130 --> 00:11:54,150
and it also sorts the various XML attributes,

301
00:11:54,150 --> 00:11:57,020
so that for example, the ID appears first.

302
00:11:57,020 --> 00:11:58,580
So I'm gonna be reformatting the code

303
00:11:58,580 --> 00:12:00,560
at the end of all the early videos,

304
00:12:00,560 --> 00:12:01,980
because it'll make it much easier for you

305
00:12:01,980 --> 00:12:03,910
to compare your code with mine.

306
00:12:03,910 --> 00:12:05,400
And we'll talk a bit more about that later

307
00:12:05,400 --> 00:12:07,480
when I show you how you can get Android Studio

308
00:12:07,480 --> 00:12:09,300
to help you check your code.

309
00:12:09,300 --> 00:12:11,210
Alright, so let's finish the video here.

310
00:12:11,210 --> 00:12:13,250
In the next video we're gonna start writing code

311
00:12:13,250 --> 00:12:15,740
to add some functionality to our design.

312
00:12:15,740 --> 00:12:17,440
So I'll see you in the next video.