随笔-55  评论-309  文章-10  trackbacks-4

作者:杨丹
相信每个编程爱好者都希望自己的程序不仅性能优越而且有一个美观的界面,一个区别于别人的程序的个性化的界面。然而以前烦琐的API调用和大量的代码使大家望而却步。现在好了,在C#中通过少量的代码就可以实现不规则窗体的制作。如果您有兴趣就接着往下看吧。

一、在说我用的方法前,我不得不说一下另一种方法,这种方法在实现不规则窗体自身显示效果(即除开窗体的移动、最大最小话、关闭等)时是不用编代码的。非常简便,但它的致命缺点就是要要求程序运行环境在24位色以下,否则不规则窗体的透明部分就会显示出来,窗体会非常难看。

方法1:
      步骤1:先用图象处理软件制作您的不规则窗体的位图BMP(最好是位图,其它的我没有试过:))。制作时请注意将背景色(即需要设置成透明的颜色部分)设置成与非背景图片颜色反差较大的颜色,并且使用一种容易记忆的颜色。如下图:


图中黄颜色背景将要设置成透明部分

步骤2:新建windows应用程序。创建windows窗体并设置窗体基本属性。
(1)将 FormBorderStyle 属性设置为 None。
(2)将窗体的 BackgroundImage 属性设置为先前创建的位图文件。不必将文件添加到项目系统中;这将在指定该文件作为背景图像时自动完成。
(3)将 TransparencyKey 属性设置为位图文件的背景色,本例中为黄色。(此属性告诉应用程序窗体中的哪些部分需要设置为透明。 )
  上面两个步骤已经完成了不规则窗体自身显示效果的制作,此刻您要做的就是为窗体添加移动、关闭、最大最小化的事件。这个将在方法2中详细介绍。
  方法1在24位色以下的环境中可以显示正常,但在24位色以上时黄色背景不能消失,所以方法1不能胜任24位色以上环境。
    为了解决这个问题,我们可以用到方法2

方法2
步骤1:同方法1,先用图象处理软件制作您的不规则窗体的位图BMP
步骤2:创建windows应用程序。创建windows窗体。
      由于方法2是调用类来实现制作不规则窗体,所以您只需要在窗体的LOAD事件中加入以下代码:
 private void login_Load(object sender, System.EventArgs e)
  {
   //初始化调用不规则窗体生成代码
    BitmapRegion BitmapRegion =new BitmapRegion();//此为生成不规则窗体和控件的类
   BitmapRegion.CreateControlRegion(this,new Bitmap("HMlogin.bmp"));
  }
其中"HMlogin.bmp"为您制作的位图。

下面就是文件BitmapRegion.cs 我在网上找到的是英文的,自己翻译了一下,英语水平有限,有错的地方还请大家指出。

/***************************************************************************************/
//
//  功能描述:不规则窗体和控件的生成类
//  撰 写 人:不祥(网上搜集)
//  //
//  修改说明:2005.8.31 杨丹翻译和修改
//
/***************************************************************************************/

using System;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Windows.Forms; 

namespace MsgClassLibrary


{
 /// <summary>

 /// Summary description for BitmapRegion.
 /// </summary>
 public class BitmapRegion
 {
  public BitmapRegion()
  {} 


