1
00:00:00,180 --> 00:00:01,300
Welcome to the program.

2
00:00:01,770 --> 00:00:07,740
Chapter, and that is the stupid name of the application that I came up with or the name that I came

3
00:00:07,740 --> 00:00:11,010
up with, it's actually a clone of treadle that we're going to build, of course.

4
00:00:11,340 --> 00:00:18,900
So let's go ahead and build this screen, which basically just uses a background and then has a font

5
00:00:18,900 --> 00:00:26,640
here, a custom font that says Proj Monash or manage or approach, manage however you want to pronounce

6
00:00:26,640 --> 00:00:26,820
it.

7
00:00:27,030 --> 00:00:28,980
So basically, it's a project management tool.

8
00:00:29,290 --> 00:00:30,540
That's the idea behind it.

9
00:00:30,720 --> 00:00:34,110
And we're going to build this screen for now.

10
00:00:34,410 --> 00:00:38,340
And this should be the splash screen.

11
00:00:38,340 --> 00:00:43,620
So the splash screen is usually displayed for two to three seconds and then it moves over to the main

12
00:00:43,620 --> 00:00:48,510
activity or the login activity or whatever activity you want to display afterwards.

13
00:00:48,780 --> 00:00:50,090
So let's get started with this.

14
00:00:50,460 --> 00:00:52,650
Therefore, let's go ahead and create a new project.

15
00:00:55,070 --> 00:00:57,140
And I'm going to call this one project ménage.

16
00:00:58,440 --> 00:01:00,720
So empty activity,

17
00:01:03,270 --> 00:01:05,099
Roget, Monash.

18
00:01:06,070 --> 00:01:11,470
OK, just like that, and I think it doesn't have to be at the end, even then it would be more of a

19
00:01:11,470 --> 00:01:12,620
manager than a manager.

20
00:01:13,480 --> 00:01:16,240
So let's go ahead and create a project.

21
00:01:18,460 --> 00:01:21,450
Once the project loaded, let's go ahead and create a new activity.

22
00:01:22,350 --> 00:01:29,370
So I'm just going to create a new activity, which is going to be an empty activity as well, and I'm

23
00:01:29,370 --> 00:01:37,770
just going to give it the name splash activity as we had no action bar in this activity.

24
00:01:37,770 --> 00:01:41,690
As you can see, we only display the image we have here.

25
00:01:42,030 --> 00:01:43,930
I want to have the same design, of course.

26
00:01:44,280 --> 00:01:50,490
So let's go over to our resources folder there in values and styles like smell, let's go ahead and

27
00:01:50,490 --> 00:01:51,470
create a new style.

28
00:01:51,840 --> 00:01:56,820
So I'm just going to create this style called No Action Bar.

29
00:01:57,090 --> 00:02:00,060
So style name theme.

30
00:02:03,410 --> 00:02:04,920
No action bar.

31
00:02:05,660 --> 00:02:12,710
And what I want to have in this is an item called Window Action are said to false.

32
00:02:14,180 --> 00:02:22,270
Then another item called Window No title set to true.

33
00:02:23,880 --> 00:02:28,110
This will allow us, of course, to have no action bar and no title there at the top.

34
00:02:28,110 --> 00:02:33,270
So let's go out to our handwrote manifest because here we have two activities.

35
00:02:33,270 --> 00:02:36,740
Now we have the main activity and the splash activity.

36
00:02:36,960 --> 00:02:42,570
And I want us to to have the screen orientation of portrait.

37
00:02:42,900 --> 00:02:47,700
So Android screen orientation portrait.

38
00:02:49,200 --> 00:02:55,160
And the theme, at least for display activity, should be our new theme that we just created.

39
00:02:55,170 --> 00:02:57,240
So our theme, though, action, Mark.

40
00:02:58,600 --> 00:03:05,840
And then this Internet filter that we had in the main activity is what I want to have for my splash

41
00:03:05,960 --> 00:03:06,460
activity.

42
00:03:06,910 --> 00:03:15,640
So this Internet filter pretty much just set up activity here or splash activity as the launch or activity

43
00:03:15,910 --> 00:03:17,320
and also as the main activity.

44
00:03:17,320 --> 00:03:19,840
So pretty much as the starting point of our application.

