1 00:00:00,210 --> 00:00:05,510 Hi again in this video, I will show you how you can create the application that we want. 2 00:00:05,670 --> 00:00:11,910 So before putting anything on the application, which is this program that will open and convert the 3 00:00:11,910 --> 00:00:16,860 period we need to create the empty application or the blank application. 4 00:00:17,160 --> 00:00:24,830 So before that, I will take this also not always listen to what the PDF has. 5 00:00:25,080 --> 00:00:28,410 So we'll take this one down because we don't need it for the moment. 6 00:00:29,040 --> 00:00:36,000 Now, what we have to do, we will just create a we have to import the library that will help us to 7 00:00:36,000 --> 00:00:37,540 create the application, which is the key. 8 00:00:38,070 --> 00:00:40,470 So I will we will do this one. 9 00:00:40,470 --> 00:00:42,620 Import the note. 10 00:00:42,620 --> 00:00:47,520 I will take this file from Eichinger or 11 00:00:50,580 --> 00:00:51,180 everything. 12 00:00:51,300 --> 00:00:54,900 So we import everything that we have in this library to content. 13 00:00:55,470 --> 00:00:59,250 Then after importing that, we will I will just come here. 14 00:00:59,610 --> 00:01:03,530 We need to create the application or we need to initialised application. 15 00:01:03,750 --> 00:01:08,970 So to do this, we have just to put it in a variable so we will give it up for application. 16 00:01:09,900 --> 00:01:17,550 So up equality came up Aquatica, which means that this Warriewood up will take the roll of our application. 17 00:01:17,730 --> 00:01:20,070 OK then into Kindle. 18 00:01:20,070 --> 00:01:25,830 If you will create an application and you want to see it in every time you will run the program because 19 00:01:26,160 --> 00:01:26,880 there is something. 20 00:01:26,880 --> 00:01:32,700 If we don't add, we won't see it, even if we will create it and we will put anything on it, but we 21 00:01:32,700 --> 00:01:33,360 can see it. 22 00:01:33,780 --> 00:01:39,740 But if we want to see it, we have to put up that may look like this. 23 00:01:39,840 --> 00:01:44,130 So we put this application as the main dopier in our program. 24 00:01:44,160 --> 00:01:46,250 So in this case, we will always see it. 25 00:01:46,680 --> 00:01:48,930 So we will run just that. 26 00:01:48,930 --> 00:01:52,390 You will see the application, this one. 27 00:01:52,530 --> 00:01:55,320 So this is the application that we have now. 28 00:01:56,460 --> 00:02:02,670 Before that, I will put this one in common so it won't slow our program like this. 29 00:02:04,150 --> 00:02:05,880 OK, we'll see. 30 00:02:07,270 --> 00:02:08,250 Yes, it works. 31 00:02:08,800 --> 00:02:13,900 Now, after creating the empty application, what we have to do, we need to design it. 32 00:02:13,900 --> 00:02:21,100 So the first design, the first parameter that I want to do and I prefer to do always the first thing. 33 00:02:21,310 --> 00:02:24,810 So I will change the width at the height of this application. 34 00:02:24,820 --> 00:02:29,330 So I will give it a defined with defined height. 35 00:02:29,680 --> 00:02:37,450 So to do this, we have to use a function called geometry so that geometry like this and here between 36 00:02:37,480 --> 00:02:40,290 this quotation marks will give it the height and weight. 37 00:02:40,750 --> 00:02:45,390 Then you have to know that we need to start with the width, then the height. 38 00:02:45,400 --> 00:02:52,480 So the width I will put it for example, 300, then here we will put X, which means that with by the 39 00:02:52,480 --> 00:02:53,970 half, by the height. 40 00:02:54,580 --> 00:03:00,670 So here we have 200 by 400 or five, I will put it for like this. 41 00:03:00,680 --> 00:03:06,300 So we will create our application with this this with this case. 42 00:03:06,430 --> 00:03:08,450 I will show you how you can see it. 43 00:03:08,830 --> 00:03:11,020 So with this one, this is our application. 44 00:03:11,020 --> 00:03:17,740 We have four hundred pixel for the with and sorry 300 for the width. 45 00:03:18,010 --> 00:03:19,320 Four hundred for the height. 46 00:03:19,720 --> 00:03:26,770 Then after create after giving the width and I want to give it the title so I will change the title 47 00:03:26,770 --> 00:03:27,380 to do this. 48 00:03:27,400 --> 00:03:29,200 It is very easy to do so. 49 00:03:29,200 --> 00:03:36,160 We have to create to click up that title like this and he will give it the native title that we want, 50 00:03:36,160 --> 00:03:41,240 which means, for example, in this case I would give it all you book. 51 00:03:41,600 --> 00:03:46,740 OK, then after that we will see how it looks like this. 52 00:03:46,750 --> 00:03:54,240 Here we have Audioboo now after having this title, what we have to do, I will give it the background. 53 00:03:54,460 --> 00:04:00,670 So we have that for you like this. 54 00:04:00,670 --> 00:04:03,820 And here we have to be for background. 55 00:04:03,820 --> 00:04:06,040 Then here we will give it the color that we want. 56 00:04:06,460 --> 00:04:11,200 Now for the color I choose this one for from Google. 57 00:04:11,200 --> 00:04:12,340 I found this color. 58 00:04:12,430 --> 00:04:13,660 I just like this one. 59 00:04:13,660 --> 00:04:14,890 So I was this one. 60 00:04:14,890 --> 00:04:20,130 But you can choose or you can put any color you want, you have to take it for the exact same. 61 00:04:20,140 --> 00:04:22,140 So here I will take it control. 62 00:04:22,150 --> 00:04:27,370 See, then we go in our editor here. 63 00:04:27,370 --> 00:04:32,740 But before this, I want to put it in your body so that I can use it for every item we have. 64 00:04:33,010 --> 00:04:41,890 So I will create a variable called Bije and I will give it the variable of our I will put it like this. 65 00:04:41,890 --> 00:04:44,010 We have to put between the quotation marks. 66 00:04:44,200 --> 00:04:45,680 So here we have the color. 67 00:04:45,700 --> 00:04:48,730 So Bije, this very will be has this color. 68 00:04:49,090 --> 00:04:57,010 So now this bije this model is a function or indicator that will take this color and put it in the background 69 00:04:57,010 --> 00:04:58,120 of our application. 70 00:04:58,120 --> 00:04:59,080 So here I will give it. 71 00:04:59,710 --> 00:05:06,900 So the first page is the function included indicator and the second which is our variable that has the 72 00:05:06,910 --> 00:05:07,780 color, this one. 73 00:05:08,320 --> 00:05:10,510 Now we will see how it looks. 74 00:05:10,960 --> 00:05:14,050 As you can see, this is the color that we have in our application. 75 00:05:14,470 --> 00:05:22,330 Now, after doing this, I will just create or I will put a the title of our application. 76 00:05:22,450 --> 00:05:32,260 So to do this, we have just to go here like this to put a title in the application, because this title 77 00:05:32,260 --> 00:05:36,670 is in the in the borders of application of the application. 78 00:05:36,670 --> 00:05:42,300 But if we wanted to put a text inside application inside the application. 79 00:05:42,310 --> 00:05:44,380 So in this case we have to put it in the label. 80 00:05:44,560 --> 00:05:46,930 So to do this, we have just to create a label. 81 00:05:46,930 --> 00:05:53,710 But before that I will give its name, for example, title it will label this label is a function included 82 00:05:53,710 --> 00:05:54,310 indicator. 83 00:05:54,320 --> 00:06:01,270 So if we create if we do this from together, import everything so this label function will be imported. 84 00:06:01,630 --> 00:06:03,130 You using this line. 85 00:06:03,160 --> 00:06:06,490 OK, so here what we have to do, we have the first one meter. 86 00:06:06,520 --> 00:06:12,810 We need to put the name of the application of the name of the window that we want to put this text on. 87 00:06:12,820 --> 00:06:16,570 So in this case, we have our because we want to put it in the application. 88 00:06:16,930 --> 00:06:21,200 Then here we have tags equal that here in equal. 89 00:06:21,200 --> 00:06:24,490 We will post the name of wood with the text as we have. 90 00:06:24,490 --> 00:06:31,710 So here, for example, Will, let's listen to the book, for example. 91 00:06:31,990 --> 00:06:37,390 So here in this case, we will put this this text or this data. 92 00:06:37,390 --> 00:06:45,550 So is the we want to use for the moment because we have just the class, but we need to back this label 93 00:06:45,550 --> 00:06:46,390 in the application. 94 00:06:46,390 --> 00:06:47,440 So it is very easy. 95 00:06:47,440 --> 00:06:55,780 So we have just the right name, which is title that back in this line, we will back this title in 96 00:06:55,780 --> 00:06:56,560 our application. 97 00:06:56,800 --> 00:06:59,590 So now we can see it here, as you can see. 98 00:06:59,860 --> 00:07:03,670 But we have this little little problem, which is for the background. 99 00:07:03,850 --> 00:07:06,580 We need to push the background of this text at the same. 100 00:07:06,850 --> 00:07:14,650 Background of this of the application so that we can see this right here, so same thing here we have 101 00:07:14,650 --> 00:07:19,130 BGI for the background that equal Biju for our app, for our variable. 102 00:07:19,720 --> 00:07:22,540 Now we can see that there is no problem with the right. 103 00:07:22,810 --> 00:07:26,710 Now, I would just make it a little bit bigger. 104 00:07:26,740 --> 00:07:32,830 So here we have font, font, dysfunction font that will change all of that control the font of our 105 00:07:33,760 --> 00:07:40,720 text, which means we control the type of the font we will control if it is light or the board will 106 00:07:40,720 --> 00:07:42,420 control the size, etc.. 107 00:07:42,730 --> 00:07:47,920 So for the font type, I will type none, which means we don't want to change it. 108 00:07:48,220 --> 00:07:52,720 But for the for the for the size I would put it 20. 109 00:07:53,110 --> 00:07:55,980 So here we have 20 like this. 110 00:07:56,040 --> 00:07:59,980 OK, now we see how it looks like this. 111 00:07:59,980 --> 00:08:01,970 As you can see, it is a little bit bigger. 112 00:08:02,350 --> 00:08:07,360 OK, so we will stop here and we'll continue doing this in another video by.