本文实例讲述了winform异型不规则界面设计的实现方法,用于界面设计时有不错的用户体验,非常实用。分享给大家供大家参考之用。具体方法如下:
一、不规则WINFORM窗体
Author:unknown From:Internet
在以前版本的Visual Basic或Visual C++中,创建不规则窗体和控件是一件很复杂的事,不仅需要调用大量API函数而且工作量也不小。不过,现在在Visual C#下,情况就完全不同了。运用Windows Forms你就可以很轻易地创建出一个不规则的窗体以及窗体上的控件。一个具有不规则窗体和控件的应用程序肯定会更吸引广大的用户,微软的Windows Media Player 7就显示出这一点。作为程序员,您一定想在自己的程序中运用这点技术吧。
程序的窗体和控件都可以以非传统的方式被创建。本文就向大家展示如何在应用程序中创建不规则窗体,以及如何在窗体上创建各式各样的自定义形状的控件。
注:创建不规则窗体和控件这个过程包含了大量的图形编程工作,所以不同的计算机因内存和显卡的不同可能会导致最终的效果有所不同。因此,在发布你的应用程序前,务必在各种不同类型的计算机上做好测试工作。
实现方法:
首先,创建一个位图文件作为程序的窗体。位图可以是任意形状的,但是位图文件区域一定要足够大,这样才能包含窗体上的所有控件。然后,你可以通过设置一些属性使该图成为程序的窗体。
把程序中的标题栏去掉,否则整个界面将显得很不协调。当然你去掉了标题栏也就去掉了它的最大化、最小化、关闭、移动窗体等功能。为了使程序仍然具有这些功能,我们需在程序中添加一些代码,这样用户就仍然可以像以前一样和程序进行交互。
因此,你需要完成如下工作:
1.创建一个作为窗体的位图文件。
2.创建一个Windows应用程序,用上述位图文件作为程序的窗体同时去掉其标题栏。
3.添加原标题栏具有的功能所需的代码。
具体步骤:
下面我就具体向大家介绍如何创建不规则窗体。
创建一个具有不规则形状的位图文件
1.用任何画图程序就可以创建不规则形状的位图,你可以使用最容易也是最方便的画图程序。
2.用一种颜色画出一个不规则的区域作为程序的窗体,并用另一种颜色画出该位图的背景。(你要使该不规则区域足够大。)
3.保存位图文件。
下面就是一个例子:
在vs.net中创建一个新的工程:
首先,设置窗体的背景从而建立窗体形状。
1.在窗体设计器中选中窗体使之获得焦点。
2.在属性对话框中进行如下设置:
●将FormBorderStyle属性设置为None。该属性去掉了程序的标题栏,同时也除去了标题栏的功能,不过我在后面还会向大家介绍如何添加代码以恢复这些功能的。
●将BackgroundImage属性设置为你创建的位图文件。你不必在工程中添加该文件,因为你一旦指定了该文件,它就会自动被添加到工程中。
●将TransparencyKey属性设置为位图文件的背景颜色值(在本例中是蓝色)。该属性使得位图的背景即上图中的蓝色部分不可见,从而窗体就呈现出一个不规则的椭圆形。
3.保存工程。按Ctrl+F5可以运行此程序。(注:因为没有标题栏,所以你可以通过Alt+F4来关闭程序)
将FormBorderStyle属性设置为None后,程序的标题栏就被去掉了。这样,为了获得原来标题栏的功能,我们必须手动添加代码。下面我就向大家介绍如何添加代码实现关闭功能以及移动窗体的功能。
实现窗体的关闭及移动:
1.往窗体上拖放一个按钮控件。
2.在属性对话框中,将该控件的Text属性设置为“关闭”。
3.双击按钮添加一个Click事件处理函数。
4.在代码编辑器中添加如下代码:
private void button1_Click(object sender, System.EventArgs e) { this.Close(); }</div>
二、不规则按钮Author:unknown From:Internet现在,我们已经创建了一个不规则的窗体,并实现了一些基本的移动窗体、关闭窗体的功能。然而,窗体上的按钮控件还是老一套,那么方方正正,使得整个界面不美观。接下来我就向大家介绍如何创建自定义形状的控件。 前面我们创建不规则窗体的时候用到了TransparencyKey属性,但是控件是没有该属性的,所以我们得找其他的方法来实现控件的不规则形状了。在窗体上画一个自定义形状的控件时,你需要精确的告知窗体在什么位置以及如何画该控件。在.Net Framework中有相应的类和方法来帮你实现这些,所以你不必担心具体实现。 .Net Framework中的类提供给控件一个指示说明,该指示说明能确定控件被画的形状。通过不同的指示说明,你就可以按你想要的方法来画控件了。该指示说明利用了GraphicsPath这个类,这个类代表了一系列用来画图的直线和曲线。首先,你得指定一个GraphicsPath类的对象并告知它你要画什么图形。然后,你将控件的Region属性设置为上述GraphicsPath类的对象。这样,你就可以创建任何自定义形状的控件了。
步骤如下:
● 创建一个GraphicsPath类的实例对象。
● 指定好该对象的各项细节(如大小、形状等等)。
● 将控件的Region属性设置为上面建立的GraphicsPath类的实例对象。 创建一个像文本的按钮控件:
1.拖放一个按钮控件到窗体上。
2.在属性对话框中进行如下设置:
● 将Name属性设置为CustomButton。
● 将BackColor属性设置为一个和窗体背景颜色不同的颜色值。
● 将其Text属性设置为空字符串。
3.添加窗体的Paint事件的事件处理函数。
4.添加以下代码,用GraphicsPath类的实例对象来画控件。
下面的代码以一串字符串的形式画该按钮控件,同时,程序还设置了字符串的字体、大小、风格等属性。字符串被赋给GraphicsPath类的实例对象。然后,该实例对象就被设置为按钮控件的Region属性。这样一个自定义形状的控件就完成了。
private void CustomButton_Paint( object sender, System.Windows.Forms.PaintEventArgs e ) { //初始化一个GraphicsPath类的对象 System.Drawing.Drawing2D.GraphicsPath myGraphicsPath = new System.Drawing.Drawing2D.GraphicsPath(); //确定一个字符串,该字符串就是控件的形状 string stringText = "Click Me!"; //确定字符串的字体 FontFamily family = new FontFamily("Arial"); //确定字符串的风格 int fontStyle = (int)FontStyle.Bold; //确定字符串的高度 int emSize = 35; //确定字符串的起始位置,它是从控件开始计算而非窗体 PointF origin = new PointF(0, 0); //一个StringFormat对象来确定字符串的字间距以及对齐方式 StringFormat format = new StringFormat(StringFormat.GenericDefault); //用AddString方法创建字符串 myGraphicsPath.AddString(stringText, family, fontStyle, emSize, origin, format); //将控件的Region属性设置为上面创建的GraphicsPath对象 CustomButton.Region = new Region(myGraphicsPath); }</div>
三、GDI+编程的10个基本技巧
//创建绘图表面有两种常用的方法。下面设法得到PictureBox的绘图表面。 private void Form1_Load(object sender, System.EventArgs e) { //得到pictureBox1的绘图表面 Graphics g = this.pictureBox1.CreateGraphics(); } private void pictureBox1_Paint(object sender, System.Windows.Forms.PaintEventArgs e) { //得到pictureBox1的绘图表面 Graphics g = e.Graphics; } //可以利用Graphics对象绘制出各种图形图案。控件的Paint事件和OnPaint方法都可以绘图都是好时机。在OnPaint方法里绘制图案一定从参数e里面得到Graphics属性。下面是两个例子。 protected override void OnPaint(PaintEventArgs e) { e.Graphics.Clear(Color.White); float x, y, w, h; x = this.Left+2; y = this.Top+2; w = this.Width-4; h = this.Height-4; Pen pen = new Pen(Color.Red, 2); e.Graphics.DrawRectangle(pen, x, y, w, h); base.OnPaint (e); } private void PictureBoxII_Resize(object sender, EventArgs e) { this.Invalidate(); } private void button1_Click(object sender, System.EventArgs e) { this.pictureBoxII1.CreateGraphics().FillEllipse( Brushes.Blue, 10, 20, 50, 100); } //和文本有关的三个类: //FontFamily——定义有着相似的基本设计但在形式上有某些差异的一组字样。无法继承此类。 //Font——定义特定的文本格式,包括字体、字号和字形属性。无法继承此类。 //StringFormat——封装文本布局信息(如对齐方式和行距),显示操作(如省略号插入和国家标准 (National) 数字位替换)和 OpenType 功能。无法继承此类。 //下面的程序显示了一段文字。 private void button2_Click(object sender, System.EventArgs e) { Graphics g = this.pictureBoxII1.CreateGraphics(); g.FillRectangle(Brushes.White, this.pictureBoxII1.ClientRectangle); string s = "aaaaaaaaaaaaaaaaaaaaaaaaaa"; FontFamily fm = new FontFamily("ËÎÌå"); Font f = new Font(fm, 20, FontStyle.Bold,