45
00:03:20,320 --> 00:03:25,690
OK, so now if we start our application, it will go to the splash activity instead of going to the

46
00:03:25,960 --> 00:03:26,830
main activity.

47
00:03:28,820 --> 00:03:33,830
Now let's go to our activity, splash and style it, so I don't want to use a constraint layout, I'm

48
00:03:33,830 --> 00:03:39,710
just going to use a basic linear layout, keep it super simple and inside of the linear layout.

49
00:03:39,710 --> 00:03:41,010
I just want to have a text to you.

50
00:03:42,230 --> 00:03:44,360
So here, text view.

51
00:03:46,080 --> 00:03:54,240
Which has the rap content as the with rap content as the height it's centered, so gravity should be

52
00:03:54,360 --> 00:04:00,780
center as well as the text should be a text that we create.

53
00:04:00,810 --> 00:04:04,490
So let's go ahead and go to.

54
00:04:04,530 --> 00:04:07,170
Well, actually, we can just use the project app.

55
00:04:07,590 --> 00:04:11,730
So Heartstring Apne.

56
00:04:13,670 --> 00:04:22,970
The text color there, I'm going to use white, so here at Android color slash white.

57
00:04:25,100 --> 00:04:32,270
And then the text is going to make it what the style is going to be bold if it gives me the style first,

58
00:04:32,270 --> 00:04:37,990
but now text size, this one will be 70 Aspy.

59
00:04:38,300 --> 00:04:42,630
And that is maybe something that we want to define in a separate file as well.

60
00:04:43,010 --> 00:04:48,230
So let's go over to our project here and to our values.

61
00:04:48,230 --> 00:04:49,880
So we need a new value here.

62
00:04:49,880 --> 00:04:55,520
And you file values resource file and I'm gonna call this one Dimond's.

63
00:04:55,520 --> 00:04:58,070
So it's going to have all of our dimensions.

64
00:04:59,850 --> 00:05:02,220
So let's go ahead and create a new dimension in here.

65
00:05:02,540 --> 00:05:13,080
I'm just going to call this one splash screen title, text size, and I'm going to set that value to

66
00:05:13,080 --> 00:05:14,700
70 Hespe.

67
00:05:16,150 --> 00:05:17,650
All right, so this is our dimension.

68
00:05:17,730 --> 00:05:19,080
We can use it in our activities.

69
00:05:19,570 --> 00:05:25,390
So here I'm going to go and say at Diemen Splash screen title Tex's.

70
00:05:27,050 --> 00:05:30,230
All right, and then let's close this text to you.

71
00:05:32,770 --> 00:05:38,950
Now we can give it an idea just to be complete here, even though we probably won't need it, but in

72
00:05:38,950 --> 00:05:45,250
case we still want to use it later on, we will be able to access it via this identifier called TV.

73
00:05:45,250 --> 00:05:46,210
Eyup name.

74
00:05:47,940 --> 00:05:54,060
All right, that's going to have this design here, as you can see, project manager, it's just this

75
00:05:54,450 --> 00:05:55,740
white text right now.

76
00:05:56,040 --> 00:05:58,350
It's not perfectly positioned as I would like it.

77
00:05:58,380 --> 00:06:03,380
So we need to go back to the code and finalize our linear layout here as well.

78
00:06:03,660 --> 00:06:07,190
So we need to give it a layout height.

79
00:06:07,200 --> 00:06:08,100
Well, that's fine.

80
00:06:08,100 --> 00:06:12,780
Much apparent, but then the gravity should also be centered, OK.

81
00:06:12,810 --> 00:06:18,330
And then finally, I'm also going to add a background here, and therefore we need, of course, an

82
00:06:18,330 --> 00:06:18,690
image.

83
00:06:19,050 --> 00:06:26,550
So, of course, we didn't copy any images in here, but that's what you can do by downloading the project

84
00:06:27,030 --> 00:06:28,950
assigned to this chapter.

85
00:06:29,640 --> 00:06:35,370
And then you can just download the whole thing and also find the splash background there.

86
00:06:36,810 --> 00:06:41,060
And in this case, I'm just going to drag the ping here to keep it simple.

