一、概述
.NET Compact Framework为开发者设计用户界面提供大量的控件。首先必需知道在.NET Compact Framework1.0版本中并没有.NET Framework所有的特性。另外要求知道在WIN CE平台上的内存、CPU、其它资源。意义是说，必需完全了解在.NET Framework和.NET Compact Framework两者之间的各种差异.例如，大部份的标准控件如按钮，列表框和标签都不能对其OnPanit事件重载以及自画。在技术白皮书中有一个简单图像按钮的主要例子。在这个例子中主要表现在自定义自画按钮和在.NET Compact Framework中画线，文字和图片时用最佳的实用方法来实现最理想的图像性能。
二、不能缺少什么？
由于设备的限制，在.NET Compact Framework中并不支持所有的GDI+特性.同样你也可能知道，GDI+分成下列三大类别：
1. 2-D vector graphics(2-D向量绘图)
2. Imageing(成像)
3. Typography(排版)
2-D Vectore Graphics在 .NET Compact Framework中，Graphics对象核心仅仅是用来做画椭圆，线，图像，多边形，方形，字符串，填充椭圆，填充多边形，填充方形和填充区域。
在Imaging这一类别中,Bitmap类支持图像处理(在小块区域)或保存图片文件。Typography(排版)的分类是有关字体变化，大小及样式。.NET Compact Framework提供对本程序的支持。但用不着害怕!我们仍然可以用GDI功能的子集创建强大的绘图应用程序。正好关注一下.NET Compact Framework中的System.Windows.Forms.DataGrid控件.该控件是在我们完全利用自画控件在上.NETCompact Framework的平台上创造的真实的高性能图形用来表示多行多列。
三、建立图像的最佳实践
1， 当我们建立自画控件时，衍生自System.Windows.Forms.Control和重载OnPaint以及OnPaintBackground事件。
using System;
using System.Drawing;
using System.Windows.Forms;
public class MyButton : Control
{
protected override void OnPaint(PaintEventArgs e )
{
//Some drawing logic
Graphics gr = e.Graphics;
gr.DrawImage(image, 0, 0);
Graphics gr = e.Graphics;
gr.DrawImage(image, 0, 0);
gr.DrawRectangle(pen, this.ClientRectangle);
}
protected override void OnPaintBackground(PaintEventArgs e )
{
//Do nothing
}
} |
2、建立好画笔（Pen）、位图(Bitmap)、笔刷(Brush)对象，然后用它们的OnPaint事件。操作系统需要一些时间来处理OnPaint事件。在实例化和清除这些对象的同时也就影响了图像性能。
3、用双缓存来减少图像在屏幕刷新时的闪烁。通常,双缓存逻辑上按下面的样子:
protected override void OnPaint(PaintEventArgs e )
{
Graphics gxOff; //Offscreen graphics
if (m_bmpOffscreen == null) //Bitmap for doublebuffering
{
m_bmpOffscreen = new Bitmap(ClientSize.Width, ClientSize.Height);
}
gxOff = Graphics.FromImage(m_bmpOffscreen);
gxOff.Clear(this.BackColor);
//Draw some bitmap
gxOff.DrawImage(bmpParent, 0, 0, bmpRect, GraphicsUnit.Pixel);
//Boundary rectangle
Rectangle rc = this.ClientRectangle;
rc.Width--;
rc.Height--;
//Draw boundary
gxOff.DrawRectangle(new Pen(Color.Black), rc);
//Draw from the memory bitmap
e.Graphics.DrawImage(m_bmpOffscreen, 0, 0);
base.OnPaint(e);
} |
在以上代码中，我们用Graphics对象建立了一个空的位图(Bitmap),能过Graphics类的静态方法FormImage来获取图像在控件中的大小,我们将在内存中把这些图形对象画好，当所有的好了后，才准确的把这些图形对像画在控件上，可以通过.NET Compact Framework中的ImageAttributes的参数来实现位图的透明。
ImageAttributes imageAttr = new ImageAttributes();
// Make a transparent key
imageAttr.SetColorKey(Color.White, Color.White);
//Use the key when drawing
gxOff.DrawImage(m_bmp, imgRect, 0, 0, img.Width, img.Height,GraphicsUnit.Pixel, imageAttr); |
记住那些低和高的颜色键值，在SetColorKey方法中应该设置成一样的值。主要是因为.NET Compact Framework不支持用任何方法设置透明色。
三、应用规则
在实际的操作中，我们将建立一个自画的图像按钮控件.需要在按钮上面显示一个图片，当用户在按按钮时可以看到效果。
我们开始 Visual Studio .NET中建立一个SmartDevice项目的Windows应用程序.在这个项目中我们加入一个新的ImageButton类。
using System;
using System.Drawing;
using System.Windows.Forms;
public class ImageButton : Control
{
//Private members
private Image image;
//flag to indicate the pressed state
private bool bPushed;
private Bitmap m_bmpOffscreen;
public ImageButton()
{
bPushed = false;
//default minimal size
this.Size = new Size(21, 21);
}
protected override void OnPaint(PaintEventArgs e )
{
//Some drawing logic
}
protected override void OnPaintBackground(PaintEventArgs e )
{
//Do nothing
}
} |
在以上代码中，我们用Control控件中的ImageButton类,和重载OnPaint以及OnPaintBackground事件,在上面提到，ImageButton将要一个图片用来显示，所以我们添加图像属性:
public Image Image
{
get
{
return image;
}
set
{
image = value;
}
} |
当然，还有重载OnPaint事件来绘制按钮
protected override void OnPaint(System.Windows.Forms.PaintEventArgs e )
{
Graphics gxOff; //Offscreen graphics
Rectangle imgRect; //image rectangle
Brush backBrush; //brush for filling a backcolor
if (m_bmpOffscreen == null) //Bitmap for doublebuffering
{
m_bmpOffscreen = new Bitmap(ClientSize.Width, ClientSize.Height);
}
gxOff = Graphics.FromImage(m_bmpOffscreen);
gxOff.Clear(this.BackColor);
if (!bPushed)
backBrush = new SolidBrush(Parent.BackColor);
else //change the background when it's pressed
backBrush = new SolidBrush(Color.LightGray);
gxOff.FillRectangle(backBrush, this.ClientRectangle);
if (image != null)
{
//Center the image relativelly to the control
int imageLeft = (this.Width - image.Width) / 2;
int imageTop = (this.Height - image.Height) / 2;
if (!bPushed)
{
imgRect = new Rectangle(imageLeft, imageTop, image.Width,
image.Height);
}
else //The button was pressed
{
//Shift the image by one pixel
imgRect = new Rectangle(imageLeft + 1, imageTop + 1, image.Width,
image.Height);
}
//Set transparent key
ImageAttributes imageAttr = new ImageAttributes();
imageAttr.SetColorKey(BackgroundImageColor(image),
BackgroundImageColor(image));
//Draw image
gxOff.DrawImage(image, imgRect, 0, 0, image.Width, image.Height,
GraphicsUnit.Pixel, imageAttr);
}
if (bPushed) //The button was pressed
{
//Prepare rectangle
Rectangle rc = this.ClientRectangle;
rc.Width--;
rc.Height--;
//Draw rectangle
gxOff.DrawRectangle(new Pen(Color.Black), rc);
}
//Draw from the memory bitmap
e.Graphics.DrawImage(m_bmpOffscreen, 0, 0);
base.OnPaint(e);
} |
根据上面章节的提要，我们成功的按.NET Compact Framework的画图方法写下了这些代码。我们先建立好绘图对象的缓存，并尽可能的用双缓存来减少图像闪烁。我们用下面的函数来帮助识别背景色，使图像透明:
private Color BackgroundImageColor(Image image)
{
Bitmap bmp = new Bitmap(image);
return bmp.GetPixel(0, 0);
} |
上面的函数返加位图左上角的颜色。当在画按钮时，我们用bPushed标志判断按钮按下否。我们可以很容易重载OnMouseDown和OnMouseUp事件：
protected override void OnMouseDown(System.Windows.Forms.MouseEventArgs e )
{
bPushed = true;
this.Invalidate();
}
protected override void OnMouseUp(System.Windows.Forms.MouseEventArgs e)
{
bPushed = false;
this.Invalidate();
} |
五、用法
可以很容易的新建一个ImageButton控件。把下面的少量代码添加到Form 结构中:
public Form1()
{
InitializeComponent();
imageButton1 = new ImageButton();
imageButton1.Image = new
Bitmap(Assembly.GetExecutingAssembly().GetManifestResourceStream("ImageButtonProject.doorin2.gif"));
imageButton1.Location = new Point(30, 50);
imageButton1.Size = new Size(44, 34);
//Hook up into click event
imageButton1.Click+=new EventHandler(imageButton1_Click);
this.Controls.Add(imageButton1);
} |
我们添加doorin2.gif文件，同样可以在很容易用GetManifestResourceStream方法当前集合在项目的资源中。
图一(程序界面上三个按钮)
图二（第一个控件按下时）
六、结论
.NET Compact Framework并不像.NET Framework一样提供很多可用的图形和绘图函数。这是由于平台资源限制的缘故。不过，我们可以用一些自画技巧，在用户程序中建立大量丰富和可响应的图形。 |