Creating Custom Metro Tiles for Windows Forms

[rqmok]

Hey guys...it's me again!

I am recreating my Zera Internet Browser and I want to give it a Metro Style Main Menu.

I want some tiles for this. I looked on Google on how to create these but it mostly came up with third-party tiles.

I don't want any third-party tiles, because I want to keep some things original.

Basically, I'd like to create a Custom Control for 1 tile. Is there a website tutorial for this? or do any of you know how to do it?

Thanks in Advance.

[wakawaka]

Are you looking for this to be desktop or web based?

Desktop based, you could create a custom user control and inherit the Button object and override the paint methods to draw it how you want it to be.

Web based, your best bet is just to use multiple images to build the "button".

A quick google search yields quite a bit of results for this kind of work.

[rqmok]

@wakawaka

Thank You very much!

to answer your question: yes, this software is desktop based.

I made the tiles through a long way; I used a panel for a tile, added a picturebox for the picture and a label for the text.

You can visit my blog and have a look at the picture at the bottom:
http://zeraib.blogspot.com.au/

The only problem with the tiles that I made is that when I put a picture as a background, I get lots of flickering. I think I should create my own custom button to solve the flickering problem, because the way I did it is too many things are on the software making it slower.

Thank you very much for the reply. I will try to use your method.

[rqmok]

Hey guys.

I've created a custom control and inherited the Button control. I have completely painted over the tile, and now I don't get any 'button effect' on it.

Now, for the Mouse Events, I don't know how to draw a border. I want to draw a THICK border around it when the MouseDown fires.

Can anyone tell me how to paint this?

Thanks for the help guys.

[wakawaka]

you should override the OnMouseClick method and paint it how you want and then make sure you raise the click event afterwards so the event is raised properly. You will have to override the OnMouseUp method too so the control can be redrawn in the "resting" state.