87
00:06:41,070 --> 00:06:46,680
So I'm just going to use one image, even though, of course, we should have the six different images

88
00:06:46,680 --> 00:06:48,300
for the different screen sizes.

89
00:06:48,300 --> 00:06:48,570
Right.

90
00:06:48,930 --> 00:06:54,080
OK, so here this is the background and I want to use that, of course, in my activity splash.

91
00:06:54,080 --> 00:07:00,030
So let's just add that had trouble and there we have our I see.

92
00:07:00,030 --> 00:07:01,220
Splash background.

93
00:07:02,110 --> 00:07:09,030
All right, let's look at this design once again so you can see Projet Menasche here and our background.

94
00:07:09,120 --> 00:07:10,980
So let's also test this application.

95
00:07:10,980 --> 00:07:15,960
Actually, before we can test that, we should go to the splash activity and make some minor changes

96
00:07:15,960 --> 00:07:23,850
here because we still have to set up a little bit so that we don't have the bar at the top.

97
00:07:24,010 --> 00:07:24,470
All right.

98
00:07:25,170 --> 00:07:32,280
And also so that we use our custom font, because currently, if we look at our background here, we

99
00:07:32,280 --> 00:07:34,590
can see where in this activity splash.

100
00:07:34,920 --> 00:07:38,790
I could see we're using a default font, not a special font that I would like to use.

101
00:07:39,370 --> 00:07:41,850
OK, so let's go ahead.

102
00:07:41,850 --> 00:07:44,520
And first of all, set the window flag.

103
00:07:45,150 --> 00:07:48,960
So window set flags.

104
00:07:50,100 --> 00:07:53,520
And here I'm going to use the window manager.

105
00:07:53,940 --> 00:08:01,650
That layout Hiram's flag underscore full screen.

106
00:08:03,670 --> 00:08:05,180
And another time.

107
00:08:05,200 --> 00:08:06,700
So you need to pass this twice.

108
00:08:09,290 --> 00:08:12,530
And now import window manager, of course.

109
00:08:14,220 --> 00:08:15,180
So that this works.

110
00:08:16,160 --> 00:08:24,710
OK, so setting the flags high is the status bar and makes our splash activity full screen pretty much.

111
00:08:24,760 --> 00:08:29,120
OK, so this is what these two or three lines here do, OK?

112
00:08:29,390 --> 00:08:34,520
And then if you want to use a custom font, what you need to have is, of course, a folder where you

113
00:08:34,520 --> 00:08:35,570
have the font in.

114
00:08:35,780 --> 00:08:39,650
So new folder Hassad folder.

115
00:08:42,140 --> 00:08:44,560
So I'm just going to leave it as it is.

116
00:08:45,930 --> 00:08:50,400
So there we have our assets folder, and that's where you need to drag in the form that you want to

117
00:08:50,400 --> 00:08:50,730
use.

118
00:08:52,560 --> 00:08:57,890
Now, when it comes to funds, there is this website called 1001 Forbes.com.

119
00:08:58,230 --> 00:09:01,650
There's also stuff on dotcom and plenty of other fund websites.

120
00:09:02,190 --> 00:09:05,010
The thing is, when you use a fund, you have to be careful.

121
00:09:06,380 --> 00:09:12,020
Because potentially you will have to buy the license to use it, depending on the font, of course.

122
00:09:12,380 --> 00:09:17,810
So in this case, I'm using this carbon font and it might not be the perfect font for this application,

123
00:09:17,810 --> 00:09:22,140
but it's good enough, in my opinion, at least for this purpose to put currently at.

124
00:09:22,460 --> 00:09:26,690
So if you want to use a custom font, then you can go to, for example, this website.

125
00:09:26,690 --> 00:09:28,470
You can select the font that you want to use.

126
00:09:28,790 --> 00:09:34,550
So in my case, I went for the free fonts, for commercial use that HTML.

127
00:09:34,820 --> 00:09:36,770
So it's just a bunch of free fonts.

128
00:09:36,770 --> 00:09:38,630
You can see there are five thousand fonts here.

129
00:09:38,900 --> 00:09:46,130
You can even decide which kind of style they should have, should it be a headline, a sensory serif

130
00:09:46,130 --> 00:09:46,720
and so forth.