  /// <summary>
  /// Create and apply the region on the supplied control
  /// 创建支持位图区域的控件(目前有button和form)
  /// </summary>
  /// <param name="control">The Control object to apply the region to控件</param>
  /// <param name="bitmap">The Bitmap object to create the region from位图</param>
  public static void CreateControlRegion(Control control, Bitmap bitmap)
  {
   // Return if control and bitmap are null
   //判断是否存在控件和位图
   if(control == null || bitmap == null)
    return;

   // Set our control''s size to be the same as the bitmap
   //设置控件大小为位图大小
   control.Width = bitmap.Width;
   control.Height = bitmap.Height;
   // Check if we are dealing with Form here
   //当控件是form时
   if(control is System.Windows.Forms.Form)
   {
    // Cast to a Form object
    //强制转换为FORM
    Form form = (Form)control;
    // Set our form''s size to be a little larger that the  bitmap just
    // in case the form''s border style is not set to none in the first place
    //当FORM的边界FormBorderStyle不为NONE时,应将FORM的大小设置成比位图大小稍大一点
    form.Width = control.Width;
    form.Height = control.Height;
    // No border
    //没有边界
    form.FormBorderStyle = FormBorderStyle.None;
    // Set bitmap as the background image
    //将位图设置成窗体背景图片
    form.BackgroundImage = bitmap;
    // Calculate the graphics path based on the bitmap supplied
    //计算位图中不透明部分的边界
    GraphicsPath graphicsPath = CalculateControlGraphicsPath(bitmap);
    // Apply new region
    //应用新的区域
    form.Region = new Region(graphicsPath);
   }
    // Check if we are dealing with Button here
    //当控件是button时
   else if(control is System.Windows.Forms.Button)
   {
    // Cast to a button object
    //强制转换为 button
    Button button = (Button)control;
    // Do not show button text
    //不显示button text
    button.Text = "";

    // Change cursor to hand when over button
    //改变 cursor的style
    button.Cursor = Cursors.Hand;
    // Set background image of button
    //设置button的背景图片
    button.BackgroundImage = bitmap;

    // Calculate the graphics path based on the bitmap supplied
    //计算位图中不透明部分的边界
    GraphicsPath graphicsPath = CalculateControlGraphicsPath(bitmap);
    // Apply new region
    //应用新的区域
    button.Region = new Region(graphicsPath);
   }
  }
  /// <summary>
  /// Calculate the graphics path that representing the figure in the bitmap
  /// excluding the transparent color which is the top left pixel.
  /// //计算位图中不透明部分的边界
  /// </summary>
  /// <param name="bitmap">The Bitmap object to calculate our graphics path from</param>
  /// <returns>Calculated graphics path</returns>
  private static GraphicsPath CalculateControlGraphicsPath(Bitmap bitmap)
  {
   // Create GraphicsPath for our bitmap calculation
   //创建 GraphicsPath
   GraphicsPath graphicsPath = new GraphicsPath();
   // Use the top left pixel as our transparent color
   //使用左上角的一点的颜色作为我们透明色
   Color colorTransparent = bitmap.GetPixel(0, 0);
   // This is to store the column value where an opaque pixel is first found.
   // This value will determine where we start scanning for trailing opaque pixels.
   //第一个找到点的X
   int colOpaquePixel = 0;
   // Go through all rows (Y axis)
   // 偏历所有行(Y方向)
   for(int row = 0; row < bitmap.Height; row ++)
   {
    // Reset value
    //重设
    colOpaquePixel = 0;
    // Go through all columns (X axis)
    //偏历所有列(X方向)
    for(int col = 0; col < bitmap.Width; col ++)
    {
     // If this is an opaque pixel, mark it and search for anymore trailing behind
     //如果是不需要透明处理的点则标记,然后继续偏历
     if(bitmap.GetPixel(col, row) != colorTransparent)
     {
      // Opaque pixel found, mark current position
      //记录当前
      colOpaquePixel = col;
      // Create another variable to set the current pixel position
      //建立新变量来记录当前点
      int colNext = col;
      // Starting from current found opaque pixel, search for anymore opaque pixels
         // trailing behind, until a transparent   pixel is found or minimum width is reached
      ///从找到的不透明点开始,继续寻找不透明点,一直到找到或则达到图片宽度
      for(colNext = colOpaquePixel; colNext < bitmap.Width; colNext ++)
      if(bitmap.GetPixel(colNext, row) == colorTransparent)
      break;
      // Form a rectangle for line of opaque   pixels found and add it to our graphics path
      //将不透明点加到graphics path
      graphicsPath.AddRectangle(new Rectangle(colOpaquePixel, row, colNext - colOpaquePixel, 1));
      // No need to scan the line of opaque pixels just found
      col = colNext;
     }
    }
   }
   // Return calculated graphics path
   return graphicsPath;
  }
 }
}



 完成窗口自身效果后此刻您要做的就是为窗体添加移动、关闭、最大最小化的事件代码了。

 1、首先,关闭很简单,只需要在您的事件中加入
   this.Close();//关闭此窗体
   或
  Application.Exit();//退出应用程序 
 2、最大最小化事件也很简单
   this.WindowState=FormWindowState.Minimized;//窗口最小化   
   this.WindowState=FormWindowState.Maximized;//窗口最大化
 3、移动相对比较麻烦
   你先需要建立两个全局变量:
   private Point mouseOffset;        //记录鼠标指针的坐标
    private bool isMouseDown = false; //记录鼠标按键是否按下

