1
00:00:00,570 --> 00:00:01,390
Hello, everyone.

2
00:00:01,950 --> 00:00:09,690
And this video, I will show you how you can create the entry and two buttons, because in our application

3
00:00:09,690 --> 00:00:14,870
we have the logo or the image that we had, then we have this that title.

4
00:00:15,120 --> 00:00:21,930
Then we need two buttons and an entry, because this entry will take the name, the number of the images

5
00:00:21,930 --> 00:00:25,490
or the number of the page that we want to read.

6
00:00:25,830 --> 00:00:35,160
So we have to create these three items and we have to create the functions that work for a four for

7
00:00:35,160 --> 00:00:41,220
each button that we would click, because if we would click a button, we would call a function.

8
00:00:41,250 --> 00:00:44,480
So in this case, we have to create these two functions.

9
00:00:45,180 --> 00:00:53,370
Now to do this, we have to go just here because we want to put it under that text title, which is

10
00:00:53,520 --> 00:00:54,580
text, which is decided.

11
00:00:55,050 --> 00:01:03,180
Now we have to create the entry, which will take that the number of the of the pages we want to read.

12
00:01:03,430 --> 00:01:09,930
But before that, we have to create a label, which means we put in this label the text because we if

13
00:01:09,930 --> 00:01:17,940
we if we put just an entry, any user, we end users will use our application, for example, if you

14
00:01:17,940 --> 00:01:20,050
will share your application with another one.

15
00:01:20,280 --> 00:01:25,070
So this user will not understand why this entry for.

16
00:01:25,080 --> 00:01:32,940
So we have to put the an entry, a label that contains the title of this entry, which means, for example,

17
00:01:32,940 --> 00:01:42,570
we will put in this text, please enter the page name and page number, something like that down here.

18
00:01:42,690 --> 00:01:49,600
Any user will understand that in this entry we have to put the number of the page that we want to read.

19
00:01:50,280 --> 00:01:52,560
So here we have to create an entry.

20
00:01:52,560 --> 00:01:58,620
So I will give it a name, for example, page number like this.

21
00:01:59,130 --> 00:02:02,060
Then here I just make an underscore here.

22
00:02:02,070 --> 00:02:04,690
So it will be clear we have page number.

23
00:02:04,780 --> 00:02:11,450
OK, now he only creates a label that would put it in the application.

24
00:02:11,940 --> 00:02:17,160
Then after that we have to create the text and here we have equal.

25
00:02:19,770 --> 00:02:20,430
Needs

26
00:02:23,280 --> 00:02:31,710
to be nimble like this, so he will enter the page number of our application done here, we need to

27
00:02:31,710 --> 00:02:36,450
add before that I will show you how we look at something like this.

28
00:02:36,760 --> 00:02:45,300
Here we have page number, which is this one that back now I we just move this one here.

29
00:02:45,540 --> 00:02:47,280
Now I will see here.

30
00:02:48,650 --> 00:02:55,760
We have our labor labor looks like this, then we need to change the color of the program so it will

31
00:02:55,760 --> 00:03:03,140
be the same color of the of the application that I want to put this labor down, because we want to

32
00:03:03,140 --> 00:03:05,560
make some space between this text and this one.

33
00:03:05,840 --> 00:03:08,320
So we have to able to to put it.

34
00:03:08,570 --> 00:03:12,870
So in this case, we have to put it to the button.

35
00:03:13,160 --> 00:03:16,430
So in this case, we have two parties at the White House.

36
00:03:16,730 --> 00:03:23,590
So here before that, we need to change I we change the background here and have big equality.

37
00:03:24,200 --> 00:03:27,260
Then here we need to pass it, as I told you here.

38
00:03:27,380 --> 00:03:28,100
But why?

39
00:03:28,100 --> 00:03:33,980
Which means we will do a putting in the white X then here equal then if we want to.

40
00:03:33,980 --> 00:03:39,530
By the way, if I would just value for example, one hundred or ten or something like this, it will

41
00:03:39,530 --> 00:03:44,570
do about in the, in the budget and in the top at the same value.

42
00:03:44,570 --> 00:03:49,440
But in this case I want to put a budding just in the top.

43
00:03:49,460 --> 00:03:52,720
OK, so that I will put our tax in the bottom.

44
00:03:53,150 --> 00:03:59,410
So here we don't need to put or we don't need to do any padding at the bottom.

45
00:03:59,810 --> 00:04:04,970
So here we create we will do this parenthesis and here we have two parameters.

46
00:04:04,970 --> 00:04:08,030
The first parameter or the first value that we will do.

47
00:04:08,300 --> 00:04:11,570
It will be the putting in the bottom, in the top, sorry.

48
00:04:11,840 --> 00:04:14,380
And the second one will be at the bottom.

