科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道如何美化你的.net 应用程序

如何美化你的.net 应用程序

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

利用.net技术能够快速开发出应用程序,但是如果应用微软的那一套技术,做出来的程序大多数程序员恐怕都会有一种千篇一律的感觉:按钮还是那个按钮(只是文字不同),文本框还是那个文本框, 下拉列表还是那个下拉列表........跟系统里的没有什么两样,不管程序怎么样,至少这个界面没什么新意。

作者:周公 来源:blog【原创】 2008年1月11日

关键字: Skin 皮肤 WinForm 软件

  • 评论
  • 分享微博
  • 分享邮件

利用.net技术能够快速开发出应用程序,但是如果应用微软的那一套技术,做出来的程序大多数程序员恐怕都会有一种千篇一律的感觉:按钮还是那个按钮(只是文字不同),文本框还是那个文本框, 下拉列表还是那个下拉列表........跟系统里的没有什么两样,不管程序怎么样,至少这个界面没什么新意。

诚然,目前也有不少第三方的控件,如Xceed Ultimate Suite、ComponentOne.Studio、Infragistics.NetAdvantage等等,使用这些控件大多需要再花一定时间去掌握这些控件的用法,而且有些做得不是很好,我曾经见过一个商业控件里面很多是画出来的,不能像VS.net自带的控件那样在IDE上灵活控制,现在给大家展示一个很简单的换皮肤控件,先不说别的,让大家看看效果:

看到上面的界面心动了吗?告诉大家,我用的都是VS2005的标准控件,实现换皮肤的功能也仅仅是数行代码而已,也就是说以前熟悉的控件还照常使用。

先介绍一下这套控件吧,这套控件仅有一个dll(IrisSkin2.dll)文件和一个skin文件夹,skin文件夹下共有22个子文件夹,每个子文件夹其实就是一套界面风格,也就是说我们可以使用22种不同风格。

实现给界面换皮肤有两种做法:(一)拷贝法,即使将界面资源夹下所有的文件拷贝到.exe文件所在的位置,然后在程序种通过skinEngine1.SkinFile=fileName(fileName是皮肤文件.ssk文件的位置)来设定界面皮肤,这种做法通常是我们需要在Debug文件夹和Release文件各保存一套皮肤文件,发布程序的时候也需要附带这些文件。(二)嵌入资源法,本文就是采用这种办法实现的,这样做的好处是发布程序时(不管是Debug版本或Release版本)时vs自动将皮肤文件编译进exe文件中,减少程序发布时文件的个数,而且也不用管程序与皮肤文件的相对位置。

首先打开VS工具箱,添加皮肤控件组件,如下图:

然后在出现的“选择工具箱项”中点击“浏览”按钮,然后找到IrisSkin2.dll文件,然后“确定”,关闭对话窗口之后,皮肤控件组件就会出现在你的工具箱上了(具体出现在哪个分组跟你添加时添加哪个组有关),如下图:

(我不小心加到打印分组去了,大家不要骂我:P)

好了,现在可以编写程序测试了,做一个简单的窗体吧,界面上的控件如上图所示,然后将皮肤组件拖拽到界面上,之后需要把程序所需要的皮肤资源文件添加进来,这里我是采用添加资源的办法。

步骤如下:
(一)在WinForm工程上右键单击“属性”,在出现的界面中点“资源”选项卡,把所需的皮肤资源文件添加进来(通过“添加现有文件”命令添加皮肤文件),如下图:

注意如果该皮肤文件夹下除了*.ssk文件之外,还包含有其它图片文件,建议将它们也作为资源添加到项目中。添加完成之后,我们就可以在代码中通过Properties.Resources.文件名来获取这些文件的内容了,通过这个方法返回的是文件内容的二进制数据(byte[]),而skinEngine1.SkinStream需要的是一个Stream对象,通过msdn我们可以以这个二进制数据构建一个Stream对象(new MemoryStream(byte[] bytes)),然后赋值给皮肤组件的SkinStream属性,如果需要换皮肤,重新构建一个皮肤资源文件的Stream对象,然后重新赋值就行了。

界面控件布局代码很简单,就不粘贴了,主要把后台代码放在这里吧(其实也很简单,不过需要注意,因为使用了MemoryStream对象,就需要在程序引用程序集部分添加对IO方面的引用:using System.IO;)

代码如下:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.IO;
using System.Windows.Forms;

namespace SkinForm
{
    
/// <summary>
    
/// 说明:这是一个简单的WinForm应用程序,用来展示如何使用换皮肤控件来实现我们需要的漂亮界面,代码很简单。
    
/// 作者:周公
    
/// 时间:2008-1-8
    
/// 首发地址:http://blog.csdn.net/zhoufoxcn
    
/// </summary>
    public partial class MainForm : Form
    {
        
private MemoryStream memoryStream;
        
public MainForm()
        {
            InitializeComponent();
            SetSkinFile(Properties.Resources.MacOS);
        }

        
private void btnOK_Click(object sender, EventArgs e)
        {
            
if (rbMacOS.Checked)
            {
                SetSkinFile(Properties.Resources.MacOS);
            }
            
else if (rbMP10.Checked)
            {
                SetSkinFile(Properties.Resources.MP101);
            }
            
else if (rbMSN.Checked)
            {
                SetSkinFile(Properties.Resources.MSN1);
            }
            
else if (rbPage.Checked)
            {
                SetSkinFile(Properties.Resources.Page);
            }
            
else if (rbRealOne.Checked)
            {
                SetSkinFile(Properties.Resources.RealOne1);
            }
            
else if (rbVista1.Checked)
            {
                SetSkinFile(Properties.Resources.vista1_green1);
            }
            
else if (rbVista2.Checked)
            {
                SetSkinFile(Properties.Resources.Vista2_color11);
            }
            
else
            {
                SetSkinFile(Properties.Resources.XPBlue1);
            }
        }

        
private void SetSkinFile(byte[] bytes)
        {
            memoryStream
=new MemoryStream(bytes);
            
//设置皮肤可以通过两种方式,一种是指定皮肤文件的位置,
            
//如skinEngine1.SkinFile=fileName(fileName是皮肤文件.ssk文件的位置)
            
//一种是指定皮肤文件的文件流,如本程序所示
            skinEngine1.SkinStream = memoryStream;
            
        }
    }
}

程序界面效果如上面所示。

本文提到的皮肤组件可以到:http://download.csdn.net/user/zhoufoxcn/下载。

20081月10日答广大朋友的疑问:
(一)有的朋友怀疑在MDI窗口中是否可以很好运用,我觉得是可以的,可以在MDI子窗口中设置它的皮肤文件和父窗口一致,这样就做到了整个系统中所有界面皮肤风格一致了。
(二)原来我自己曾怀疑在系统对话框中不能很好运行,刚刚证实了一下,是可以的,无需再做任何特殊设置。运行情况如下:

这是在默认皮肤为MacOS的情况下弹出的颜色对话框,也是MacOS风格的,如下:

原文链接:http://blog.csdn.net/zhoufoxcn/archive/2008/01/08/2030818.aspx


    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章