然后为您的事件加入相应的代码:
private void form1_MouseDown(object sender, System.Windows.Forms.MouseEventArgs e)
  {
   int xOffset;
   int yOffset;

   if (e.Button == MouseButtons.Left)
   {
    xOffset = -e.X - SystemInformation.FrameBorderSize.Width;
    yOffset = -e.Y - SystemInformation.CaptionHeight -
     SystemInformation.FrameBorderSize.Height;
    mouseOffset = new Point(xOffset, yOffset);
    isMouseDown = true;
   }
  }

  private void form1_MouseMove(object sender, System.Windows.Forms.MouseEventArgs e)
  {
   if (isMouseDown)
   {
    Point mousePos = Control.MousePosition;
    mousePos.Offset(mouseOffset.X, mouseOffset.Y);
    Location = mousePos;
   }
  }

  private void form1_MouseUp(object sender, System.Windows.Forms.MouseEventArgs e)
  {
   // 修改鼠标状态isMouseDown的值
   // 确保只有鼠标左键按下并移动时,才移动窗体
   if (e.Button == MouseButtons.Left)
   {
    isMouseDown = false;
   }
  }

程序的执行情况如下图:


     总结:我在了解到方法2前也是一直用的方法1,在24位色下不能正常显示的问题我也头疼了很久,当时在MSDN上找的文章居然都说是------------“请确保您的用户是在24位色以下环境中使用本程序”!!!晕死了,这个怎么行?!现在有了方法2就好了,自己解决了问题不敢独享,那出来给大家看看。
          另外,方法2中的类也支持制作不规则的button控件,有兴趣的朋友可以试试。
我将此文发到首页合乎博客园规范吗?如果不,请斑竹提醒,我想这篇文章对大家还是有用的。

posted on 2005-09-01 13:23 杨丹 阅读(6095) 评论(49)  编辑 收藏 所属分类: C#技术

评论:
#1楼  2005-09-01 14:04 | lovebanyi [未注册用户]
有用.
  回复  引用    
#2楼  2005-09-01 14:11 | 天生这样      
非常实用
  回复  引用  查看    
#3楼  2005-09-01 14:26 | candy [未注册用户]
实用大家就拿去用哈,别客气哈,楼主是不是啊?
  回复  引用    
#4楼  2005-09-01 14:27 | 胡洪祥      
太厉害了!!!
  回复  引用  查看    
#5楼 [楼主] 2005-09-01 14:33 | 杨丹      
胡兄,你又来洗我了啊。真怕了你!
  回复  引用  查看    
#6楼  2005-09-01 15:05 | Austin leng      
下载呢?为我这样的懒人准备个下载多好
  回复  引用  查看    
#7楼  2005-09-01 15:40 | Sadly_Lee      
呵,顶一下,虽然用不到,呵呵
  回复  引用  查看    
#8楼  2005-09-01 16:01 | 哈密瓜一号工作室 [未注册用户]
非常有用 谢谢!
  回复  引用    
#9楼  2005-09-01 17:00 | Cdo      
想问一下那个最大化和最小化的按钮又是怎么做的呢?
  回复  引用  查看    
#10楼 [楼主] 2005-09-01 17:05 | 杨丹      
在这里我是直接放在背景图上的,然后用一个透明的pictrueBox放在上面就好了。
当然你也可以用我文章中提到的方法,可行,我试过。
  回复  引用  查看    
#11楼  2005-09-01 22:14 | 学海无涯,回头是岸      
还没做过这样的界面,改天试试看
看样子楼主很会做图
  回复  引用  查看    
