Click here to Skip to main content
15,867,453 members
Articles / Desktop Programming / Windows Forms

Mac OS X Theme for Windows Forms

Rate me:
Please Sign up or sign in to vote.
4.78/5 (28 votes)
26 Apr 2010CPOL4 min read 126.6K   14K   84   41
Apply Mac OS window theme to your application.
Download Mac_Theme_for_WinForms.zip - 2.56 MB Image 1

Introduction

Some programmers might want to apply some themes or skins to their forms so that it will look cool, sophisticated, and attractive.  I have created a Mac OS X open source theme library for everyone and the usage of it is indicated on this article. 

Background

I'm a die-hard Apple Mac OS X fan. Unfortunately I can't buy a Mac so I want to have the look and feel of Mac OS X Applications on my Windows Forms Application. I created a library so I can use it on any of my WinForms. This idea of mine doesn't modify the non-client area of a form, but creates a new pre-designed mac themed borderless form and makes your target form as its child control. 

How it was created  

The theme was purely made up of a borderless form with lots of double-buffer enabled panels, each specially positioned to serve as the title bar, control buttons,resizing grips, and container of the form you want to apply the theme.  

macthemestruct.png

This form includes several events such as resizing, moving, maximizing, minimizing, and closing. The target form (form where the theme is to be applied) was converted into a control and it will be owned by the Form Container (panel|bodypanel).

This mac themed form behaves normally the same way as a regular Windows border do. Here are some controls that make this custom theme similar to a regular Windows border.  

Titlebar 

-> This is where the form's text property is shown, via a centered label control. This part holds the caption and the control buttons (close, maximize/restore, and minimize buttons). You can move the window by dragging this part or maximize/restore the window by double-clicking.

Control Buttons 

-> Includes the close, maximize/restore, and minimize buttons. As a normal Windows border do, you can use these buttons to close the form, maximize, restore, and minimize the window.

Borders

-> These are the edges of the form where we can perform the resizing operations. 

Caption 

-> Displays the Form's Text property. 

Client Area

-> This is where the main graphical user interface of the application is found.

 

Controls that make up the Mac Theme

Here are the controls that are included in the mactheme Form class:

Control Name    Description   
mactheme This is the main borderless form that holds all the controls below. 
bodypanel This panel holds the form where you applied the theme. (form transformed into a low-level control and is owned by this control) 
bottompnl  The black 1px bottom border responsible for resizing. 
bottompnl2 bottompnl resizing grip extension. 
rightpnl The black 1px right border responsible for resizing. 
rightpnl2 rightpnl resizing grip extension. 
leftpnl  The black 1px left border responsible for resizing. 
leftpnl2 leftpnl resizing grip extension. 
toppnl  The black 1px top border responsible for resizing. 
titleCaption Shows the Text property of the form where your applied the theme. 
controlboxToolTip Enables the control buttons to show their descriptions through a tooltip. 
cmdClose Closes the form. 
cmdMaxRes  Maximizes/restores the form. 
cmdMin  Minimizes the form. 
swresize  Resizing grip for the bottom-right corner. 
nwresize Resizing grip for the bottom-left corner. 
panelmod1 (I forgot to rename this, sorry)The title bar. 
 

Each of these controls have event handlers for them to function accordingly. Resizing and moving functions use unmanaged codes (SendMessage and ReleaseCapture). 

 

The  image below shows a demo form. (Right=normal Windows theme|FormBorderStyle: Sizable; TopLevel:True;)  and (Left= Mac theme|FormBorderStyle:none;TopLevel:False;ParentForm:mactheme) 

macthemecomp.png

 

Using the code   

This library can generate three types of Mac themed form:

1. Thick Borders | Sizable (no top corners resize) 

2. Thick Borders; Resize disabled | Dialog Window 

3. Thin Borders | Sizable ( no corner resize) 

 Namespaces Included:   

using System; 
using System.Collections.Generic;
using System.Windows.Forms;
using System.Text;
using System.Drawing;
using System.IO;
using System.Runtime.InteropServices; 

Here are the following functions to apply the theme.  [Recommended to be written the Load event for the form] 

using xthemecore_macos; 

A] Select Form where you want to apply the theme. Create a Load event for the form. 

B] Create instance: 

ThemeManager mgr = new ThemeManager(); 

C] Apply Theme  [only one can be applied for each form] 

1. Thick Borders | Resizable  

mgr.ApplyFormThemeSizable(name_of_form);

2. Thick Borders; Resize disabled | Dialog Window

mgr.ApplyFormThemeSingleSizable(name_of_form);

