In this lecture we are going to start designing the interface for our patent application is going to
be a two part lecture series on the designing of interface.
Open up Visual Studio.
Once you've got visual studio open we are going to create a new project.
There are two ways you can do that.
You can click on the new project option here the link or you can go to file new project and click on
that.
Make sure you call visual see shops selected and you've got the windows form applications selected where
it's got a name you need to give the application a name.
I'm going to call it my
patent.
Make sure there are no spaces.
If you are using a two word of more than two words to name your application there should be no spaces
click OK for just you to shoot.
Now build the form.
So this is our main form for the application.
So while I've got a form open I'm just gonna change the name from the property is currently showing
us from one so in the text property.
I just change that to my paint.
So this title should not change.
So change the title.
The next thing I want to do is attach a menu strip so click on the toolbar the tool box here and within
the tool box you've got the menu on toolbars option.
Expand that and just double click on the menu strip and that should put a menu strip there.
So what we're going to do there is a father.
So we'll use this to save our paint or whatever work we do.
So I'm going to also create some sub menu here and here will to
save.
And here you could do save
image.
I'll give you the two options.
All right.
So the next thing I want to do is attach another component within the menu and toolbar strip this component
code to strip.
So I'm just going to drag it on and on then and make sure you drag it underneath the menu strip.
Now if I click on this too it has several.
It has some menu items here differently.
I'm going to create a few buttons here that we will use to as our pen.
So we're gonna be using the keyboard the mouse as a tool as a pen tool.
And I'm going to use the button to represent different colors.
So when I create five buttons here I'll be the first one two three four five One two three four five.
Okay.
At the moment by default they are all showing as images.
So I just need to change that to change the display style on that display style on button one is so
in image I just click on that and change that to text.
So I just need to change the name that shows up in the text here name is showing this to strips.
I'm just going to change that.
And I'll type the type red.
So this is some will you use a mouse to draw this would represent a red color.
So I want to change the natural color to red.
To do that you come here and there is an option called for color click on that click on Web.
And I'm going to look for a red color that will reflect the PAN should be read somewhere here.
Let's have a look.
There you go.
That's right.
So now that's now showing up as red.
So I'll do the same with the other buttons change that to text first and come here and change his color
to blue and then come up here and change the full color look for a bluish one come down.
Anything close to blue.
Be fine.
That'll work.
Okay let's try another one and then I'll do the same with the others.
So I have changed the properties for the other buttons so we gonna wrap up this lecture now and in the
next lecture we will carry on with the designing of the interface for our application.
Thanks for watching.
Bye for now.