1
00:00:00,510 --> 00:00:06,150
Hello, everyone, in the last video, I have shown you how you can import or include pictures in your

2
00:00:06,150 --> 00:00:13,230
app, but that it was not very, very professional because we had to use just gif pictures.

3
00:00:13,590 --> 00:00:20,610
But now I will show you how you can use a library that allows you to hear that will allows you to import

4
00:00:20,610 --> 00:00:25,470
any type of pictures you want, for example, being GBG, etc., etc..

5
00:00:26,010 --> 00:00:32,730
So to do this, the first thing that we have to do is to install this library, which is below this

6
00:00:32,730 --> 00:00:34,170
library called Pelo.

7
00:00:34,530 --> 00:00:38,090
So to do this, we have to go here to the ACMD.

8
00:00:38,640 --> 00:00:43,220
Then we would we will type the IP, which is BYB to install.

9
00:00:43,410 --> 00:00:53,190
So pipe install SOIS installed and we provide the name of the library which is below here, as you can

10
00:00:53,190 --> 00:00:59,910
see, which he we have already already installed because they have already done it before.

11
00:01:00,210 --> 00:01:06,480
So for your case you will have here studying then it will be installed after this.

12
00:01:06,840 --> 00:01:15,050
If you will use for example, another idea, for example, if you will use this sublime text extra,

13
00:01:15,690 --> 00:01:17,700
you won't have an error for this.

14
00:01:17,700 --> 00:01:23,550
But if you are using Beacham like me, you will have little to fix it.

15
00:01:23,560 --> 00:01:26,340
You have to go higher, for example, than the sitting's.

16
00:01:27,990 --> 00:01:33,840
After that, you will go to your project, which is this one project's interpreter here.

17
00:01:33,840 --> 00:01:38,960
You will see in my case, I have already fixed it so I can see below here.

18
00:01:39,300 --> 00:01:43,610
But if you can't see it, you will see it with time.

19
00:01:43,620 --> 00:01:50,760
For example, you will come here then plus then you will take the name of the name of the library.

20
00:01:51,210 --> 00:01:57,870
But sometimes, even if you will use it here and you will install it, it will each watch work.

21
00:01:57,920 --> 00:01:58,200
Why?

22
00:01:58,290 --> 00:02:05,640
Because your version of your Python, for example, if you are if you have a lot of versions, for example,

23
00:02:05,640 --> 00:02:07,320
three point eighty three point seven.

24
00:02:07,590 --> 00:02:12,270
So maybe you have onsides below in the version three point seven.

25
00:02:12,270 --> 00:02:15,930
But in this project you are using three point eight.

26
00:02:15,960 --> 00:02:22,670
So in this case, each one to work, you have just you came here and changed the version that you started

27
00:02:22,680 --> 00:02:25,510
on it, the library below.

28
00:02:25,950 --> 00:02:29,900
So now after that, you acknowledge we have to include it.

29
00:02:29,910 --> 00:02:34,890
So here we will write from three B and I.

30
00:02:35,130 --> 00:02:40,290
I am sorry I l is the last name of this library.

31
00:02:40,300 --> 00:02:49,500
It was I know it is below, but they saved the name so we would write from the end, import detailed

32
00:02:49,800 --> 00:02:54,180
image then import image to we will use it after.

33
00:02:54,210 --> 00:02:56,410
So what is this image.

34
00:02:57,030 --> 00:03:02,010
No if I will let it like this image and I will, I want to use it for my program.

35
00:03:02,520 --> 00:03:03,360
It won't work.

36
00:03:03,670 --> 00:03:05,520
I don't know why but I don't know.

37
00:03:05,610 --> 00:03:07,050
I know how to fix it.

38
00:03:07,380 --> 00:03:14,070
So to fix it you have just to change the name of do you want to use it like this image?

39
00:03:14,220 --> 00:03:16,410
You will just import it as another name.

40
00:03:16,410 --> 00:03:19,080
For example, I would take it image with a lowercase.

41
00:03:19,350 --> 00:03:22,050
Then we will use it as this image.

42
00:03:22,050 --> 00:03:28,470
We want to use this one because if no, we use this one, we can't access to the functions that we have.

43
00:03:28,470 --> 00:03:31,200
I don't know why, but I know how to fix it.

44
00:03:31,200 --> 00:03:31,860
Just you.

45
00:03:31,860 --> 00:03:38,520
You have just to change the the name, for example, you will do it and put it as another name and not

46
00:03:38,520 --> 00:03:38,910
this one.