#12楼  2005-09-02 09:21 | Neo [未注册用户]
收藏!-_-!
  回复  引用    
#13楼  2005-09-02 09:39 | wl [未注册用户]
楼主高手啊,从直观感觉不错,不懂没有发言权啊
  回复  引用    
#14楼  2005-09-02 10:31 | 糖糖 [未注册用户]
楼主又会写代码,又会作图,很厉害哦,顶下!
  回复  引用    
#15楼  2005-09-02 10:46 | 我 [未注册用户]
楼主可不可以留个QQ啊?
  回复  引用    
#16楼 [楼主] 2005-09-02 10:56 | 杨丹      
QQ:16243514
欢迎联系
  回复  引用  查看    
#17楼  2005-09-06 10:58 | A.Z [未注册用户]
一直用第一种方法,当时我知道第二种方法的实现就是要可以处理CalculateControlGraphicsPath,终于看到了,谢谢LZ。
  回复  引用    
#18楼  2005-09-20 16:12 | sw [未注册用户]
顶啊,顶啊!!!!
  回复  引用    
#19楼  2005-09-22 20:00 | 天使惹的祸 [未注册用户]
我怎么做不成功呀,是什么原因?
  回复  引用    
#20楼  2005-09-24 22:11 | 夜游神 [未注册用户]
不规则窗体的制作已经弄的我很头疼了,我按搂主的方法做了,但总是实现不了,得不到搂主图片中的那种效果,不仅仅是窗体边缘黄色的部分,连整个窗体都被模糊了,窗体看起来只有淡淡的一层,不知道是怎么回事?希望楼主帮帮忙,小弟感激不尽!再者,对楼主的奉献精神深表感谢!支持楼主!
  回复  引用    
#21楼  2005-10-01 00:22 | N神 [未注册用户]
太好了
谢谢
真是太感谢您了
  回复  引用    
#22楼  2005-10-02 04:38 | gqf [未注册用户]
周围还是有黄色的区域阿
  回复  引用    
#23楼  2005-10-02 04:58 | gqf [未注册用户]
该了几处代码,现在效果比较好了,基本和lz的一样
比如把
if(bitmap.GetPixel(col, row) != colorTransparent)
改成
if(Math.Abs(bitmap.GetPixel(col, row).R -colorTransparent.R )>5)&&(Math.Abs (bitmap.GetPixel(col, row).G -colorTransparent.G) >5)
&&Math.Abs (bitmap.GetPixel(col, row).B -colorTransparent.B )>5
  回复  引用    
#24楼  2005-10-02 05:02 | gqf [未注册用户]
真的很谢谢lz,我昨天花了2个多小时想找到能切实可用的制作不规则窗体的方法,结果只找到了在24色以下的,还有就是直接利用windows的。
很感谢。
  回复  引用    
#25楼  2005-11-25 21:02 | 风也无奈 [未注册用户]
看了杨姐做的不规则窗体后,让我羡慕的五体投地啊,谢谢提供
  回复  引用    
#26楼  2006-03-13 13:04 | jmxcwgs [未注册用户]
用Jpg文件的效果很好,比用Bmp文件的效果要好的多呀

  回复  引用    
#27楼  2006-03-20 13:24 | 陈贵全      
好像有点问题哦~~~~~~(在取透明色方面)
  回复  引用  查看    
#28楼  2006-05-17 11:16 | SHILIN      
感谢杨,能不能提供一个下载?万分感谢了。
  回复  引用  查看    
#29楼  2006-05-18 17:26 | 杨丹allan [未注册用户]
代码已经贴出了,
  回复  引用    
#30楼  2006-07-01 12:34 | ty [未注册用户]
能给这个源码不?我调试的时候总是出错ArgumentException{"参数无效。"}
我的邮箱tygod88@163.com,非常谢谢
  回复  引用    
#31楼  2006-07-20 11:03 | wangj [未注册用户]
我按照你的方法制作了,可是好像有点问题,BitmapRegion.CreateControlRegion(this,new Bitmap("..\\HMlogin.bmp")); 有问题
错误为:未处理的“System.ArgumentException”类型的异常出现在 system.drawing.dll 中。