131
00:09:47,090 --> 00:09:52,840
So I just went through and on the third page I found this carbon black, which I liked.

132
00:09:52,850 --> 00:09:58,770
And when you hover over it says free for commercial use, but even though you still need to be careful.

133
00:09:58,790 --> 00:10:02,960
So once you have clicked on this, you can read through the details here.

134
00:10:03,320 --> 00:10:06,200
And here's this hypodermic Forbes.com slash carbon.

135
00:10:06,200 --> 00:10:11,180
That's where you can find information about license because it says these fonts include a license that

136
00:10:11,180 --> 00:10:12,760
allows free commercial use.

137
00:10:13,160 --> 00:10:15,740
So sometimes referred to as desktop license.

138
00:10:15,920 --> 00:10:20,840
This allows you to install the fonts on a computer and use them to create posters, web graphics, game

139
00:10:20,840 --> 00:10:25,920
graphics, T-shirts, videos, signs, logos and more retail license agreement for details.

140
00:10:26,180 --> 00:10:28,160
So then this is interesting for us.

141
00:10:28,310 --> 00:10:34,160
If you'd like to embed these funds in an app ebook on the web or anything that's not covered by the

142
00:10:34,160 --> 00:10:36,440
desktop license agreement, visit the link below.

143
00:10:36,440 --> 00:10:40,850
You'll find distributors who offer different types of license or you can contact me for help.

144
00:10:41,180 --> 00:10:47,000
OK, so then you can check out this website and actually I have it here already and then you can go

145
00:10:47,000 --> 00:10:50,360
to the details about the license.

146
00:10:50,360 --> 00:10:50,690
Right.

147
00:10:50,840 --> 00:10:52,690
And then Phonte, embedding in apps.

148
00:10:52,700 --> 00:10:58,310
If you're making an application and you're using my phone to create a title or some other graphic elements,

149
00:10:58,310 --> 00:11:00,580
the regular desktop license is sufficient.

150
00:11:00,590 --> 00:11:05,070
Sometimes you need to include or encode the actual font file data inside the application.

151
00:11:05,360 --> 00:11:06,980
This requires an app license.

152
00:11:07,190 --> 00:11:09,230
There are two types of application licenses.

153
00:11:09,500 --> 00:11:17,510
So you see you have to have the license for the font or you can try to find some other free royalty

154
00:11:17,510 --> 00:11:20,420
free fonts that you are allowed to use in your application.

155
00:11:20,480 --> 00:11:26,030
OK, so this is not going to be relevant if you just test this on your phone and you're not distributing

156
00:11:26,030 --> 00:11:26,640
it anywhere.

157
00:11:26,960 --> 00:11:27,320
All right.

158
00:11:27,330 --> 00:11:29,270
No one's going to be bothered by this.

159
00:11:29,270 --> 00:11:35,270
But once you make money with it and you distribute it in the application or use it in your application

160
00:11:35,270 --> 00:11:40,550
and hundreds of thousands of people use your application, then it might be a different situation.

161
00:11:40,580 --> 00:11:47,840
So this person might find this font in your application and then he will investigate whether you have

162
00:11:47,840 --> 00:11:48,550
a license or not.

163
00:11:48,560 --> 00:11:50,330
And potentially you would have done to.

164
00:11:50,660 --> 00:11:51,830
Um, yeah.

165
00:11:52,660 --> 00:11:53,350
Pay fees.

166
00:11:53,500 --> 00:11:57,040
All right, so that's something that you have to keep in mind, the general, when you use stuff from

167
00:11:57,040 --> 00:11:57,590
the Internet.

168
00:11:58,000 --> 00:12:04,210
Always be sure that you are allowed to use it in your application and especially that it's allowed to

169
00:12:04,210 --> 00:12:05,470
use commercially as well.

170
00:12:07,390 --> 00:12:13,900
All right, so at this point, you can go ahead and download this font or any font you like and you

171
00:12:14,230 --> 00:12:15,250
are allowed to use.

172
00:12:16,980 --> 00:12:23,580
So I'm just going to why I just started in my project folder there, you'll find the zip file and inside

173
00:12:23,580 --> 00:12:26,000
of the zip file you will find those four files.

