Welcome to Foxite.COM Community Weblog Sign in | Join | Help

Bernard Bout

May the Fox be with you...

<September 2009>
SuMoTuWeThFrSa
303112345
6789101112
13141516171819
20212223242526
27282930123
45678910

Post Categories

News

site statistics

Locations of visitors to this page

Navigation

Some VFP links

Others...

Archives

Who links to this site?

Hey There!!!

Syndication




Beautify your Application Desktop
Been a while since I posted anything.

Came across a desktop image when browsing the other day and saw this application desktop. It looked doable in VFP so I got stuck in and this is the result.

The class is based on the GDI+X classes from the VFPX site and requires VFP9 SP2 or you will not get transparency.

I kept the class simple with few properties to set but that can be easily changed by anyone because the source is included. All the properties are self explanatory.



So just create a form with a nice background and drop as many of these buttons as needed. In my sample I added 4 buttons. Set the above properties as needed. You can resize the buttons but a size of 160 x 160 gives very good results.

Of course place your code in the Click method of each button if you want anything to happen.

 Note that the buttons are transparent and the images partly so. These settings are commented in the code so it is easy to make changes if needed. If you change the size too much the text may appear in the wrong place so open the Class.BeforeDraw method and adjust the following 2 lines to place your text correctly.

lnLeft = this.width/2
lnTop = (This.Height/6) * 5


Here is my form running.



The buttons are interactive. When you mouse over them a Halo appears over the button and it pops up ever so slightly so you know which button you are over. "Diary" in the image below has the mouse over it.


The buttons also react when clicked as shown in this image below, where the top gradient section is flipped when clicked.



Here is another form (attached) with the buttons. The complete source code can be downloaded from the attachment link below.

Have fun.

Published Friday, September 11, 2009 11:34 AM by bbout
Filed Under:
Attachment(s): bbMediaButtons.zip

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Comments

# re: Beautify your Application Desktop @ Friday, September 11, 2009 9:27 AM

Amazing, nice and useful. Thanks for that nice sharing.

Ugur YILMAZ

# re: Beautify your Application Desktop @ Friday, September 11, 2009 7:59 PM

Cool Bernard. Really Cool.

Boudewijn Lutgerink

# re: Beautify your Application Desktop @ Friday, September 11, 2009 9:18 PM

congrulations Bernard

Soykan OZCELIK

# re: Beautify your Application Desktop @ Friday, September 11, 2009 9:57 PM

Nice. Will definately use. Thanks

Larry

# re: Beautify your Application Desktop @ Saturday, September 12, 2009 6:08 AM

This is really cool.
Bernard, I aways look forward for your new post & always learn new things with every new post.

So Please keep posting.

Sanjay Karia

# re: Beautify your Application Desktop @ Monday, September 14, 2009 2:47 AM

As expected from a person of your caliber!  Wonderful!

Jun Tangunan

# re: Beautify your Application Desktop @ Wednesday, September 23, 2009 9:11 AM

Great.. i've been wanting to crate a UI like that..

Thanks Bernard,

GOD Bless You.
Alan

Alan Tuscano

What do you think?

(required) 
required 
(required) 
Powered by Community Server, by Telligent Systems