47
00:03:39,360 --> 00:03:45,810
OK, no, we have this little window now.

48
00:03:45,810 --> 00:03:51,210
I want to change the geometry so I will put it through to the geometry.

49
00:03:51,720 --> 00:03:55,490
Now I will put it five hundred by.

50
00:03:55,800 --> 00:03:58,680
No I will put it four hundred by five.

51
00:04:00,240 --> 00:04:01,290
I will say no.

52
00:04:01,290 --> 00:04:03,570
This is our window now.

53
00:04:05,370 --> 00:04:07,530
Before that we will start including pictures.

54
00:04:07,770 --> 00:04:09,720
I want to put a button.

55
00:04:10,050 --> 00:04:13,140
So if we press this button we will close this window.

56
00:04:13,590 --> 00:04:21,300
So to do this we have to just to create a button, we will give it a name close, then button this one,

57
00:04:21,510 --> 00:04:25,830
then we will put it in the road and he will give it the name.

58
00:04:26,190 --> 00:04:31,230
The text story takes equal story close.

59
00:04:31,650 --> 00:04:36,230
Now we will give it a command that will destroy it.

60
00:04:36,270 --> 00:04:39,270
Or I already give you the name this.

61
00:04:39,600 --> 00:04:45,810
We have a command that will destroy or we close our window, which is already we have already used this

62
00:04:45,810 --> 00:04:47,130
one for labels, for example.

63
00:04:47,370 --> 00:04:50,280
So we will use it with the the app.

64
00:04:50,280 --> 00:04:50,970
It will work.

65
00:04:51,210 --> 00:04:54,030
So this road that destroyed.

66
00:04:54,450 --> 00:04:59,880
So this function will take this off because as we said here with you, we.

67
00:05:00,220 --> 00:05:06,250
The function with the function or the parameter command we can't use, the balance is just if we use

68
00:05:06,250 --> 00:05:07,760
here, we adhere lambda.

69
00:05:08,680 --> 00:05:11,120
So in this case, we didn't bucket.

70
00:05:11,140 --> 00:05:15,010
So we parked this close that.

71
00:05:15,400 --> 00:05:19,480
But now when you see it, this is our window.

72
00:05:19,510 --> 00:05:26,500
So if we press the button, it will be destroyed, which is closed or so if we press it grows, which

73
00:05:26,500 --> 00:05:27,610
means destroyed, destroyed.

74
00:05:27,970 --> 00:05:32,480
So now the first thing that we have to do is to include our picture.

75
00:05:32,710 --> 00:05:33,940
We have a lot of pictures here.

76
00:05:33,940 --> 00:05:35,080
As you can see, we have pictures.

77
00:05:35,090 --> 00:05:37,260
We give easy objects.

78
00:05:37,570 --> 00:05:40,960
It is the same picture, but just the type with different types.

79
00:05:41,230 --> 00:05:43,230
So here we have the Engström.

80
00:05:43,630 --> 00:05:49,420
So to do this, we have the first thing that we have to do is to use we put it in the variable.

81
00:05:49,420 --> 00:05:50,940
We call it, for example, the picture.

82
00:05:51,400 --> 00:05:53,780
Then we will make it equal here.

83
00:05:53,800 --> 00:05:54,820
There is a function.

84
00:05:55,930 --> 00:06:03,880
We will use this, this, this, this function or this object which which which is which is included

85
00:06:03,880 --> 00:06:06,100
in the URL library.

86
00:06:06,310 --> 00:06:13,290
So image Teekay here that we will use the function for your image.

87
00:06:15,040 --> 00:06:21,430
Then inside the function we will write the part of our image, which is what for this one this is we

88
00:06:21,430 --> 00:06:30,850
will take for example, the beginnings of makefile equal then here the sorry, not this one new picture

89
00:06:31,360 --> 00:06:33,190
that PMG, this one.

90
00:06:33,670 --> 00:06:40,690
So in this line we have included the picture and we have stories in this horrible no, we have just

91
00:06:40,690 --> 00:06:48,010
to make it as we would just put create a label, then we would put it in the label, in the label.

92
00:06:48,640 --> 00:06:54,640
So this is a label called, for example, label no label here, which is in the root.

93
00:06:55,000 --> 00:06:58,510
After that, we will write to image.

94
00:06:59,170 --> 00:07:06,010
Then it will be true, this one, and we will package at the end.

95
00:07:06,160 --> 00:07:11,470
Picture that, but not a picture.

96
00:07:11,470 --> 00:07:16,060
Sorry, love, we will label.

