10 Replies - 3656 Views - Last Post: 02 September 2010 - 04:48 AM Rate Topic: -----

#1 C++ Programmer  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 20
  • View blog
  • Posts: 548
  • Joined: 12-June 08

How do I make my app look like this?

Posted 01 September 2010 - 12:26 PM

Several programs have the new theme, such as the Windows 7 Calculator, the 2010 office series and many individual built programs. How do I make my applications look like this?
Is This A Good Question/Topic? 0
  • +

Replies To: How do I make my app look like this?

#2 eclipsed4utoo  Icon User is offline

  • Not Your Ordinary Programmer
  • member icon

Reputation: 1524
  • View blog
  • Posts: 5,957
  • Joined: 21-March 08

Re: How do I make my app look like this?

Posted 01 September 2010 - 12:31 PM

care to give a screenshot?
Was This Post Helpful? 0
  • +
  • -

#3 Curtis Rutland  Icon User is offline

  • (╯□)╯︵ (~ .o.)~
  • member icon


Reputation: 4437
  • View blog
  • Posts: 7,710
  • Joined: 08-June 10

Re: How do I make my app look like this?

Posted 01 September 2010 - 12:32 PM

Are you talking about the Ribbon?

Posted Image?

If so, Microsoft does not provide a "Ribbon" control in the .NET Framework, or anywhere else for that matter. You either have to make it yourself, or find a third party that's made one. Here's a WPF version that I fould on codeproject:
http://www.codeproje...boncontrol.aspx

This post has been edited by insertAlias: 01 September 2010 - 12:33 PM

Was This Post Helpful? 1
  • +
  • -

#4 tlhIn`toq  Icon User is offline

  • Please show what you have already tried when asking a question.
  • member icon

Reputation: 5436
  • View blog
  • Posts: 11,662
  • Joined: 02-June 10

Re: How do I make my app look like this?

Posted 01 September 2010 - 12:47 PM

The user specified the Windows 7 calculator which does not have a ribbon.
But if you look at the calculator it's menu has the Win7 two-tone glossy look.
And its numbers buttons have a slight color difference from the functions buttons.
Attached Image

If you make a WinForm, add a menu strip it does not automatically have this appearance.
Attached Image

Now that it's been brought to my attention, I'm wondering the same thing as the OP. Why doesn't the WinForm automatically take up the traits of the OS theme?
Was This Post Helpful? 2
  • +
  • -

#5 creativecoding  Icon User is offline

  • Hash != Encryption
  • member icon


Reputation: 926
  • View blog
  • Posts: 3,204
  • Joined: 19-January 10

Re: How do I make my app look like this?

Posted 01 September 2010 - 12:58 PM

You can extend the glass look that you see around the edges.

http://www.danielmot...Glass-In-C.aspx
Was This Post Helpful? 0
  • +
  • -

#6 Curtis Rutland  Icon User is offline

  • (╯□)╯︵ (~ .o.)~
  • member icon


Reputation: 4437
  • View blog
  • Posts: 7,710
  • Joined: 08-June 10

Re: How do I make my app look like this?

Posted 01 September 2010 - 01:03 PM

View PosttlhIn, on 01 September 2010 - 06:47 PM, said:

The user specified the Windows 7 calculator which does not have a ribbon.
But if you look at the calculator it's menu has the Win7 two-tone glossy look.
And its numbers buttons have a slight color difference from the functions buttons.
Attachment Win7calc.jpg

If you make a WinForm, add a menu strip it does not automatically have this appearance.
Attachment standard_menu_look.jpg

Now that it's been brought to my attention, I'm wondering the same thing as the OP. Why doesn't the WinForm automatically take up the traits of the OS theme?


I'll have to investigate this when I get home from work, I don't have W7 here (working on it. At least they let us use VS2010 and .NET 4.0 ).
Was This Post Helpful? 1
  • +
  • -

#7 tlhIn`toq  Icon User is offline

  • Please show what you have already tried when asking a question.
  • member icon

Reputation: 5436
  • View blog
  • Posts: 11,662
  • Joined: 02-June 10

Re: How do I make my app look like this?

Posted 01 September 2010 - 01:12 PM

I'm thinking it may require the API code pack. Though I have not played with this.
http://code.msdn.mic...dowsAPICodePack

When I did this tutorial quite some time ago all the buttons came up with the Win7 look by default. You can see it in the screen shots.
But I never noticed the menu bar etc.
Was This Post Helpful? 1
  • +
  • -

#8 eclipsed4utoo  Icon User is offline

  • Not Your Ordinary Programmer
  • member icon

Reputation: 1524
  • View blog
  • Posts: 5,957
  • Joined: 21-March 08

Re: How do I make my app look like this?

Posted 01 September 2010 - 01:21 PM

Do you mean the gradient on the menu? If I am not mistaken, the Calculator app is a WPF application.

EDITED: take that back...doesn't look to be a WPF application.

I think we should wait for the OP to ACTUALLY STATE what he is referring to when he says "look like this". Look like what?
Was This Post Helpful? 1
  • +
  • -

#9 C++ Programmer  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 20
  • View blog
  • Posts: 548
  • Joined: 12-June 08

Re: How do I make my app look like this?

Posted 01 September 2010 - 04:09 PM

I mean that...theme? I don't know how to explain it, like in the calculator when you hover over a button, it gradually turns yellow, not like a normal button. How did they style it like that? Is there a control for it? Another program that has it is called Modio and is used for modding gamertags on xbox live, but it also has this "new" style.
Was This Post Helpful? 0
  • +
  • -

#10 C++ Programmer  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 20
  • View blog
  • Posts: 548
  • Joined: 12-June 08

Re: How do I make my app look like this?

Posted 01 September 2010 - 04:20 PM

Found this: http://10rem.net/blo...bon-for-wpf-rtw
Was This Post Helpful? 0
  • +
  • -

#11 eclipsed4utoo  Icon User is offline

  • Not Your Ordinary Programmer
  • member icon

Reputation: 1524
  • View blog
  • Posts: 5,957
  • Joined: 21-March 08

Re: How do I make my app look like this?

Posted 02 September 2010 - 04:48 AM

View PostC++ Programmer, on 01 September 2010 - 07:09 PM, said:

I mean that...theme? I don't know how to explain it, like in the calculator when you hover over a button, it gradually turns yellow, not like a normal button. How did they style it like that? Is there a control for it? Another program that has it is called Modio and is used for modding gamertags on xbox live, but it also has this "new" style.


This is really easy to do in WPF. Those types of animations are really what separates WPF/Silverlight from WinForms. It's just so easy to do it.

WPF also allows you to "style" every control. So you can make a style for every button(to have the hover animation), and every button you add to your project will have this style without you having to do anything else.

Just as an example, using Expression Blend, it took me 3 minutes to make a button and give it the "mouse hover" animation like the calculator has.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1