174
00:12:26,010 --> 00:12:30,050
So if you want to read more about terms and so forth, you can check this out.

175
00:12:30,060 --> 00:12:34,190
But other than that, you now have the carbon PLDT.

176
00:12:34,560 --> 00:12:40,590
So what you need to do is you need to drag it into your project now to be more specific into the assets

177
00:12:40,590 --> 00:12:45,000
folder, so then you can copy it from here with either.

178
00:12:45,000 --> 00:12:46,110
Right, click and copy.

179
00:12:47,220 --> 00:12:56,010
Or with control them and then go to the assets folder, click on it and then control the or click paste.

180
00:12:56,250 --> 00:13:00,210
OK, so then it will create this asset with a new directory.

181
00:13:00,220 --> 00:13:02,280
So it's going to store it inside of the project.

182
00:13:02,970 --> 00:13:04,470
Cobwebby Altaf.

183
00:13:04,960 --> 00:13:12,270
And now if you want to use that specific typeface or that specific font, you need to go to.

184
00:13:13,510 --> 00:13:18,910
Your activity or the activity in which you want to use it, so I'm just going to create a new type face

185
00:13:19,090 --> 00:13:21,820
object and it will be of type type face.

186
00:13:22,850 --> 00:13:26,170
OK, so then in order to create this typeface, you need to import it.

187
00:13:26,410 --> 00:13:27,190
All right, then.

188
00:13:27,670 --> 00:13:31,510
Typeface that create from asset.

189
00:13:32,980 --> 00:13:35,710
And here you need to say where to find the file.

190
00:13:35,710 --> 00:13:37,870
And it's in our assets folder.

191
00:13:38,500 --> 00:13:39,960
Those folders called assets, right.

192
00:13:39,970 --> 00:13:40,560
By default.

193
00:13:41,440 --> 00:13:43,610
Then you enter the path.

194
00:13:43,630 --> 00:13:50,850
So in our case, it's directly in the parent folder and it's called Carbon B.L., Dot T.F..

195
00:13:51,820 --> 00:13:56,920
OK, so here this name you could see no underscore nothing, just an empty space in between and still

196
00:13:56,920 --> 00:13:57,730
don't understand it.

197
00:13:58,240 --> 00:14:05,500
OK, so carbon jetfighter or carbon PRL Tartuffe and that is going to be the path for the asset.

198
00:14:05,830 --> 00:14:14,860
Now we can use that typeface so you can go ahead and access the TV app name and use the typeface or

199
00:14:14,860 --> 00:14:19,030
set the typeface to be the typeface that we prepare.

200
00:14:20,320 --> 00:14:26,230
So this one here, which, of course, is our fault, so now it will use this font just for this one

201
00:14:26,230 --> 00:14:32,070
text like, OK, and they already see what was useful to give it an ID.

202
00:14:32,320 --> 00:14:33,970
So this text for you here.

203
00:14:34,690 --> 00:14:41,590
OK, now let's test it and let's see what our application will look like and that we are.

204
00:14:42,770 --> 00:14:44,510
So now that's how it looks.

205
00:14:44,960 --> 00:14:45,470
Mannagh.

206
00:14:47,070 --> 00:14:50,710
And we have our splash screen, all right.

207
00:14:51,030 --> 00:14:55,830
So this was just the beginning of our application, of course, but we're going to build it up step

208
00:14:55,830 --> 00:15:01,800
by step, even though probably when you would build this application yourself without going through

209
00:15:01,800 --> 00:15:05,970
this course, then you would not start with a splash screen, I'd guess.

210
00:15:06,060 --> 00:15:11,580
So I think this is something that you probably would add towards the end of the project, so to speak,

211
00:15:11,580 --> 00:15:16,740
because you, first of all, want, of course, to have all of the core features, which means the logging

212
00:15:16,740 --> 00:15:24,600
in functionality or register and log functionality, then storing any kind of data in the cloud and

213
00:15:24,600 --> 00:15:25,170
so forth.

214
00:15:25,350 --> 00:15:25,710
All right.

215
00:15:25,710 --> 00:15:27,240
But of course, we're going to look into all of that.

216
00:15:27,420 --> 00:15:28,640
So see you in the next one.