WINCE上透明图片的绘制

     

 

     由于前几天工作时碰到一个问题：就是在wince5.0下为了界面美观，需要做一些带有图片的按钮或绘制一些半透明图片，我是刚开始做开发就找了好多资料，现将绘制半透明图片一些资料整理一下：

 

一、在wince5.0下绘制圆角图片：把圆角图片四个拐角处的背景色设置为透明

 

using System; using System.Linq; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; using System.Drawing.Imaging; namespace wince透明图片绘制 { public partial class Form1 : Form { Bitmap image = Properties.Resources.sport_soccer; public Form1() { InitializeComponent(); } protected override void OnPaintBackground(PaintEventArgs e) { e.Graphics.Clear(Color.Black); } private void Form1_Paint(object sender, PaintEventArgs e) { ImageAttributes attrib = new ImageAttributes(); Color color = GetTransparentColor(image); attrib.SetColorKey(color, color); e.Graphics.DrawImage(image, new Rectangle(100, 100, image.Width, image.Height), 0, 0, image.Width, image.Height, GraphicsUnit.Pixel, attrib); } public Color GetTransparentColor(Bitmap image) { return image.GetPixel(0, 0); } } }

 

这种方法只是将图片四个拐角处的背景色设置为透明，而且其设置方法是用GetTransparentColor（）方法获得图片上（0,0）点的颜色值，然后把整个图片上所有和（0,0）点颜色值相同的像素点都重新渲染为透明的，所以这种方法问题很多，一般很难满足要求。我在网上看到一种更好的实现这功能的方法，但是我还没自己实现。

 

二、在wince5.0下绘制半透明图片：

 

DrawTransp.cs

 

using System; using System.Drawing; using System.Drawing.Imaging; using System.Collections.Generic; using System.Text; using System.Runtime.InteropServices; namespace Interface7_21 { class DrawTransp { private struct BlendFunction { public byte BlendOp;//源混合操作 public byte BlendFlags;//必须是0 public byte SourceConstantAlpha;//0到255间的值，这里0表示完全透明，255表示完全不透明。 public byte AlphaFormat;//有两个值 0表示常量alpha值，AC_SRC_ALPHA表示每个像素有各自的alpha通道 } private enum BlendOperation : byte { AC_SRC_OVER = 0x00//表示根据源alpha值把源图像叠加到目标图像上 } private enum BlendFlags : byte { Zero = 0x00 } private enum SourceConstantAlpha : byte { Transparent = 0x00, Opaque = 0xFF } private enum AlphaFormat : byte { AC_SRC_ALPHA = 0x01 } private class PlatformAPIs { /// <summary> /// 用于绘制透明或半透明的位图，WinCE5.0+的版本支持， /// </summary> /// <param name="hdcDest">目标设备图面的句柄</param> /// <param name="xDest">绘制目标图面的x轴坐标</param> /// <param name="yDest">绘制目标图面的y轴坐标</param> /// <param name="cxDest">目标矩形的宽</param> /// <param name="cyDest">目标矩形的高</param> /// <param name="hdcSrc">源设备图面的句柄</param> /// <param name="xSrc">源x坐标</param> /// <param name="ySrc">源y坐标</param> /// <param name="cxSrc">源图宽</param> /// <param name="cySrc">源图高</param> /// <param name="blendFunction">BLENDFUNCTION结构，控制源和目标位图的混合方式</param> /// <returns></returns> [DllImport("coredll.dll")] extern public static Int32 AlphaBlend(IntPtr hdcDest, Int32 xDest, Int32 yDest, Int32 cxDest, Int32 cyDest, IntPtr hdcSrc, Int32 xSrc, Int32 ySrc, Int32 cxSrc, Int32 cySrc, BlendFunction blendFunction); } public DrawTransp() { } public static void DrawTime(string time, Graphics gx, int x, int y) { Font timeFont = new Font("Tahoma", 32, FontStyle.Regular); SizeF size = gx.MeasureString(time, timeFont); //int x = this.Width / 2 - (int)size.Width / 2; gx.DrawString(time, timeFont, new SolidBrush(Color.WhiteSmoke), x, y); } /// <summary> /// 绘制透明图像 /// </summary> /// <param name="gx">绘图图面</param> /// <param name="image">需要绘制的位图</param> /// <param name="transp">透明度trasp/250</param> /// <param name="x">绘图起点的横坐标</param> /// <param name="y">绘图起点的纵坐标</param> public static void DrawAlpha(Graphics gx, Bitmap image, byte transp, int x, int y) { using (Graphics gxSrc = Graphics.FromImage(image)) { IntPtr hdcDst = gx.GetHdc(); IntPtr hdcSrc = gxSrc.GetHdc(); BlendFunction blendFunction = new BlendFunction(); blendFunction.BlendOp = (byte)BlendOperation.AC_SRC_OVER; blendFunction.BlendFlags = (byte)BlendFlags.Zero; blendFunction.SourceConstantAlpha = transp; blendFunction.AlphaFormat = (byte)0; PlatformAPIs.AlphaBlend(hdcDst, x, y, image.Width, image.Height, hdcSrc, 0, 0, image.Width, image.Height, blendFunction); gx.ReleaseHdc(hdcDst); gxSrc.ReleaseHdc(hdcSrc); } } } }

 

在测试程序中直接调用DrawTtaph就可。

这种方法对于矩形正方形的图片效果确实很好，图片的确透明，但是如果是圆角图片，绘制上去后四个拐角就是图片背景色（白色），所以这种方法就没有了第一种方法的那种效果。我想把这两种方法效果合并，但是没实现，还望看到此文章的高手指点，不胜感激。

 

参考文献：http://www.bianceng.cn/Programming/extra/201002/15331.htm

        http://www.congci.com/item/456mobile_draw