界面开发(一)

 

2010-04-07 作者:zhjp11 来源:萧萧空间

 

界面开发概述

每个软件都要有自己的软件界面,对于软件开发来说,软件界面不一定是最重要的,但是也是相当重要的。一款软件要是可以在界面上做好,吸引了客户的眼球,那这款软件也就相对成功了一半。

现在各行各业的软件都添加了自己的皮肤色彩,显示出了不同的特点。例如QQ,MSN,Foxmail等等,这些软件都修改了自己软件的界面,将自己的界面化做的很完善,很漂亮。使用起来感觉很舒服。我也是一个做软件的,于是也打算将自己的软件做的像那些软件产品一样漂亮,于是乎在网上寻求自己软件界面的解决方案。当然很多很多。下面列举几个:

一、使用皮肤组件(IrisSkin2.dll)

这个是东日软件公司开发的一套软件界面。IrisSkin 是为Microsoft Visual Studio.NET开发的最易用的界面增强.NET(WinForm)组件包。它能完全自动的为您的应用程序添加支持换肤功能,甚至不需要更改您的设计好的Form以及添加一行代码!您也不再需要花费很多时间来使得自己的应用程序更漂亮。当然他是收费的,但是网上很多具有破解版,当然我也下载了一套,使用起来相当的方便。

下载地址:Irisskin.rar

二、自定义开发

这个就比较难了,要了解很多关于Windows开发的内容,其中有两种做法,一种就是使用自定义的皮肤Form和Button等所有的空间,继承.net Framework提供的控件中自己使用的大部分,然后扩展其中的WndProc方法或者其他的一些方法,这是市最普遍的一种方式。另外就是使用IrisSkin的方法,使用NativeWindow这个底层的类,进行Hook编程。主要的例子如下:

1、苏飞的博客:

http://www.cnblogs.com/sufei/archive/2010/03/13/1685236.html

2、CsharpWin中的皮肤

http://www.csharpwin.com/csharpresource/2992.shtml

这两个写的都非常好,让我受益匪浅。

总结了以上的皮肤开发,我了解的到,所谓的皮肤开发无非就是使用了图片、颜色等内容将窗体进行了重绘或者就是覆盖,也就是重载了WndProc中的Paint,NCPaint等等操作。对于Winform来说,一个窗体主要分为两块,即Non Client Area和Client Area,如下图:

      

简单的说就是对Client Area和Non Client Area的绘制。而Form中的WndProc的Paint,NCPaint就是完成这样的操作。

3、我的实现方式。

我的实现方式主要研究了苏飞和CshaorpWindow的两个程序,还有就是查看了IrisSkin的反编译源代码,我觉得实现的方式还是使用IrisSkin的方式比较好,IrisSkin的实现是使用了本地的一个简单的类NativeWindow,这是是一个可以实现简单的窗体等的注册,也就是Hook。我按照了这种方法,写了一个简单的程序。基本上可以实现IrisSkin的内容,使用的方式和IrisSkin的使用方式一样,都是在窗体中添加一个SkinEngine的Component,这样窗体就会显示了Office2007的样式,如下图所示:

     

现在主要实现了在窗体上的Label可以显示为皮肤的颜色,但是对于对话框中的颜色还没有进行处理。还需要很多的处理,包括皮肤的设计和窗体中各个控件的设计。我会将在后续专题中写相关的内容。

源码如下:SkinEngines2010-03-17.rar

(一)--- Hook所有的窗体

上篇文章界面开发概述,讲了我开发界面的一些心得体会和一些基本的原理,从这篇开始,我开始讲解一下我的界面开发的全部过程,一步一步的讲解开发界面的过程,这篇主要讲解的是Hook编程,Hook所有的窗体。

Hook,对于大多数程序员来说,这个词并不陌生。对于Windows系统来说,消息Message的传递贯穿了整个系统,Message简单来说就是一个整数,它具有相应的意义。在C++的winuser.h中可以看到我们常用的很多的Message。Hook与Message是密不可分的,它的中文解释就是“钩子”,就是监控系统中Message的传递,就是在Message传递到最终的Message处理前,对特定的消息进行处理。

对于Hook来说,开发主要的有3个API函数,均放在User32.dll文件中,这三个函数是:

Hook  
1
         /// <summary>
 2         /// SetWindowsHookEx
 3         /// </summary>
 4         /// <param name="idHook"></param>
 5         /// <param name="lpfn"></param>
 6         /// <param name="hMod"></param>
 7         /// <param name="dwThreadId"></param>
 8         /// <returns></returns>
 9         [DllImport("User32.dll", CharSet = CharSet.Auto)]
