1 00:00:05,830 --> 00:00:06,740 Hey everyone. 2 00:00:06,900 --> 00:00:08,240 Now just the last widget. 3 00:00:08,350 --> 00:00:11,000 That is a pain we know they are going to kill you. 4 00:00:11,740 --> 00:00:18,760 So pain we know is like this one in which you actually separated the window in different widgets. 5 00:00:18,770 --> 00:00:24,770 This one is like the frame but I more efficient but we still use the frame most of the times. 6 00:00:25,190 --> 00:00:28,050 And with that window you will get different bunch of options there. 7 00:00:28,050 --> 00:00:31,990 Also so now let me begin with creating this one. 8 00:00:32,570 --> 00:00:39,710 So few things before doing that a little analyzes that hey if you notice we have a tree on the left 9 00:00:40,490 --> 00:00:47,490 that is filling both up and right here we have a scale that is horizontally aligned. 10 00:00:47,510 --> 00:00:52,760 This one is horizontally aligned here because the scale is by default vertical if you have noticed in 11 00:00:52,760 --> 00:00:56,910 the last video but here this one is horizontally aligned. 12 00:00:56,990 --> 00:01:03,620 Then we have a button here with denoting Okay that is in bottom right. 13 00:01:03,620 --> 00:01:05,570 So just these things. 14 00:01:05,660 --> 00:01:12,100 Now let me begin with Dan so first of all for a pain window you did not even require creating a window 15 00:01:12,520 --> 00:01:14,590 because that itself is a window. 16 00:01:15,400 --> 00:01:17,080 So you just need to create first. 17 00:01:17,110 --> 00:01:28,390 I have already about BW a pained window not like the other does it have one and two capital but that 18 00:01:28,390 --> 00:01:33,370 is b and w denoting pane a window as two separate words. 19 00:01:33,540 --> 00:01:45,430 Then just the main looping last individual that now after that one back that window and fully equal 20 00:01:45,430 --> 00:01:53,810 to both you will learn about these fields in the next video which we will learn about this back method. 21 00:01:53,830 --> 00:01:59,870 After that one for this thing like then I expand this one the pertinent skill size. 22 00:01:59,930 --> 00:02:02,820 Also this entry size will rearrange density. 23 00:02:03,590 --> 00:02:12,710 So for that one here add another option that is known as expand and make that one because its value 24 00:02:12,710 --> 00:02:14,330 by default equal to zero. 25 00:02:14,390 --> 00:02:19,740 In that case things will not expand like that but so here we have this one. 26 00:02:20,410 --> 00:02:24,280 Now if you run this one here. 27 00:02:24,480 --> 00:02:26,080 I have my terminal. 28 00:02:26,700 --> 00:02:35,390 Dan Del start a new terminal the next stop. 29 00:02:35,430 --> 00:02:45,220 Then we have by ton three decade old building there we have this pane window that is very small maybe 30 00:02:45,220 --> 00:02:48,990 here and nothing in that thing no. 31 00:02:49,120 --> 00:02:51,210 Now we will add widgets in that one. 32 00:02:51,370 --> 00:02:58,850 I have taken the snap of that particular one here so that we can have a basic idea what we need to add 33 00:02:58,880 --> 00:02:59,060 the 34 00:03:02,220 --> 00:03:06,960 and this will also require a buffet being window. 35 00:03:06,960 --> 00:03:12,800 Now here on the left we have an entry and we will begin with that one. 36 00:03:12,870 --> 00:03:15,980 So let's take a variable left and what we have there. 37 00:03:16,530 --> 00:03:23,930 An entry so entry and that one is in main pain window. 38 00:03:24,090 --> 00:03:33,230 After that when the border is tick there so Bordeaux will be five pixel and now here we will not do 39 00:03:33,230 --> 00:03:40,880 something like left door back and all this we just simply added this left into one main BW window that 40 00:03:40,880 --> 00:03:47,150 has been window so just be the blue dot ad and backwards pass what you need to add like left. 41 00:03:47,720 --> 00:03:49,020 So there we have this. 42 00:03:49,520 --> 00:03:54,630 Now if you run that one you will get this one with the entry there. 43 00:03:55,070 --> 00:04:03,280 But this size is not like this one but soon it will be after that one if we talk about the right side. 44 00:04:03,440 --> 00:04:05,880 Then if you notice here we have two widgets now. 45 00:04:05,990 --> 00:04:12,400 Then it means that this window is again divided as a window which is further with these visits. 46 00:04:12,680 --> 00:04:18,370 So one pane window just contains the like this one and this one here this one is again divided as a 47 00:04:18,370 --> 00:04:19,380 pin window. 48 00:04:19,520 --> 00:04:30,010 So we will define another pane window be WD and this one pin window is actually in the original one. 49 00:04:30,380 --> 00:04:38,540 So here instead of party passing nothing we have passed BW because this one is in BW and also this one 50 00:04:38,540 --> 00:04:41,220 is oriented vertically. 51 00:04:41,240 --> 00:04:43,790 Make sure you are passing the property condition. 52 00:04:44,000 --> 00:04:48,070 In this case otherwise this thing these things will be like horizontal or like that. 53 00:04:48,920 --> 00:04:52,780 So here sorry and not horizontal. 54 00:04:52,780 --> 00:04:53,920 This one is vertical. 55 00:04:55,180 --> 00:04:56,810 So there we have one eagle. 56 00:04:57,940 --> 00:05:03,160 And now we have created another pane window would be the building just like the left. 57 00:05:03,310 --> 00:05:06,910 You need to add this window into your main pane window. 58 00:05:07,630 --> 00:05:10,410 So BW dot Ed BW. 59 00:05:11,020 --> 00:05:19,150 Now if you run that one at this point you will get only this one because they'll know our pin window 60 00:05:19,150 --> 00:05:20,590 too is empty. 61 00:05:21,280 --> 00:05:26,340 So now we need to add these two widgets in our pain we note too. 62 00:05:26,680 --> 00:05:28,010 So how we can add that one. 63 00:05:28,030 --> 00:05:30,220 So on the top we have the scale. 64 00:05:30,250 --> 00:05:33,850 So take a variable top and add a scale there. 65 00:05:34,600 --> 00:05:35,800 So here we have a scale. 66 00:05:36,220 --> 00:05:42,790 And this one is in pain we know to note in one this time and oriented horizontal 67 00:05:46,210 --> 00:05:50,870 there we have this one horizontal now similar to that one here. 68 00:05:50,890 --> 00:06:02,870 BW Do not add and then pass to save and run this one at this point you will get a scale and this entry 69 00:06:02,960 --> 00:06:03,330 there. 70 00:06:04,610 --> 00:06:09,890 Now we are just left with this okay button that button is in bottom. 71 00:06:09,960 --> 00:06:19,010 So take a variable bottom and that is a button teams things became very easy when we known that what 72 00:06:19,010 --> 00:06:20,820 we need to create like this one here. 73 00:06:20,870 --> 00:06:23,960 Now we just I going two steps. 74 00:06:24,020 --> 00:06:29,210 So if you had need to create something and have a view then that will be very easy for you also. 75 00:06:29,240 --> 00:06:36,140 Now here X is equal to okay and just add this button in to be W2. 76 00:06:36,140 --> 00:06:38,900 So BW do dot add. 77 00:06:38,900 --> 00:06:41,480 Here we have a button. 78 00:06:41,480 --> 00:06:44,200 Now we're done with this one just save. 79 00:06:44,240 --> 00:06:51,040 And check this one we got the edit button is not define Oh that one is and there. 80 00:06:52,140 --> 00:07:00,250 So now again and that one what I'm getting at and on this one is I have made two spelling mistakes in 81 00:07:00,260 --> 00:07:01,050 December. 82 00:07:02,020 --> 00:07:07,140 So you know that one now it may be long legal dead one. 83 00:07:07,560 --> 00:07:14,160 So here we have this entry this scale and this okay button if you expand this one it will be game like 84 00:07:14,160 --> 00:07:23,110 this one a Dedmon so here we have just like that then the more you expand it more details things will 85 00:07:23,110 --> 00:07:23,320 out. 86 00:07:23,350 --> 00:07:23,870 So expand. 87 00:07:25,150 --> 00:07:27,070 So now we are done with the widgets. 88 00:07:27,220 --> 00:07:34,370 Just one more we do in this module about the these matters that is back grading and placement tests. 89 00:07:34,450 --> 00:07:39,650 So if I have left any widget you can check that one and learn about that one also. 90 00:07:39,670 --> 00:07:41,530 So thanks for watching. 91 00:07:41,530 --> 00:07:46,090 And these are enough for you to create any kind of interface and see in the next video.