49
00:04:14,630 --> 00:04:20,420
And as I told you, I don't want to put any padding in the bottom, so I'll put it zero then here for

50
00:04:20,420 --> 00:04:22,190
the top, I will put it 50.

51
00:04:22,190 --> 00:04:27,220
So I will move the text down with 50 pixels.

52
00:04:27,530 --> 00:04:29,690
So here I will just take it like this.

53
00:04:29,690 --> 00:04:36,500
As you can see, we have changed the background like this color and we have change we have, which we

54
00:04:36,500 --> 00:04:36,660
have.

55
00:04:36,680 --> 00:04:42,230
But our text here from the from the title with 50 pixels.

56
00:04:42,590 --> 00:04:46,330
Now, after doing this, you have to create the label here.

57
00:04:46,790 --> 00:04:52,200
I will put it here, not only label solid entry, that will take the number of pages.

58
00:04:52,460 --> 00:04:59,540
So here we have, for example, page number down here we have books, for example, box meaning for

59
00:04:59,540 --> 00:05:00,030
the entry.

60
00:05:00,380 --> 00:05:05,620
Then here we have entry like this and we will put it in the up like this.

61
00:05:06,110 --> 00:05:11,840
Now, after putting the entry in the what we need to do, we have to package like this.

62
00:05:11,840 --> 00:05:17,720
We have page number that look like this.

63
00:05:18,200 --> 00:05:19,870
OK, we'll see how it looks.

64
00:05:20,940 --> 00:05:26,640
Now, as you can see, it is here, but I want to put this color of this background color here at the

65
00:05:26,640 --> 00:05:28,560
same the color of this wall.

66
00:05:28,560 --> 00:05:29,730
So it will be very cool.

67
00:05:29,750 --> 00:05:31,400
It it adjust for the design.

68
00:05:31,410 --> 00:05:34,710
You could put it like this with any color you want.

69
00:05:34,710 --> 00:05:41,750
But in my in my case, I want to put the background of this actually at the same background of our application.

70
00:05:41,760 --> 00:05:49,440
So I would just go here and do the same thing here, that big, which is above background.

71
00:05:49,650 --> 00:05:54,420
So we will see that it is at the same color as it is just a choice for me.

72
00:05:54,430 --> 00:05:59,860
But if you want to let it white or you want to put any color you want, you can put it OK.

73
00:06:00,180 --> 00:06:03,120
As you can see here, we have but do nothing for the moment.

74
00:06:03,660 --> 00:06:08,970
Even if you want to change the texture, the color of this text, you can change it, which is for the

75
00:06:08,970 --> 00:06:09,720
foreground.

76
00:06:09,870 --> 00:06:16,800
So we can put just here EFG for the foreground and you and you give it the name, you give it the code

77
00:06:16,800 --> 00:06:18,190
of color that you want.

78
00:06:18,210 --> 00:06:20,810
OK, but at the moment I want to give it just white.

79
00:06:20,850 --> 00:06:22,080
Just black, OK.

80
00:06:22,920 --> 00:06:26,490
By default, which is by default, it is black and I like that a black.

81
00:06:26,490 --> 00:06:28,160
So I will leave it just like this.

82
00:06:28,740 --> 00:06:35,360
Now after creating this label and this entry, now we have to create the other two buttons, which are

83
00:06:35,370 --> 00:06:37,200
the last thing that we have that we need.

84
00:06:37,440 --> 00:06:45,420
We have a button that will open the body of another button that we do that we say, which means that

85
00:06:45,420 --> 00:06:47,320
we start the speaker.

86
00:06:47,340 --> 00:06:54,120
OK, so here I will give it, for example, open PDF like this, for example.

87
00:06:54,120 --> 00:07:00,630
Or we can add a underscore like this, if you want that here, open a video, then here we will give

88
00:07:00,630 --> 00:07:01,340
it a button.

89
00:07:01,620 --> 00:07:04,230
So here we have button like this.

90
00:07:04,530 --> 00:07:12,600
We put it in the up then for the for the text that we want in the in the button I will create it, just

91
00:07:12,960 --> 00:07:18,210
put it open so that we will know that this button will help us to open the video.

92
00:07:18,660 --> 00:07:25,690
Then here I will take it for example we I will leave it just like this will add other stuff after.

93
00:07:26,010 --> 00:07:29,310
So now I will package just like this.

94
00:07:30,420 --> 00:07:31,560
Or print media.

95
00:07:33,070 --> 00:07:37,980
Like this here, and we will see how it looks.

96
00:07:45,320 --> 00:07:46,370
It is no problem.

97
00:07:46,910 --> 00:07:51,700
Yes, I think that we have we we didn't close it, so I have OK this one.

98
00:07:53,180 --> 00:07:55,540
Now, as you can see, this is our button.

