Microsoft .Net Micro Framework 官方 UI 库为 WPF ,针对 320*240 的 LCD 而言,至少额外需要 150K 以上 RAM 才能基本运行,所以推出了轻量级的图形库 TinyGUI 。
WPF 支持标准 BMP , JPG , GIF 图片显示,从使用角度来看非常方便,但是由于嵌入式 LCD 大都为 16bit 显示( RGB565 格式),无论是 BMP 还是 JPG 和 GIF 都需要进行颜色转换,此外后者还需要进行格式转换处理。以上操作,不仅导致运行速度慢,还需要一定的内存进行图形缓存。
TinyGUI 的位图显示采用转换后的 tinyBMP 位图格式,其格式和 LCD 显存格式保持一致,由于图形转换工作通过工具 YFTBConvert 预先完成,所以在嵌入式系统上直接向显存拷贝,即可完成位图显示,所以运行速度极快。
第一个版本的库,不支持模拟器显示,这样用户在测试新应用时,必须借助实际的开发板才能看到实际的运行效果,这大大影响了用户的体验,所以重新设计了代码,让模拟器也能支持 TinyGUI 库的运行。
在《 TinyGUI 绘图示例 》中我们介绍过 TinyGUI 的使用,当时的库还只能在开发板中运行,现在同样的示例代码,我们让其在模拟器中运行,示例代码如下:
public static void Main()
{
uint [] colors = new uint []{ Color .Black, Color .Red, Color .Green, Color .Orange, Color .Yellow, Color .Brown, Color .Purple, Color .Gray,
Color .DarkGray, Color .LightGray, Color .Blue, Color .Magenta, Color .Cyan, Color .White, Color .LightGreen};
Graphics .Clear( Color .Blue);
int x, y, width, height, c;
long index = 0;
HardwareProvider hwp = new HardwareProvider ();
int lcd_width,lcd_height,lcd_bitsPerPixel,lcd_orientationDeg;
hwp.GetLCDMetrics( out lcd_width, out lcd_height, out lcd_bitsPerPixel, out lcd_orientationDeg);
int Graphics_Width = lcd_width - 1;
int Graphics_Height = lcd_height - 1;
Random rnd = new Random ();
while ( true )
{
x = rnd.Next(Graphics_Width);
width = rnd.Next(Graphics_Width - x);
y = rnd.Next(Graphics_Height);
height = rnd.Next(Graphics_Height - y);
c = rnd.Next(colors.Length - 1);
switch (index % 3)
{
case 0:
if (rnd.Next(10) > 5)
Graphics .DrawRectangle(x, y, width, height, colors[c]);
else
Graphics .FillRectangle(x, y, width, height, colors[c]);
break ;
case 1:
if (rnd.Next(10) > 5)
Graphics .DrawEllipse(x, y, width, height, colors[c]);
else
Graphics .FillEllipse(x, y, width, height, colors[c]);
break ;
case 2:
Graphics .DrawLine(x, y, rnd.Next(Graphics_Width), rnd.Next(Graphics_Height), colors[c]);
break ;
}
Graphics .FillRectangle(0, Graphics_Height-19, Graphics_Width, 19, Color .White);
Graphics .DrawString(2, Graphics_Height-17, (index++).ToString(), Color .Blue);
Thread .Sleep(50);
}
}
在模拟器中运行的效果图如下(其实在官方模拟器中也可以运行)。
红牛模拟器下载: http://blog.csdn.net/yefanqiu/archive/2011/02/27/6212071.aspx
System.TinyGUI 库的下载地址如下(包含文档和示例代码):
http://www.sky-walker.com.cn/MFRelease/library/ System.TinyGUI.rar
附: System.TinyGUI 库函数说明
1.1 Clear
声明: void Clear(uint color)
参数: color– 清除后的背景色 ( 24bit RGB )
返回: 无
说明: 以用指定颜色清除 LCD 显示。
1.2 SetPixel
声明: void SetPixel(int x,int y,uint color)
参数: x,y – 屏幕坐标
color– 颜色
返回: 无
说明: 画点。
1.3 GetPixel
声明: uint GetPixel (int x,int y)
参数: x,y – 屏幕坐标
返回: 指定坐标的颜色
说明: 返回指定坐标的颜色,有些硬件不支持该函数。
1.4 DrawLine
声明: void DrawLine(int x1, int y1, int x2, int y2, uint color)
参数: x1,y1,x2,y2 – 屏幕坐标
color– 颜色
返回: 无
说明: 画线。
1.5 DrawRectangle
声明: void DrawRectangle(int x, int y, int width, int height, uint color)
参数: x,y – 屏幕左上角坐标
width,height – 宽,高
color– 颜色
返回: 无
说明: 画空心矩形。
1.6 DrawEllipse
声明: void DrawEllipse(int x, int y, int width,int height, uint color)
参数: x,y – 屏幕左上角坐标
width,height – 宽,高
color– 颜色
返回: 无
说明: 画空心椭圆。
1.7 DrawImage
声明: void DrawImage(int x, int y, byte[] bytData)
参数: x,y – 屏幕左上角坐标
bytData - TinyBMP 格式的图像数据
返回: 无
说明: 位图绘制(模拟器暂不支持)。
1.8 DrawImageEx
声明: void DrawImageEx (int x, int y, byte[] bytData,uint MaskColor)
参数: x,y – 屏幕左上角坐标
bytData - TinyBMP 格式的图像数据
MaskColor– 屏蔽色
返回: 无
说明: 位图绘制(模拟器暂不支持)。
1.9 DrawString
声明: void DrawString (int x, int y,string s, uint color)
参数: x,y – 屏幕左上角坐标
s – 字符串
color– 字体颜色
返回: 无
说明: 绘制字体(暂时仅支持符号和西文字符)
1.10 FillRectangle
声明: void FillRectangle (int x, int y, int width, int height, uint color)
参数: x,y – 屏幕左上角坐标
width,height – 宽,高
color– 填充色
返回: 无
说明: 画填充矩形。
1.11 FillEllipse
声明: void FillEllipse (int x, int y, int width, int height, uint color)
参数: x,y – 屏幕左上角坐标
width,height – 宽,高
color– 填充色
返回: 无
说明: 画填充椭圆。
1.12 Print
声明: void Print(string str)
参数: str – LCD 显示的字符串
返回: 无
说明: LCD 信息输出(底层 LCD_Printf 函数的封装)。
1.13 SuspendLayout
声明: void SuspendLayout ()
参数: 无
返回: 无
说明: 挂起 LCD 的输出显示。
1.14 ResumeLayout
声明: void SuspendLayout ()
参数: 无
返回: 无
说明: 恢复挂起的 LCD 输出显示。
MF 快速参考: .NET Micro Framework 快速入门
MF 中文讨论组: http://space.cnblogs.com/group/MFSoft/