1 00:00:00,690 --> 00:00:08,730 In this lecture we are going to start designing the interface for our patent application is going to 2 00:00:08,730 --> 00:00:16,980 be a two part lecture series on the designing of interface. 3 00:00:17,010 --> 00:00:18,930 Open up Visual Studio. 4 00:00:19,110 --> 00:00:24,280 Once you've got visual studio open we are going to create a new project. 5 00:00:24,280 --> 00:00:26,060 There are two ways you can do that. 6 00:00:26,070 --> 00:00:33,960 You can click on the new project option here the link or you can go to file new project and click on 7 00:00:33,960 --> 00:00:35,230 that. 8 00:00:35,670 --> 00:00:42,800 Make sure you call visual see shops selected and you've got the windows form applications selected where 9 00:00:42,810 --> 00:00:46,480 it's got a name you need to give the application a name. 10 00:00:46,770 --> 00:00:49,230 I'm going to call it my 11 00:00:51,910 --> 00:00:53,070 patent. 12 00:00:53,100 --> 00:00:54,450 Make sure there are no spaces. 13 00:00:54,450 --> 00:01:01,740 If you are using a two word of more than two words to name your application there should be no spaces 14 00:01:02,130 --> 00:01:05,720 click OK for just you to shoot. 15 00:01:05,730 --> 00:01:07,670 Now build the form. 16 00:01:08,220 --> 00:01:14,190 So this is our main form for the application. 17 00:01:14,190 --> 00:01:19,920 So while I've got a form open I'm just gonna change the name from the property is currently showing 18 00:01:20,010 --> 00:01:25,060 us from one so in the text property. 19 00:01:25,330 --> 00:01:31,950 I just change that to my paint. 20 00:01:32,670 --> 00:01:34,710 So this title should not change. 21 00:01:34,740 --> 00:01:36,420 So change the title. 22 00:01:36,480 --> 00:01:46,290 The next thing I want to do is attach a menu strip so click on the toolbar the tool box here and within 23 00:01:46,290 --> 00:01:50,360 the tool box you've got the menu on toolbars option. 24 00:01:50,460 --> 00:01:58,030 Expand that and just double click on the menu strip and that should put a menu strip there. 25 00:01:58,740 --> 00:02:03,740 So what we're going to do there is a father. 26 00:02:05,460 --> 00:02:12,050 So we'll use this to save our paint or whatever work we do. 27 00:02:12,810 --> 00:02:19,110 So I'm going to also create some sub menu here and here will to 28 00:02:21,840 --> 00:02:23,660 save. 29 00:02:24,890 --> 00:02:27,810 And here you could do save 30 00:02:31,640 --> 00:02:32,790 image. 31 00:02:33,170 --> 00:02:36,250 I'll give you the two options. 32 00:02:36,260 --> 00:02:37,020 All right. 33 00:02:37,100 --> 00:02:48,350 So the next thing I want to do is attach another component within the menu and toolbar strip this component 34 00:02:48,620 --> 00:02:51,230 code to strip. 35 00:02:52,310 --> 00:03:02,460 So I'm just going to drag it on and on then and make sure you drag it underneath the menu strip. 36 00:03:02,510 --> 00:03:06,260 Now if I click on this too it has several. 37 00:03:06,280 --> 00:03:09,970 It has some menu items here differently. 38 00:03:10,040 --> 00:03:18,650 I'm going to create a few buttons here that we will use to as our pen. 39 00:03:18,650 --> 00:03:23,420 So we're gonna be using the keyboard the mouse as a tool as a pen tool. 40 00:03:23,570 --> 00:03:27,350 And I'm going to use the button to represent different colors. 41 00:03:27,380 --> 00:03:39,860 So when I create five buttons here I'll be the first one two three four five One two three four five. 42 00:03:39,890 --> 00:03:40,550 Okay. 43 00:03:40,700 --> 00:03:45,900 At the moment by default they are all showing as images. 44 00:03:45,950 --> 00:03:52,740 So I just need to change that to change the display style on that display style on button one is so 45 00:03:52,740 --> 00:03:57,170 in image I just click on that and change that to text. 46 00:03:57,170 --> 00:04:05,900 So I just need to change the name that shows up in the text here name is showing this to strips. 47 00:04:05,900 --> 00:04:09,710 I'm just going to change that. 48 00:04:09,710 --> 00:04:14,000 And I'll type the type red. 49 00:04:14,000 --> 00:04:19,910 So this is some will you use a mouse to draw this would represent a red color. 50 00:04:20,480 --> 00:04:23,960 So I want to change the natural color to red. 51 00:04:23,960 --> 00:04:33,220 To do that you come here and there is an option called for color click on that click on Web. 52 00:04:33,590 --> 00:04:42,490 And I'm going to look for a red color that will reflect the PAN should be read somewhere here. 53 00:04:43,660 --> 00:04:44,320 Let's have a look. 54 00:04:44,340 --> 00:04:44,930 There you go. 55 00:04:44,930 --> 00:04:45,930 That's right. 56 00:04:45,930 --> 00:04:48,620 So now that's now showing up as red. 57 00:04:48,620 --> 00:04:59,390 So I'll do the same with the other buttons change that to text first and come here and change his color 58 00:05:01,960 --> 00:05:19,080 to blue and then come up here and change the full color look for a bluish one come down. 59 00:05:19,720 --> 00:05:20,920 Anything close to blue. 60 00:05:20,910 --> 00:05:23,030 Be fine. 61 00:05:23,150 --> 00:05:23,930 That'll work. 62 00:05:24,230 --> 00:05:30,310 Okay let's try another one and then I'll do the same with the others. 63 00:05:31,070 --> 00:05:39,800 So I have changed the properties for the other buttons so we gonna wrap up this lecture now and in the 64 00:05:39,800 --> 00:05:47,300 next lecture we will carry on with the designing of the interface for our application. 65 00:05:47,300 --> 00:05:48,350 Thanks for watching. 66 00:05:48,350 --> 00:05:49,150 Bye for now.