其他信息: 使用了无效参数。
不知道应该怎么修改
  回复  引用    
#32楼  2006-09-07 21:50 | hj0626 [未注册用户]
谢谢!
今天在学校做了一个,没想到到家居然底色又出来了,原来用了32位颜色;
没想到居然还有第二种方法,马上就试,感谢了啊!
  回复  引用    
#33楼  2006-10-12 11:30 | ldr [未注册用户]
速度太慢
  回复  引用    
#34楼  2006-12-04 10:41 | Gene [未注册用户]
我按照你的方法制作了,可是好像有点问题,BitmapRegion.CreateControlRegion(this,new Bitmap("..\\HMlogin.bmp")); 有问题
错误为:未处理的“System.ArgumentException”类型的异常出现在 system.drawing.dll 中。

其他信息: 使用了无效参数。
不知道应该怎么修改


我也遇到了这样的问题怎么修改呀????
  回复  引用    
#35楼  2006-12-04 13:59 | 杨丹[匿名] [未注册用户]
("..\\HMlogin.bmp"));
是图片地址,请检查路径。
  回复  引用    
#36楼  2006-12-16 00:22 | ze[匿名] [未注册用户]
谢谢。确实是好文章。真的
  回复  引用    
#37楼  2006-12-30 11:25 | c[匿名] [未注册用户]
我按照你的方法制作了,可是好像有点问题,BitmapRegion.CreateControlRegion(this,new Bitmap("..\\HMlogin.bmp")); 有问题
错误为:未处理的“System.ArgumentException”类型的异常出现在 system.drawing.dll 中。

其他信息: 使用了无效参数。
不知道应该怎么修改


我也遇到了这样的问题怎么修改呀????
  回复  引用    
#38楼  2006-12-30 11:40 | c[匿名] [未注册用户]
成功的给个 提示啊
  回复  引用    
#39楼  2006-12-30 11:56 | c[匿名] [未注册用户]
搞定了,呵呵

  回复  引用    
#40楼  2007-03-10 15:53 | 陈威亮 [未注册用户]
蒽。。。不错锕。图片用BMP的好。。全搞掂了。谢谢你。
  回复  引用    
#41楼  2007-03-25 22:52 | LYD [未注册用户]
this.TransparencyKey=((Bitmap)this.BackgroundImage).GetPixel(0,0);//不管多少位都显示正常
一句话就搞定,楼主竟然写那么多,真猛。。。
  回复  引用    
#42楼  2007-06-04 05:59 | 黄坤 [未注册用户]
我用的VS2005 运行后过几秒钟才能消除背景,请问这是什么原因?
  回复  引用    
#43楼  2007-06-06 16:28 | BoBo [未注册用户]
请问:
如果要改变窗体的大小应该怎么做?(用鼠标拖窗体边框改变大小)
谢谢!
  回复  引用    
#44楼  2007-08-09 14:02 | 路过 [未注册用户]
可以实现,但是速度有点慢。如何提高速度?
  回复  引用    
#45楼  2007-08-21 17:39 | flyling [未注册用户]
有比你这方法更简单的了,做一个PNG的图就是了,边上的背景透明,然后对话框的背景设成一种颜色,再把透明值设为该颜色,就可以实现这图片所做出的无规则边框了
  回复  引用    
#46楼  2008-05-30 19:09 | PPLiang [未注册用户]
谢谢分享,我以前在MSDN上看到了Graphicpath类,懒的仔细看,这回看到了更实用的例子,很感谢
  回复  引用    
#47楼  2008-05-30 20:59 | C#xinshou [未注册用户]
我用了代码,怎么绘制出来的窗体和图片都模糊啊!?
可以的话发个小示例给我 谢谢
  回复  引用    
#48楼  2008-06-10 09:23 | 伍仟蚊 [未注册用户]
现在不用自己动手做了....很多人做这方面的美化....将主题控件一拖就可以了......
  回复  引用    
#49楼  2008-08-07 07:20 | 郭洁斌 [未注册用户]
使用api 这种方法是最烂的一种
1400*900 全屏去计算 双核的cpu都需要等
  回复  引用    

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录