97
00:07:16,090 --> 00:07:18,560
So here we have like this one.

98
00:07:19,270 --> 00:07:23,130
So as you can see, we can see all the picture.

99
00:07:23,380 --> 00:07:26,220
Here is the new picture.

100
00:07:26,260 --> 00:07:27,410
This is this me.

101
00:07:27,850 --> 00:07:28,550
This is the picture.

102
00:07:28,870 --> 00:07:32,950
So if we use it, as you can see here, the we can see all the picture.

103
00:07:33,190 --> 00:07:33,600
Why?

104
00:07:34,000 --> 00:07:42,550
Because the size is too big so that we can see all the picture in the up, even if we are limiting the

105
00:07:42,550 --> 00:07:43,740
up with this function.

106
00:07:43,750 --> 00:07:50,220
But if we take it off, you will see we have a big, very huge picture here.

107
00:07:50,230 --> 00:07:52,930
But in this case, we can see all the picture.

108
00:07:53,260 --> 00:07:54,900
But we don't want this.

109
00:07:55,060 --> 00:07:59,070
So if we want to see the whole picture picture, we have to revise it.

110
00:07:59,260 --> 00:08:06,760
So some of us I thought this before I will make here, for example, with I will change the width,

111
00:08:06,760 --> 00:08:14,260
I will put it, for example, three hundred and five, I will put it, for example, 400, and you will

112
00:08:14,260 --> 00:08:18,070
see that this is the picture we didn't give.

113
00:08:18,070 --> 00:08:19,990
We didn't realize the picture.

114
00:08:20,020 --> 00:08:21,620
We just resize the label.

115
00:08:21,880 --> 00:08:26,670
So in this case, we have decided that the label but we got the picture so we can see all the picture.

116
00:08:27,190 --> 00:08:34,410
So if we want to see the whole picture, we have to resize it to decide that it is too easy to say.

117
00:08:34,410 --> 00:08:40,470
We will use this function, which is included in this object, which is image.

118
00:08:40,750 --> 00:08:48,030
So here will give it another name, for example, picture to equal image.

119
00:08:48,610 --> 00:08:51,100
But here we can as I told you, we can't use this one.

120
00:08:51,100 --> 00:08:58,200
We will use this one to two to have the access to the the function that we have in this object.

121
00:08:58,200 --> 00:08:58,420
Sorry.

122
00:08:58,780 --> 00:09:07,570
So we have an image that open, as you can see now here we will try the part, which is this one control.

123
00:09:07,570 --> 00:09:16,450
See, down here you have you can see that we have this image to picture, to picture two, three here.

124
00:09:16,450 --> 00:09:21,420
We have emerged that this one open and this is the part of the picture.

125
00:09:21,790 --> 00:09:23,620
No, we want to recite it this.

126
00:09:23,800 --> 00:09:25,170
So we decided this picture.

127
00:09:25,180 --> 00:09:28,420
We have just to use the function called resize.

128
00:09:28,690 --> 00:09:32,230
So before that, we have to try it.

129
00:09:32,620 --> 00:09:34,050
We will have to put it in Funnybone.

130
00:09:34,060 --> 00:09:38,620
We give it a name, for example, big resize.

131
00:09:38,620 --> 00:09:40,450
It says it.

132
00:09:40,900 --> 00:09:46,630
So we will give it like this picture too.

133
00:09:47,470 --> 00:09:51,070
But resize, resize.

134
00:09:51,940 --> 00:09:56,500
And here we will put the new size that we want to change.

135
00:10:00,360 --> 00:10:06,780
So as barometers, we have two parameters, the first one we put in disparities, which is the new side

136
00:10:06,780 --> 00:10:07,380
that we want.

137
00:10:07,710 --> 00:10:15,860
So I will discuss this one to have a constant size of our label, of our roots.

138
00:10:16,350 --> 00:10:18,230
So we have here 400 by five.

139
00:10:18,330 --> 00:10:24,170
So we will put, for example, here 350 by and by.

140
00:10:24,180 --> 00:10:25,940
I will give 450.

141
00:10:26,400 --> 00:10:27,850
So this is the first one meter.

142
00:10:27,960 --> 00:10:29,130
Then we will make a comma.

143
00:10:29,640 --> 00:10:35,070
After that, we will make that onto this one.

144
00:10:35,250 --> 00:10:39,810
A.I.s, this one will take off or aliasing that we have in the picture.

145
00:10:39,840 --> 00:10:44,070
So just to clean the picture, if we have some errors of excess.

146
00:10:44,700 --> 00:10:48,300
So this picture, this is the new picture with the new size.