10         public static extern IntPtr SetWindowsHookEx(int idHook, HookProc lpfn, int hMod, int dwThreadId);
11   
12         /// <summary>
13         /// CallNextHookEx
14         /// </summary>
15         /// <param name="hhk"></param>
16         /// <param name="nCode"></param>
17         /// <param name="wParam"></param>
18         /// <param name="lParam"></param>
19         /// <returns></returns>
20         [DllImport("User32.dll", CharSet = CharSet.Auto)]
21         public static extern IntPtr CallNextHookEx(IntPtr hhk, int nCode, IntPtr wParam, IntPtr lParam);
22     
23         /// <summary>
24         /// UnhookWindowsHookEx
25         /// </summary>
26         /// <param name="hhk"></param>
27         /// <returns></returns>
28         [DllImport("User32.dll", CharSet = CharSet.Auto)]
29         public static extern bool UnhookWindowsHookEx(IntPtr hhk);

 

这三个方法分别就是添加Hook,释放Hook和执行下一个Hook。其中的参数就不必介绍了,网上有很多这方面的资料。

接下来就是对Windows窗体的消息截取。

我创建一个项目名称叫做SkinEngines,然后再NativeMethod中添加了这三个方法。其中SetWindowsHookEx中需要一个参数就是一个方面的名称,在C#中使用委托实现,所以也创建了一个专门保存委托的地点,放在Delegates.cs文件中。

HookProc
    /// <summary>
    
/// HookProc -- HookProc
    
/// </summary>
    
/// <param name="nCode"></param>
    
/// <param name="wParam"></param>
    
/// <param name="lParam"></param>
    
/// <returns></returns>
    public delegate IntPtr HookProc(int nCode, IntPtr wParam, IntPtr lParam);

然后创建一个名为SkinEngine的Component。在SkinEngine的构造函数中添加了自己的一些操作,对窗体的Hook。代码如下:

  1 /// <summary>
  2     /// SkinEngine -- Skin All Form,Dialog,Control
  3     /// </summary>
  4     public partial class SkinEngine : Component
  5     {
  6         #region Field
  7         /// <summary>
  8         /// CBTHook -- Hook WH_CBT
  9         /// </summary>
 10         private static HookProc _cbtHook;
 11 
 12         /// <summary>
 13         /// Hook
 14         /// </summary>
 15         private static IntPtr Hook;
 16 
 17         /// <summary>
 18         /// Current SkinEngine
 19         /// </summary>
 20         internal static SkinEngine Engine;
 21 
 22         /// <summary>
 23         /// Skinned handled
 24         /// </summary>
 25         internal static ArrayList SkinHandleList = new ArrayList();
 26         #endregion
 27 
 28         #region Constructor
 29         /// <summary>
 30         /// Constructor
 31         /// </summary>
 32         public SkinEngine()
 33         {
 34             InitializeComponent();
 35             // Internal Constructor
 36             this.InternalConstructor();
 37         }
 38 
 39         /// <summary>
 40         /// Constructor With container
 41         /// </summary>
 42         /// <param name="container"></param>
 43         public SkinEngine(IContainer container)
 44         {
 45             container.Add(this);
 46 
 47             InitializeComponent();
 48 
 49             // Internal Constructor
 50             this.InternalConstructor();
 51         }
 52         #endregion
 53 
 54         #region InternalConstructor
 55         /// <summary>
 56         /// the Internal Constructor to Create Hook and Get List of all control to skin.
 57         /// </summary>
 58         private void InternalConstructor()
 59         {
 60             // IsDesignMode == false
 61             if (!IsDesignMode)
 62             {
 63                 // Check Engine
 64                 if (Engine == null)
 65                 {
 66                     // Set Engine
 67                     Engine = this;
 68 
 69                     // Hook Process
 70                     if (Hook == IntPtr.Zero)
 71                     {
 72                         _cbtHook = new HookProc(SkinEngine.FnHookProc);
 73                         Hook = NativeMethod.SetWindowsHookEx(5, _cbtHook, 0, AppDomain.GetCurrentThreadId());
 74                         Application.ApplicationExit += new EventHandler(Application_ApplicationExit);
 75                     }
 76                 }
 77             }
 78         }
 79         #endregion
 80 
 81         #region FnHookProc
 82         /// <summary>
 83         /// FnHookProc
 84         /// </summary>
 85         /// <param name="nCode"></param>
 86         /// <param name="wParam"></param>
 87         /// <param name="lParam"></param>
 88         /// <returns></returns>
 89         private static unsafe IntPtr FnHookProc(int nCode, IntPtr wParam, IntPtr lParam)
 90         {
 91             if (Engine != null)
 92             {
 93                 switch (nCode)
 94                 {
 95                     case 5:
 96                         // Get Skin Control
 97                         Control control = Control.FromHandle(wParam);
 98                         // Control is null it Can be Dialog
 99                         if (control == null)
100                         {
101                             StringBuilder builder = new StringBuilder(260);
102                             NativeMethod.GetClassName(wParam, builder, 260);
103                             // #32770 is Dialog
104                             if (builder.Length == 6 && builder.ToString() == "#32770")
105                             {
106                                 // Add to SkinHandleList
107                                 SkinHandleList.Add(wParam);
108                                 // Print
109                                 Debug.WriteLine(builder.ToString());
110                             }
111                             break;
112                         }
113                         if (!SkinHandleList.Contains(wParam) && (control is Form))
114                         {
115                             // Add to SkinHandleList
116                             SkinHandleList.Add(wParam);
117                             // Print all control's Name
118                             Debug.WriteLine(control.Name);
119                         }
120                         break;
121                     default:
122                         break;
123                 }
124             }
125             return NativeMethod.CallNextHookEx(Hook, nCode, wParam, lParam);
126         }
127         #endregion
128 
129         #region Application_ApplicationExit
130         /// <summary>
131         /// Application_ApplicationExit
132         /// </summary>
133         /// <param name="sender"></param>
134         /// <param name="e"></param>
135         private void Application_ApplicationExit(object sender, EventArgs e)
136         {
137             Engine.Dispose(false);
138         }
139         #endregion
140 
141         #region Property
142         /// <summary>
143         /// Gets or sets a value indicating whether we are currently in design mode.
144         /// </summary>
145         /// <value>
146         ///     <c>true</c> if this we are in design mode; otherwise, <c>false</c>.
147         /// </value>
148         internal static bool IsDesignMode { getset; }
149         #endregion
150     }

