Hello and welcome.
In this lecture we are going to be adding some buttons to our form.
Let's add a button.
So click on the tool box.
And within the common controls just drag a button onto the form.
OK just bring it over here and resize that a little bit.
You can just drag it and just make it it'd be big.
Woops.
OK.
That should work.
Just drag it to suit the size you want.
So let's change some of the properties for the buttons and make sure you've got the right control selector
circle the button control and you can see says button that.
So the first thing I like to change I've actually made the size true resizing.
This is the actual size.
I've made it now 97 y 34 long 2 by resizing so you can either do it manually or use the squares here
to do that.
All right let's change if you controls its few properties for the button.
The first thing we're going to do we're going to change the tool text that is currently displayed on
the button.
So the text of the moment or the button should say Button 1.
I'm going to change this to browse.
We're going to use this button to browse the music file that you want to play.
I'm also going to change the style of the button so it's got the standard style.
So here was called Flat waistcoat flat style.
I'm just going to drop down and change it to pop up so it becomes a bit flat.
Next thing I want to do is check.
Change the background color of the buttons so I come here.
There's a property called back color at the moment.
The button is inherited.
The color for the forms.
I'm just going to change that.
Click on web form and am browsing true until I see a color that takes my fancy.
I am going to give it Blue Velvet.
I like that.
Next thing I want to do I want to change the color of the text in the button.
So if I come scroll down was go for color click on that.
I'm going to change it to white so I has a contrast.
OK.
Next thing I want to do is change the font can only change the font size.
But if you only change the actual font you can also do that through here.
So you can change the font family if you want.
I'm going to leave the default Sunseri but I'm going to change the size.
I'll make it 12:00.
OK.
I think I am happy with that.
Next now I want to do I want to copy this button four times because I want four instances of it for
different control.
So that's one two three four.
So just drag that there and drag this here.
That the advantage of doing it this way is that the buttons are already configured.
So I just need to change you know just a few properties I've already configured button one.
So just click on button two and change some properties for button to need to change the name.
So I'm a comedian if I'm going to be changing.
It's just a name the other properties I'm happy with.
This is going to be the play button.
All right.
So I'm going to come here.
Oh also I need to change the background color.
I want to change the background color.
Just make it be distinct.
So let's have a look.
What takes my fancy here.
Mm hmm.
All right.
Give you that blue.
Then I come here.
I do the same from button three are gender background.
All of us scroll down and see what takes my cream on yeah.
I like that.
Now change the actual text on the button.
The display texts just can scroll down and look for where that is OK.
So I'm going to change this text here from browse
to pause.
So this will now represent my pause button.
OK.
Next and when I change the text on this bottom first this will represent my stop button so I can stop
the music playing.
Next I want to change the background color that I'll compare oh just browse to see what takes my fancy.
Okay let's see what does this look like.
Golden.
Yeah.
That would work.
Come here the final button.
This is gonna represent my exit button so I'm gonna give it a C..
Give me that blue but I need to change the title on the text from browse to exit
so that's it.
So I am happy I've got all the button controls now headed for the form.
So in the next lecture we are going to add an open file dialog that basically actually lets quickly
do that.
Now I hope the lecture has not gone on too long so click on the tool box and click on dialogues and
just distribute one that is open file dialog.
Okay.
For drag it onto the form.
It shows up at the bottom.
We'll use this later in our code.
This will enable us when we click on the browser button it will open up a dialog where we can select
the music file we want to play.
That's the purpose of this open file dialog.
So that's it for this lecture in the next lecture.
We are going to write the code that will connect all these buttons and make the music player work.
Thanks for watching.
Bye for now.