Hello in this link.
Sure we are going to start designing the calculator.
It's going to be a two part lecture series on the design and hopefully we'll complete that in part two.
First thing I want to do is to start creating the buttons for our calculator.
So go to the tool box here and click on come on.
Control.
That's one for buttons just dragging along and we just create a button somewhere there.
I'll be the first button all moved that he a little bit and just give it.
And I want it to be too big.
OK.
Let's change some other properties are click on the button.
I want to change the background color.
So come here with go back color.
Click on that and go to Web.
I'm just going to screw down and look for the color that I like.
I want something bluish sky blue.
I like that.
So next I want to change the text on the button.
At the moment the same button one I wanted to say.
Number seven.
All right.
Next thing I want to do is change the name the actual name of the button.
It's called button one here.
I want the button to reflect the number it represents.
Call it button seven.
Next thing I want to do is change the size of the button and I'll go to the font.
We've got size here.
Just change that to
30 see what it looks like on the 30.
That's quite big.
OK I'll leave it light up for now and see.
Let's click on that again
make it 28 and see looks like yep 28 is good.
So I'll leave it may click.
Make sure when you're changing the properties always click on the.
On the actual button.
So that way you know you are changing the correct properties because if you click on here you're trying
to change stop.
You'll be changing the properties for the forms So always check the title when you change in properties.
I'm happy with the rest of the properties.
The text line is set to me the center so I'm happy with that so I'm going to do nice.
Copy the button and paste it three more times.
Just right click.
Copy paste as one paste to paste three and I'll just change the values in each of the buttons.
So I've changed the properties for the rest of the button.
These and I've also named them cogently.
This one here is going to be the divide button the division button.
So I've called it divide between.
Notice the capitalization of the second word.
So now I need to put a division sign in there so to do that I just need to go to where the text is here
and get rid of the text.
We're going to use the old key so to put a division symbol you hold down the old key on your keyboard
and typing 0 2 4 7 and that will place a division symbol in the next thing I want to do I want to change
the background color of this.
So I just come here.
Where is caught the bad color.
And just scroll down.
Look for the color I like.
I want a distinct color.
Kind of.
Let's give it it.
What does that look like.
Yeah.
Does it work.
All right I'll leave it with that color.
So what I'm now going to do is copy all this and paste it three more times carbon copy one just online
intimate to
okay.
One more three.
Okay.
That's good.
Let me just run the code and see what it looks like in code
okay.
I think I'll need to expand this form a bit.
OK.
Click on that.
Go back to the form.
Where's the border
board.
There's a property here.
I want to remove that for now and make it sizable so that I can increase the size of the form.
So if I click on that.
Now the form should be sizable.
All right.
OK.
So I will lock that property down later but for now why we're still in the design mode.
I just I'm just gonna make it a bit recyclable so I'm gonna stop this lecture show here in part two.
I'm going to configure the rest of the button and also add a result button here a result a text result
where the results of the calculation will be displayed.
And that also include a button called clear that will clear what server is showing on the display.
So we'll do all that in the next lecture.
Thanks for watching.
Take care and bye for now.