99
00:07:55,700 --> 00:07:59,090
So here we have a small button like this.

100
00:07:59,090 --> 00:08:02,660
And it is it is with the entry.

101
00:08:02,660 --> 00:08:09,510
So we have to put it down, which means we have to pad it like this and we have to decrease because

102
00:08:09,530 --> 00:08:09,980
we have to.

103
00:08:10,030 --> 00:08:13,090
So you have to increase the size of or the withdrawal.

104
00:08:13,140 --> 00:08:15,700
We will just increase the width of our button.

105
00:08:16,040 --> 00:08:16,850
So here.

106
00:08:18,500 --> 00:08:25,190
What is here, the button, I will increase the width, so I will put it like this.

107
00:08:25,730 --> 00:08:26,720
What is this?

108
00:08:28,970 --> 00:08:36,590
We have here with a call that I will put it, for example, Tony, and we have this Parmeter Prentice's

109
00:08:36,650 --> 00:08:38,420
story like this.

110
00:08:38,660 --> 00:08:43,550
Now, after doing this, we have just to make a parting, as I told you here.

111
00:08:43,830 --> 00:08:45,920
And so I will do.

112
00:08:45,950 --> 00:08:48,830
But why just in the bottom in the top story?

113
00:08:48,830 --> 00:08:51,400
Because we don't need to put anybody in butter.

114
00:08:51,800 --> 00:08:55,830
So I will put it to any, for example, and for the zero zero.

115
00:08:55,900 --> 00:08:59,660
So now we see how it looks now.

116
00:09:01,830 --> 00:09:04,710
I forget to put equals 30.

117
00:09:06,460 --> 00:09:12,940
Now, this is our button like this, as you can see now we have just to add another button, which is

118
00:09:12,940 --> 00:09:20,860
for the audio or for to start the to talk for if you if you want to talk the or to see what we have

119
00:09:20,860 --> 00:09:22,160
in the page of the video.

120
00:09:22,840 --> 00:09:26,650
So here we have to create it as we I would add some padding here.

121
00:09:26,650 --> 00:09:30,220
I would put it 40 maybe.

122
00:09:31,630 --> 00:09:38,350
OK, like this, now what we have to do, I will just create the other button, which is I will give

123
00:09:38,350 --> 00:09:45,460
it the name, for example, to look or say Bedier.

124
00:09:47,620 --> 00:09:48,340
Why not?

125
00:09:53,480 --> 00:10:01,040
Like this, because the other one will give us an error, so we we need to use the underscore because

126
00:10:01,040 --> 00:10:06,650
that does give us an error, because we use inviter or any programming language.

127
00:10:06,860 --> 00:10:13,820
We use that dush, which means we will substract the two other two items, which means if you add here,

128
00:10:13,820 --> 00:10:20,630
if we put here a dash means that we want to subtract pedia from the from say so.

129
00:10:20,630 --> 00:10:22,740
In this case there are lots of numbers.

130
00:10:22,850 --> 00:10:24,240
So it will give us an error.

131
00:10:24,260 --> 00:10:32,450
So in the name of any variable here we don't need we don't have to to use the the dash or the plus or

132
00:10:32,450 --> 00:10:33,160
something like that.

133
00:10:33,440 --> 00:10:35,300
But for the underscore each word.

134
00:10:35,570 --> 00:10:36,460
Don't worry about it.

135
00:10:36,800 --> 00:10:46,250
Now here pdaf which is a button we push here up then the same thing for the with the four before that

136
00:10:46,250 --> 00:10:48,740
we have to create the text here.

137
00:10:48,750 --> 00:10:51,370
The text will give it for example, talk.

138
00:10:51,590 --> 00:10:59,870
So I will get this one then here after that we need to give it the same thing for the with.

139
00:11:00,710 --> 00:11:11,120
So here we have with equal 20 then for the final thing parking I will take just this one or see down

140
00:11:11,120 --> 00:11:15,820
here we have safety of that control.

141
00:11:15,840 --> 00:11:17,500
We like this now.

142
00:11:17,510 --> 00:11:20,450
We'll see how it looks like this.

143
00:11:20,450 --> 00:11:22,550
As you can see here, we have two buttons.

144
00:11:22,910 --> 00:11:24,430
We can change this one here.

145
00:11:24,440 --> 00:11:25,310
I will put it.

146
00:11:27,720 --> 00:11:30,610
Just 20, OK?

147
00:11:32,460 --> 00:11:33,420
Now it is cool.

148
00:11:33,450 --> 00:11:38,940
OK, so this is the application that we need, we have here the entry here to take extra or what we

149
00:11:38,940 --> 00:11:44,430
need to do is to include our first program, which is this one that will take the PIDF extra.

150
00:11:44,960 --> 00:11:48,530
We need to include it in this in our application.

