winform異型不規(guī)則界面設(shè)計的實現(xiàn)方法
本文實例講述了winform異型不規(guī)則界面設(shè)計的實現(xiàn)方法，用于界面設(shè)計時有不錯的用戶體驗，非常實用。分享給大家供大家參考之用。具體方法如下：
一、不規(guī)則WINFORM窗體
Author:unknown From:Internet
在以前版本的Visual Basic或Visual C++中，創(chuàng)建不規(guī)則窗體和控件是一件很復(fù)雜的事，不僅需要調(diào)用大量API函數(shù)而且工作量也不小。不過，現(xiàn)在在Visual C#下，情況就完全不同了。運用Windows Forms你就可以很輕易地創(chuàng)建出一個不規(guī)則的窗體以及窗體上的控件。一個具有不規(guī)則窗體和控件的應(yīng)用程序肯定會更吸引廣大的用戶，微軟的Windows Media Player 7就顯示出這一點。作為程序員，您一定想在自己的程序中運用這點技術(shù)吧。
程序的窗體和控件都可以以非傳統(tǒng)的方式被創(chuàng)建。本文就向大家展示如何在應(yīng)用程序中創(chuàng)建不規(guī)則窗體，以及如何在窗體上創(chuàng)建各式各樣的自定義形狀的控件。
注：創(chuàng)建不規(guī)則窗體和控件這個過程包含了大量的圖形編程工作，所以不同的計算機因內(nèi)存和顯卡的不同可能會導(dǎo)致最終的效果有所不同。因此，在發(fā)布你的應(yīng)用程序前，務(wù)必在各種不同類型的計算機上做好測試工作。
實現(xiàn)方法：
首先，創(chuàng)建一個位圖文件作為程序的窗體。位圖可以是任意形狀的，但是位圖文件區(qū)域一定要足夠大，這樣才能包含窗體上的所有控件。然后，你可以通過設(shè)置一些屬性使該圖成為程序的窗體。
把程序中的標題欄去掉，否則整個界面將顯得很不協(xié)調(diào)。當然你去掉了標題欄也就去掉了它的最大化、最小化、關(guān)閉、移動窗體等功能。為了使程序仍然具有這些功能，我們需在程序中添加一些代碼，這樣用戶就仍然可以像以前一樣和程序進行交互。
因此，你需要完成如下工作：
1．創(chuàng)建一個作為窗體的位圖文件。
2．創(chuàng)建一個Windows應(yīng)用程序，用上述位圖文件作為程序的窗體同時去掉其標題欄。
3．添加原標題欄具有的功能所需的代碼。
具體步驟：
下面我就具體向大家介紹如何創(chuàng)建不規(guī)則窗體。
創(chuàng)建一個具有不規(guī)則形狀的位圖文件
1．用任何畫圖程序就可以創(chuàng)建不規(guī)則形狀的位圖，你可以使用最容易也是最方便的畫圖程序。
2．用一種顏色畫出一個不規(guī)則的區(qū)域作為程序的窗體，并用另一種顏色畫出該位圖的背景。（你要使該不規(guī)則區(qū)域足夠大。）
3．保存位圖文件。
下面就是一個例子：
在vs.net中創(chuàng)建一個新的工程：
首先，設(shè)置窗體的背景從而建立窗體形狀。
1．在窗體設(shè)計器中選中窗體使之獲得焦點。
2．在屬性對話框中進行如下設(shè)置：
●將FormBorderStyle屬性設(shè)置為None。該屬性去掉了程序的標題欄，同時也除去了標題欄的功能，不過我在后面還會向大家介紹如何添加代碼以恢復(fù)這些功能的。
●將BackgroundImage屬性設(shè)置為你創(chuàng)建的位圖文件。你不必在工程中添加該文件，因為你一旦指定了該文件，它就會自動被添加到工程中。
●將TransparencyKey屬性設(shè)置為位圖文件的背景顏色值（在本例中是藍色）。該屬性使得位圖的背景即上圖中的藍色部分不可見，從而窗體就呈現(xiàn)出一個不規(guī)則的橢圓形。
3．保存工程。按Ctrl+F5可以運行此程序。（注：因為沒有標題欄，所以你可以通過Alt+F4來關(guān)閉程序）
將FormBorderStyle屬性設(shè)置為None后，程序的標題欄就被去掉了。這樣，為了獲得原來標題欄的功能，我們必須手動添加代碼。下面我就向大家介紹如何添加代碼實現(xiàn)關(guān)閉功能以及移動窗體的功能。
實現(xiàn)窗體的關(guān)閉及移動：
1．往窗體上拖放一個按鈕控件。
2．在屬性對話框中，將該控件的Text屬性設(shè)置為“關(guān)閉”。
3．雙擊按鈕添加一個Click事件處理函數(shù)。
4．在代碼編輯器中添加如下代碼：
private void button1_Click(object sender, System.EventArgs e)
{
this.Close();
}
二、不規(guī)則按鈕Author:unknown From:Internet現(xiàn)在，我們已經(jīng)創(chuàng)建了一個不規(guī)則的窗體，并實現(xiàn)了一些基本的移動窗體、關(guān)閉窗體的功能。然而，窗體上的按鈕控件還是老一套，那么方方正正，使得整個界面不美觀。接下來我就向大家介紹如何創(chuàng)建自定義形狀的控件。 前面我們創(chuàng)建不規(guī)則窗體的時候用到了TransparencyKey屬性，但是控件是沒有該屬性的，所以我們得找其他的方法來實現(xiàn)控件的不規(guī)則形狀了。在窗體上畫一個自定義形狀的控件時，你需要精確的告知窗體在什么位置以及如何畫該控件。在.Net Framework中有相應(yīng)的類和方法來幫你實現(xiàn)這些，所以你不必擔(dān)心具體實現(xiàn)。 .Net Framework中的類提供給控件一個指示說明，該指示說明能確定控件被畫的形狀。通過不同的指示說明，你就可以按你想要的方法來畫控件了。該指示說明利用了GraphicsPath這個類，這個類代表了一系列用來畫圖的直線和曲線。首先，你得指定一個GraphicsPath類的對象并告知它你要畫什么圖形。然后，你將控件的Region屬性設(shè)置為上述GraphicsPath類的對象。這樣，你就可以創(chuàng)建任何自定義形狀的控件了。
步驟如下：
● 創(chuàng)建一個GraphicsPath類的實例對象。
● 指定好該對象的各項細節(jié)（如大小、形狀等等）。
● 將控件的Region屬性設(shè)置為上面建立的GraphicsPath類的實例對象。 創(chuàng)建一個像文本的按鈕控件：
1．拖放一個按鈕控件到窗體上。
2．在屬性對話框中進行如下設(shè)置：
● 將Name屬性設(shè)置為CustomButton。
● 將BackColor屬性設(shè)置為一個和窗體背景顏色不同的顏色值。
● 將其Text屬性設(shè)置為空字符串。
3．添加窗體的Paint事件的事件處理函數(shù)。
4．添加以下代碼，用GraphicsPath類的實例對象來畫控件。
下面的代碼以一串字符串的形式畫該按鈕控件，同時，程序還設(shè)置了字符串的字體、大小、風(fēng)格等屬性。字符串被賦給GraphicsPath類的實例對象。然后，該實例對象就被設(shè)置為按鈕控件的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");
//確定字符串的風(fēng)格
int fontStyle = (int)FontStyle.Bold;
//確定字符串的高度
int emSize = 35;
//確定字符串的起始位置，它是從控件開始計算而非窗體
PointF origin = new PointF(0, 0);
//一個StringFormat對象來確定字符串的字間距以及對齊方式
StringFormat format = new StringFormat(StringFormat.GenericDefault);
//用AddString方法創(chuàng)建字符串
myGraphicsPath.AddString(stringText, family, fontStyle, emSize, origin, format);
//將控件的Region屬性設(shè)置為上面創(chuàng)建的GraphicsPath對象
CustomButton.Region = new Region(myGraphicsPath);
}
三、GDI+編程的10個基本技巧
//創(chuàng)建繪圖表面有兩種常用的方法。下面設(shè)法得到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對象繪制出各種圖形圖案?？丶腜aint事件和OnPaint方法都可以繪圖都是好時機。在OnPaint方法里繪制圖案一定從參數(shù)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);
}
//和文本有關(guān)的三個類：
//FontFamily——定義有著相似的基本設(shè)計但在形式上有某些差異的一組字樣。無法繼承此類。
//Font——定義特定的文本格式，包括字體、字號和字形屬性。無法繼承此類。
//StringFormat——封裝文本布局信息（如對齊方式和行距），顯示操作（如省略號插入和國家標準 (National) 數(shù)字位替換）和 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, GraphicsUnit.Point);
RectangleF rectF = new RectangleF(30, 20, 180, 205);
StringFormat sf = new StringFormat();
SolidBrush sbrush = new SolidBrush(Color.FromArgb(255, 0, 0, 255));
sf.LineAlignment = StringAlignment.Center;
sf.FormatFlags = StringFormatFlags.DirectionVertical;
g.DrawString(s, f, sbrush, rectF, sf);
}
//GDI+的路徑——GraphicsPath類
//GraphicsPath類提供了一系列屬性和方法，利用它可以獲取路徑上的關(guān)鍵點，可以添加直線段、圓等幾何元素?？梢垣@得包圍矩形，進行拾取測試。這些功能都怎么用，要仔細看一下。
private void button3_Click(object sender, System.EventArgs e)
{
//繪圖表面
Graphics g = this.pictureBoxII1.CreateGraphics();
//填充成白色
g.FillRectangle(Brushes.White, this.ClientRectangle);
//弄一個繪圖路徑¶
GraphicsPath gp = new GraphicsPath();
//添加一些集合圖形
gp.AddEllipse(20, 20, 300, 200);
gp.AddPie(50, 100, 300, 100, 45, 200);
gp.AddRectangle(new Rectangle(100, 30, 100, 80));
//在繪圖表面上繪制繪圖路徑
g.DrawPath(Pens.Blue, gp);
//平移
g.TranslateTransform(200, 20);
//填充繪圖路徑¶
g.FillPath(Brushes.GreenYellow, gp);
gp.Dispose();
}
//區(qū)域——Region類
//從已有的矩形和路徑可以創(chuàng)建Region。使用Graphics.FillRegion方法繪制Region。該類指示由矩形和由路徑構(gòu)成的圖形形狀的內(nèi)部。無法繼承此類。
//漸變色填充
//需要使用兩個刷子：
//線性梯度刷子(LinearGradientBrush)
//路徑梯度刷子(PathGuadientBrush)
private void button4_Click(object sender, System.EventArgs e)
{
//繪圖表面
Graphics g = this.pictureBoxII1.CreateGraphics();
g.FillRectangle(Brushes.White, this.pictureBoxII1.ClientRectangle);
//定義一個線性梯度刷子
LinearGradientBrush lgbrush =
new LinearGradientBrush(
new Point(0, 10),
new Point(150, 10),
Color.FromArgb(255, 0, 0),
Color.FromArgb(0, 255, 0));
Pen pen = new Pen(lgbrush);
//用線性筆刷梯度效果的筆繪制一條直線段并填充一個矩形
g.DrawLine(pen, 10, 130, 500, 130);
g.FillRectangle(lgbrush, 10, 150, 370, 30);
//定義路徑并添加一個橢圓
GraphicsPath gp = new GraphicsPath();
gp.AddEllipse(10, 10, 200, 100);
//用該路徑定義路徑梯度刷子
PathGradientBrush brush =
new PathGradientBrush(gp);
//顏色數(shù)組
Color[] colors = {
Color.FromArgb(255, 0, 0),
Color.FromArgb(100, 100, 100),
Color.FromArgb(0, 255, 0),
Color.FromArgb(0, 0, 255)};
//定義顏色漸變比率
float[] r = {0.0f, 0.3f, 0.6f, 1.0f};
ColorBlend blend = new ColorBlend();
blend.Colors = colors;
blend.Positions = r;
brush.InterpolationColors = blend;
//在橢圓外填充一個矩形
g.FillRectangle(brush, 0, 0, 210, 110);
//用添加了橢圓的路徑定義第二個路徑梯度刷子
GraphicsPath gp2 = new GraphicsPath();
gp2.AddEllipse(300, 0, 200, 100);
PathGradientBrush brush2 = new PathGradientBrush(gp2);
//設(shè)置中心點位置和顏色
brush2.CenterPoint = new PointF(450, 50);
brush2.CenterColor = Color.FromArgb(0, 255, 0);
//設(shè)置邊界顏色
Color[] color2 = {Color.FromArgb(255, 0, 0)};
brush2.SurroundColors = color2;
//用第二個梯度刷填充橢圓
g.FillEllipse(brush2, 300, 0, 200, 100);
}
//GDI+的坐標系統(tǒng)
//通用坐標系——用戶自定義坐標系。
//頁面坐標系——虛擬坐標系。
//設(shè)備坐標系——屏幕坐標系。
//當頁面坐標系和設(shè)備坐標系的單位都是象素時，它們相同。
private void button10_Click(object sender, System.EventArgs e)
{
Graphics g = this.pictureBoxII1.CreateGraphics();
g.Clear(Color.White);
this.Draw(g);
}
private void Draw(Graphics g)
{
g.DrawLine(Pens.Black, 10, 10, 100, 100);
g.DrawEllipse(Pens.Black, 50, 50, 200, 100);
g.DrawArc(Pens.Black, 100, 10, 100, 100, 20, 160);
g.DrawRectangle(Pens.Green, 50, 200, 150, 100);
}
private void button5_Click(object sender, System.EventArgs e)
{
//左移
Graphics g = this.pictureBoxII1.CreateGraphics();
g.Clear(Color.White);
g.TranslateTransform(-50, 0);
this.Draw(g);
}
private void button6_Click(object sender, System.EventArgs e)
{
//右移
Graphics g = this.pictureBoxII1.CreateGraphics();
g.Clear(Color.White);
g.TranslateTransform(50, 0);
this.Draw(g);
}
private void button7_Click(object sender, System.EventArgs e)
{
//旋轉(zhuǎn)
Graphics g = this.pictureBoxII1.CreateGraphics();
g.Clear(Color.White);
g.RotateTransform(-30);
this.Draw(g);
}
private void button8_Click(object sender, System.EventArgs e)
{
//放大
Graphics g = this.pictureBoxII1.CreateGraphics();
g.Clear(Color.White);
g.ScaleTransform(1.2f, 1.2f);
this.Draw(g);
}
private void button9_Click(object sender, System.EventArgs e)
{
//縮小
Graphics g = this.pictureBoxII1.CreateGraphics();
g.Clear(Color.White);
g.ScaleTransform(0.8f, 0.8f);
this.Draw(g);
}
//全局坐標——變換對于繪圖表面上的每個圖元都會產(chǎn)生影響。通常用于設(shè)定通用坐標系。
//一下程序?qū)⒃ㄒ苿拥娇丶行?，并且Y軸正向朝上。
//先畫一個圓
Graphics g = e.Graphics;
g.FillRectangle(Brushes.White, this.ClientRectangle);
g.DrawEllipse(Pens.Black, -100, -100, 200, 200);
//使y軸正向朝上，必須做相對于x軸鏡像
//變換矩陣為[1,0,0,-1,0,0]
Matrix mat = new Matrix(1, 0, 0, -1, 0, 0);
g.Transform = mat;
Rectangle rect = this.ClientRectangle;
int w = rect.Width;
int h = rect.Height;
g.TranslateTransform(w/2, -h/2);
//以原點為中心，做一個半徑為100的圓
g.DrawEllipse(Pens.Red, -100, -100, 200, 200);
g.TranslateTransform(100, 100);
g.DrawEllipse(Pens.Green, -100, -100, 200, 200);
g.ScaleTransform(2, 2);
g.DrawEllipse(Pens.Blue, -100, -100, 200, 200);
//局部坐標系——只對某些圖形進行變換，而其它圖形元素不變。
protected override void OnPaint(PaintEventArgs e)
{
Graphics g = e.Graphics;
//客戶區(qū)設(shè)置為白色
g.FillRectangle(Brushes.White, this.ClientRectangle);
//y軸朝上
Matrix mat = new Matrix(1, 0, 0, -1, 0, 0);
g.Transform = mat;
//移動坐標原點到窗體中心
Rectangle rect = this.ClientRectangle;
int w = rect.Width;
int h = rect.Height;
g.TranslateTransform(w/2, -h/2);
//在全局坐標下繪制橢圓
g.DrawEllipse(Pens.Red, -100, -100, 200, 200);
g.FillRectangle(Brushes.Black, -108, 0, 8, 8);
g.FillRectangle(Brushes.Black, 100, 0, 8, 8);
g.FillRectangle(Brushes.Black, 0, 100, 8, 8);
g.FillRectangle(Brushes.Black, 0, -108, 8, 8);
//創(chuàng)建一個橢圓然后在局部坐標系中進行變換
GraphicsPath gp = new GraphicsPath();
gp.AddEllipse(-100, -100, 200, 200);
Matrix mat2 = new Matrix();
//平移
mat2.Translate(150, 150);
//旋轉(zhuǎn)
mat2.Rotate(30);
gp.Transform(mat2);
g.DrawPath(Pens.Blue, gp);
PointF[] p = gp.PathPoints;
g.FillRectangle(Brushes.Black, p[0].X-2, p[0].Y+2, 4, 4);
g.FillRectangle(Brushes.Black, p[3].X-2, p[3].Y+2, 4, 4);
g.FillRectangle(Brushes.Black, p[6].X-4, p[6].Y-4, 4, 4);
g.FillRectangle(Brushes.Black, p[9].X-4, p[9].Y-4, 4, 4);
gp.Dispose();
//base.OnPaint (e);
}
//Alpha混合
//Color.FromArgb()的A就是Alpha。Alpha的取值范圍從0到255。0表示完全透明，255完全不透明。
//當前色＝前景色×alpha/255+背景色×（255－alpha）/255
protected override void OnPaint(PaintEventArgs e)
{
Graphics g = e.Graphics;
//創(chuàng)建一個填充矩形
SolidBrush brush = new SolidBrush(Color.BlueViolet);
g.FillRectangle(brush, 180, 70, 200, 150);
//創(chuàng)建一個位圖，其中兩個位圖之間有透明效果
Bitmap bm1 = new Bitmap(200, 100);
Graphics bg1 = Graphics.FromImage(bm1);
SolidBrush redBrush =
new SolidBrush(Color.FromArgb(210, 255, 0, 0));
SolidBrush greenBrush =
new SolidBrush(Color.FromArgb(210, 0, 255, 0));
bg1.FillRectangle(redBrush, 0, 0, 150, 70);
bg1.FillRectangle(greenBrush, 30, 30, 150, 70);
g.DrawImage(bm1, 100, 100);
//創(chuàng)建一個位圖，其中兩個位圖之間沒有透明效果
Bitmap bm2 = new Bitmap(200, 100);
Graphics bg2 = Graphics.FromImage(bm2);
bg2.CompositingMode = CompositingMode.SourceCopy;
bg2.FillRectangle(redBrush, 0, 0, 150, 170);
bg2.FillRectangle(greenBrush, 30, 30, 150, 70);
g.CompositingQuality = CompositingQuality.GammaCorrected;
g.DrawImage(bm2, 300, 200);
//base.OnPaint (e);
}
//反走樣
protected override void OnPaint(PaintEventArgs e)
{
Graphics g = e.Graphics;
//放大8倍
g.ScaleTransform(8, 8);
//沒有反走樣的圖形和文字
Draw(g);
//設(shè)置反走樣
g.SmoothingMode = SmoothingMode.AntiAlias;
//右移40
g.TranslateTransform(40, 0);
//再繪制就是反走樣之后的了
Draw(g);
//base.OnPaint (e);
}
private void Draw(Graphics g)
{
//繪制圖形和文字
g.DrawLine(Pens.Gray, 10, 10, 40, 20);
g.DrawEllipse(Pens.Gray, 20, 20, 30, 10);
string s = "反走樣測試";
Font font = new Font("宋體", 5);
SolidBrush brush = new SolidBrush(Color.Gray);
g.DrawString(s, font, brush, 10, 40);
}
相信本文所述對大家的C#程序設(shè)計有一定的借鑒價值。
相關(guān)文章
在招聘報名系統(tǒng)里,考務(wù)費支付是其中一個環(huán)節(jié),支付方式很多種,比如銀聯(lián)、微信、支付寶等等,本次我們以微信支付進行舉例,在實際的應(yīng)用中,對于支付成功的考生,我們會遇到實現(xiàn)退款的需求,所以本文給大家介紹了使用C#實現(xiàn)微信退款及對賬,需要的朋友可以參考下2023-11-11
今天做一個獲取系統(tǒng)版本信息的實例，其獲取方法很簡單，需要的朋友可以參考下2012-11-11
下面小編就為大家分享一篇解決C#調(diào)用dll提示"試圖加載格式不正確的程序"問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了C#實現(xiàn)基于Base64的加密解密類,實例分析了C#基于Base64的加密解密實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章介紹了C#五類運算符使用表達式樹進行操作，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-01-01
這篇文章主要為大家詳細介紹了C#開發(fā)中的垃圾回收機制，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-10-10
這篇文章給大家介紹利用C#完成航班機票信息查詢，航班機票預(yù)定等功能。代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2018-02-02
C# .net core HttpClientFactory用法及說明
這篇文章主要介紹了C# .net core HttpClientFactory用法及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
C#遞歸遍歷窗體所有textbox控件并設(shè)置textbox事件的方法
這篇文章主要介紹了C#遞歸遍歷窗體所有textbox控件并設(shè)置textbox事件的方法,包括針對textbox控件的遞歸遍歷技巧與事件方法的設(shè)置技巧,需要的朋友可以參考下2014-12-12
C# TabControl控件中TabPage選項卡切換時的觸發(fā)事件問題
這篇文章主要介紹了C# TabControl控件中TabPage選項卡切換時的觸發(fā)事件問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04