3. Thin Borders | Resizable (You can put null on the parentForm parameter if the dialog doesn't have any owner.

Remember: 

-> When assigning the owner of a form WITHIN a form that has this mac theme, do not type this, instead type this.ParentForm because your form becomes child control once you apply the mac theme. 

mgr.ApplyFormThemeDialog(name_of_form, name_of_owner); 

Some Code Snippets Included 

You can transform a form into a low level control by using these codes...

Form parentForm = new Form(); 
this.TopLevel = falsethis.FormBorderStyle = FormBorderStyle.None; 
parentForm.Controls.Add(this); 
parentForm.Show();

 This library uses some Windows API for the moving and resizing operation. 

internal const int WM_NCLBUTTONDOWN =161;
internal const int HT_CAPTION = 0x2;
internal const int HTBOTTOM = 15;
internal const int HTBOTTOMLEFT = 16;
internal const int HTBOTTOMRIGHT = 17;
internal const int HTRIGHT = 11;
internal const int HTLEFT = 10;
internal const int HTTOP = 12
[DllImport("user32.dll")]
public static extern int SendMessage(IntPtr hWnd, uint Msg, long lParam, long wParam);
[DllImport("user32.dll")]
public static extern bool ReleaseCapture();  

 I have used panels that are double-buffered enabled to prevent flickers. 

public class panelmod : Panel
       {
       public panelmod()
           {
           //sets the DoubleBuffered property of the panel to true.
           this.DoubleBuffered = true;
           }
       }  

Some Minor Problems 

a] You may find resizing difficult especially on the thin border theme.  

b] Form ownership must be clearly stated. Remember that the Mac themed form will be the owner of the form where you applied the theme.

------------------ 

If you discover some problems or bugs, just post a comment on this article or email me at john_november03@hotmail.com. Thank you. 

History 

This is the original version of this article. 

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
BugProblem in Resize or move Form Pin
Member 1359074821-May-20 19:44
Member 1359074821-May-20 19:44 
GeneralThanks Pin
TalvindarSingh28-Jan-13 8:41
TalvindarSingh28-Jan-13 8:41 
GeneralMy vote of 1 Pin
vinayakJJ17-Dec-12 22:23
vinayakJJ17-Dec-12 22:23 
GeneralRe: My vote of 1 Pin
Jason.LYJ30-Mar-16 4:01
professionalJason.LYJ30-Mar-16 4:01 
QuestionNice, but.... Pin
Giles13-Dec-12 4:04
Giles13-Dec-12 4:04 
QuestionSizeChanged event not working Pin
Member 933074717-Sep-12 7:55
Member 933074717-Sep-12 7:55 
Really great work sir.
But SizeChanged event not working for the Form in which I applied your theme.

My Code like this
C#
private void Form1_SizeChanged(object sender, EventArgs e)
        {
            if (this.WindowState == FormWindowState.Minimized)
            {
                MessageBox.Show("hi");
            }
            else if (this.WindowState == FormWindowState.Normal)
            {
                MessageBox.Show("hello");
            }
        }


Please help me ...
Thanks in advance.
GeneralNice work Dude Pin
Rubal Walia12-Jul-12 21:29
Rubal Walia12-Jul-12 21:29 
GeneralReverse Please Pin
Vitaly Tomilov21-Jun-12 22:41
Vitaly Tomilov21-Jun-12 22:41 
QuestionYou get a 5, but Apple's theme is... Pin
Dewey9-May-12 9:37
Dewey9-May-12 9:37 
Suggestioncoustomize control button Pin
rakinrk6-Mar-12 19:31
rakinrk6-Mar-12 19:31 
GeneralMy vote of 5 Pin
sportlife27-Feb-12 14:34
sportlife27-Feb-12 14:34 
GeneralWOW this is amazing. Pin
breakid13-Nov-10 0:31
breakid13-Nov-10 0:31 
GeneralExcellent Example just one thing Pin
Hayden2523-Sep-10 5:34
Hayden2523-Sep-10 5:34 
GeneralMDI child window Pin
TigerChan5-May-10 17:14
TigerChan5-May-10 17:14 
GeneralRe: MDI child window Pin
Espiritu John9-May-10 17:18
professionalEspiritu John9-May-10 17:18 
GeneralReally cool Pin
Darell F. Butch Jr.4-May-10 2:50
Darell F. Butch Jr.4-May-10 2:50 
GeneralRe: Really cool Pin
Espiritu John9-May-10 17:08
professionalEspiritu John9-May-10 17:08 
GeneralRe: Really cool Pin
Espiritu John9-May-10 20:56
professionalEspiritu John9-May-10 20:56 
GeneralRe: Really cool Pin
Darell F. Butch Jr.10-May-10 1:49
Darell F. Butch Jr.10-May-10 1:49 
GeneralRe: Really cool Pin
Espiritu John11-May-10 1:59
professionalEspiritu John11-May-10 1:59 
GeneralMY VOTE 3 Pin
jackyxinli3-May-10 22:22
jackyxinli3-May-10 22:22 
GeneralRe: MY VOTE 3 Pin
Espiritu John4-May-10 2:21
professionalEspiritu John4-May-10 2:21 
GeneralRe: MY VOTE 3 Pin
jackyxinli4-May-10 16:41
jackyxinli4-May-10 16:41 
GeneralRe: MY VOTE 3 Pin
Espiritu John9-May-10 17:15
professionalEspiritu John9-May-10 17:15 
GeneralNice try Pin
Ali BaderEddin29-Apr-10 14:42
Ali BaderEddin29-Apr-10 14:42 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.