151
00:11:48,810 --> 00:11:55,770
But before that, I will just add the the functions that we need, because any button, if we want to

152
00:11:55,770 --> 00:11:58,950
make this button work, we need to give it a function.

153
00:11:58,980 --> 00:12:02,810
So in this case, we give a function for the first button and function for the second button.

154
00:12:03,210 --> 00:12:09,280
So two, to add a function, we write command command, which is we will call the function.

155
00:12:09,540 --> 00:12:13,320
So here we have command that will write the name of the function for what?

156
00:12:13,320 --> 00:12:17,600
We didn't declare any function, but we will write just the name of those functions.

157
00:12:17,910 --> 00:12:24,480
So here we have, for example, we give it click or for the open or something like this.

158
00:12:24,840 --> 00:12:34,020
And for this one, this one will give us the window that we're where we will search for the PDF and

159
00:12:34,020 --> 00:12:38,160
this one will talk, which means we can give it a name.

160
00:12:38,490 --> 00:12:39,780
Come on, for example.

161
00:12:39,780 --> 00:12:41,790
Then here we can give it the same.

162
00:12:42,540 --> 00:12:47,200
We can give it talk here because we didn't choose we didn't use any function with this name.

163
00:12:47,460 --> 00:12:50,580
So here I think, yes, there is no actual name.

164
00:12:51,000 --> 00:12:54,060
So in this case, we do command equal talk.

165
00:12:54,240 --> 00:13:00,840
So now what we have to do is just to create these two functions I created just over here.

166
00:13:02,130 --> 00:13:08,400
I like to create the functions between the creation of the app and between the other stuff.

167
00:13:08,400 --> 00:13:17,330
So here I want to create a function in the title we write the key word def, which is define that here,

168
00:13:17,360 --> 00:13:18,360
the name of the function.

169
00:13:18,450 --> 00:13:22,310
And for the functions that we have, we have click and we have talk.

170
00:13:22,590 --> 00:13:26,010
So we create the first one, which is like this.

171
00:13:26,370 --> 00:13:31,950
Then if you create a function you have to add apparatuses because to say that this is a function, if

172
00:13:31,950 --> 00:13:36,050
we don't add balances, it will think that it is very important, something like this.

173
00:13:36,050 --> 00:13:37,680
So it will give you a letter.

174
00:13:37,710 --> 00:13:44,390
OK, now here we have def then click, which is the name of the function for the moment we write just

175
00:13:44,400 --> 00:13:47,940
passed because we don't write anything for this case.

176
00:13:48,300 --> 00:13:54,120
Then for the second one which is all then here the same thing.

177
00:13:54,120 --> 00:13:59,640
But like this now we run it and we say how it's going, it works.

178
00:13:59,680 --> 00:13:59,920
Sorry.

179
00:14:01,110 --> 00:14:04,230
I think that we forget the first one before.

180
00:14:04,260 --> 00:14:06,360
Now this one here, this is the new one.

181
00:14:06,720 --> 00:14:12,330
Now if I will click, as you can see, there is nothing because we didn't put anything on the function.

182
00:14:12,930 --> 00:14:17,730
If you want to try it, you can put here, for example, we can print here.

183
00:14:17,760 --> 00:14:18,490
I don't know.

184
00:14:18,510 --> 00:14:19,240
Hello.

185
00:14:20,040 --> 00:14:23,670
Now I will empty this

186
00:14:26,370 --> 00:14:26,970
terminal.

187
00:14:26,980 --> 00:14:33,610
So here I if I, if we click in the first button, which is to open it will print here.

188
00:14:33,630 --> 00:14:33,980
Hello.

189
00:14:34,050 --> 00:14:37,440
So that we can know if the button is working or not.

190
00:14:37,470 --> 00:14:39,770
So if I click here open as you can see here.

191
00:14:39,780 --> 00:14:40,200
Hello.

192
00:14:40,470 --> 00:14:41,160
Open, open.

193
00:14:41,160 --> 00:14:41,450
Open.

194
00:14:41,460 --> 00:14:41,900
Hello.

195
00:14:41,940 --> 00:14:42,360
OK.

196
00:14:42,530 --> 00:14:49,620
OK now we have created this functions that are for these buttons.

197
00:14:50,070 --> 00:14:56,670
Now we will stop here and in the next four, in the next section or the next video we will put our program,

198
00:14:56,670 --> 00:14:59,360
which is this one inside this application.

199
00:14:59,370 --> 00:15:00,480
So it will be very easy.

200
00:15:00,480 --> 00:15:06,510
As you can see, if you followed me step by step, you can see that everything here is fine and everything

201
00:15:06,510 --> 00:15:07,440
is easy to do.

202
00:15:07,770 --> 00:15:10,200
So I see you in the next video, but.