这样整个窗体就可以进行Hook,其中NativeMethod.SetWindowsHookEx设置了WM_CBT的消息,这个消息用来对Windows窗体的激活,显示。这样,窗体就会被我们记录下来,现在仅仅是将记录下来的窗体显示出来,写出了窗体的名称。结果如下:

这篇就暂时写道这里,下一篇将对Form的消息进行Hook并绘制。

代码:SkinEngines20100318.rar

(二)--- NativeWindow

NativeWindow是.net Framework提供的一个底层的类。微软官方的解释为:NativeWindow Provides a low-level encapsulation of a window handle and a window procedure.说道这些也相当于没有说,因为NativeWindow到底是干什么的也没有说清楚,意思就是一个低级别的对窗体句柄和窗体过程的一个封装。后来查询了很多的资料才明白了其中的意义。

资料来源:

http://www.diybl.com/course/4_webprogram/asp.net/netjs/2007921/72804.html

这个讲解的是《利用NativeWindow监视WndProc消息》,这篇内容比较长,而且页数比较多,经过自己努力和耐心,终于完成了其中的例子,代码下载地址为:NativeWindowApplication.rar

http://www.codeproject.com/KB/dialog/OpenFileDialogEx.aspx

这篇来自CodeProject,老外写的代码就是比较有水平。将Windows 的OpenFileDialog子类化,显示成了自定义的OpenFileDialog,而且添加了很多的事件。相当的佩服。

经过这两篇的细心阅读,终于了解了NativeWindow的作用,NativeWindow就是提供了底层的封装,提供了AssignHandle和RealeseHandle这两个方法,主要就是对注册了窗体句柄的窗体进行Hook,将窗体的事件经过自己处理后交给Windows处理。使用Refector.net查看了NativeWindow中AssignHandle这个方法,也验证了我这个说法。在AssignHandle中有这样一段代码:

userDefWindowProc = UnsafeNativeMethods.GetProcAddress(new HandleRef(null,UnsafeNativeMethods.GetModuleHandle("user32.dll")), lpProcName); 

对Win32开发的也许都知道这段代码的意义,他也是Hook的一种。不过是更加高级的Hook方式。这里就不在细说,我们现在只要知道他可以对我们进行注册的窗体进行Hook,可以将自己的代码加载到我们想要的位置就可以了。

然后我就使用NativeWindow获取所有的窗体的所有事件,然后输出Hook到的时间,结果图如下:

    

下载代码如下:SkinEngines20100319.rar



从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   


以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计


北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...   
 
 
 
 

组织简介 | 联系我们 |   Copyright 2002 ®  UML软件工程组织 京ICP备10020922号

京公海网安备110108001071号