147
00:10:48,630 --> 00:10:57,210
So if we want to print it, we have to just to change it here and make it big recited this one.

148
00:10:57,870 --> 00:11:01,380
You will see here that it doesn't work.

149
00:11:01,380 --> 00:11:01,730
Why?

150
00:11:01,740 --> 00:11:04,820
Because we had to put a picture in this parameter.

151
00:11:05,100 --> 00:11:12,960
We have to pass it by this function because this function is special to convert a picture, any picture

152
00:11:12,960 --> 00:11:18,210
to to convert it so that we can use it in in the decanter to interrupt.

153
00:11:18,220 --> 00:11:18,530
Sorry.

154
00:11:18,870 --> 00:11:22,830
So to do this we have just to copy this one controversy.

155
00:11:22,830 --> 00:11:24,250
For example, the control.

156
00:11:24,270 --> 00:11:33,870
We, we have to give it, for example, picture three and here we will change this one to the peak recited

157
00:11:34,290 --> 00:11:34,740
this one.

158
00:11:35,190 --> 00:11:43,050
So now if we make here picture three, as you can see, this one would work.

159
00:11:43,380 --> 00:11:46,740
So here we have our window and this is the picture it.

160
00:11:46,830 --> 00:11:49,820
As you can see, this is the picture we have recited.

161
00:11:50,130 --> 00:11:51,970
What is of this one?

162
00:11:51,990 --> 00:11:54,390
We have decided this and we have put it here.

163
00:11:54,390 --> 00:11:55,320
We can change any.

164
00:11:55,800 --> 00:11:57,660
As you can see, if we press you close it.

165
00:11:57,930 --> 00:12:02,070
We can make any size we want if we want it in the hold up.

166
00:12:02,070 --> 00:12:06,540
So we would put it here for a hundred then here.

167
00:12:06,540 --> 00:12:06,980
Fine.

168
00:12:08,460 --> 00:12:10,260
As you can see, we have this one.

169
00:12:10,650 --> 00:12:16,590
Sorry, but wait, it is not working because I think that the size that it work with the picture is

170
00:12:16,590 --> 00:12:18,750
not the same for the.

171
00:12:18,960 --> 00:12:28,920
Sorry, I know I have to put in this of like so now you can see that we have the size of the picture

172
00:12:28,920 --> 00:12:35,210
is the same size for the up because we have here four by five and we have here 400 by five.

173
00:12:35,730 --> 00:12:37,530
So that's what the video for today.

174
00:12:37,530 --> 00:12:39,470
I have shown you how you can use different pictures.

175
00:12:39,720 --> 00:12:41,520
Sorry I forgot something we have here.

176
00:12:42,060 --> 00:12:49,800
If we have if we change it, for example, if we put it here, for example, GBG, the big because I

177
00:12:49,800 --> 00:12:56,190
have I have here already a picture, same picture with another type, which is GBG will make the same

178
00:12:56,190 --> 00:13:02,270
thing here in the U.S. that it is the same thing.

179
00:13:02,280 --> 00:13:08,670
It will work because as you can see, because this function, this function and this one allows us to

180
00:13:08,700 --> 00:13:15,390
use any type of pictures we want, we can use it with the for example, if we want to import this one

181
00:13:15,390 --> 00:13:20,220
and put it directly without because this picture is already small.

182
00:13:20,700 --> 00:13:21,740
But it's not.

183
00:13:21,920 --> 00:13:22,680
Not this one.

184
00:13:22,680 --> 00:13:23,100
This one.

185
00:13:23,820 --> 00:13:24,690
It is already small.

186
00:13:24,690 --> 00:13:26,670
So we we don't have to revise it.

187
00:13:26,670 --> 00:13:29,160
So we will print it directly here.

188
00:13:29,160 --> 00:13:30,180
We have this one.

189
00:13:30,180 --> 00:13:33,660
This one I will change just here.

190
00:13:34,590 --> 00:13:42,600
I will make file that equals here we have logo that is equal.

191
00:13:43,050 --> 00:13:48,180
So as you can see, we have here this is the app and this is the logo we have.

192
00:13:48,180 --> 00:13:54,320
We we hadn't we don't have to recite it because it is already small and we can see it in the hold up.

193
00:13:54,750 --> 00:13:56,430
So that was for today.

194
00:13:56,460 --> 00:14:01,470
I have shown you how you can use any have you can include any type of pictures in your app.

195
00:14:02,160 --> 00:14:05,700
So I see you in the next video and stay safe by.