用GDI+实现半透明渐变的特效窗口

http://www.ccrun.com/article.asp?i=643&d=n5u8o4

用GDI+实现半透明渐变的特效窗口

关键字：GDI+,GDIPlus,半透明,渐变,特效窗口

作者：ccrun 更新：2006-03-15 浏览：14211

偶然间甜石榴兄弟给我一个东东，是BlueCrab用VC写的利用GDI+技术实现半透明渐变窗口的特效，看起来很不错。在此对BlueCrab和甜石榴深表感谢。ccrun(老妖)花了点时间将其在BCB中实现，并实现了简单的动态换肤。效果图：



在C++Builder中使用GDI+的方法和代码网上遍地都是，这里为了完整性，简单说说流程：

1.) 在BCB6中已自带了ghiplus.h文件，故只需要生成gdiplus.lib文件就可以:
在命令行下运行implib gdiplus.lib gdiplus.dll。(如果ghiplus.dll不在当前文件夹下,注意写完整路径)

2.) 在工程的编译选项中加入STRICT条件编译:
Project-->Options-->Directories/Conditionals-->Condtionals-->点击旁边的"..."按钮-->输入STRICT，然后Add。

3.) 在工程中加入Gdiplus.lib:
Project-->Add To Project-->找到Gdiplus.lib添加进来。

4.) 在工程的.h文件中包含所需的头文件,注意先后顺序:
#include "math.hpp"
#include <algorithm>
using std::min;
using std::max;
#include "gdiplus.h"
using namespace Gdiplus;

完整示例代码在这里下载(查看页面)http://www.ccrun.com/src/v.asp?id=36

.h文件中：

private: // User declarations
ULONG_PTR m_GdiplusToken;
Gdiplus::GdiplusStartupInput m_GdiplusStartupInput;
int __fastcall SetTransparent(LPWSTR lpSkinFile, int nTran);

BLENDFUNCTION m_Blend;
HDC m_hdcMemory;
Gdiplus::Image *m_Image;

public: // User declarations
__fastcall TfrmMain(TComponent* Owner);
__fastcall ~TfrmMain(void);

.cpp文件中：

//---------------------------------------------------------------------------

// 用GDI+实现半透明渐变的特效窗口

// by ccrun(老妖) - info@ccrun.com

//---------------------------------------------------------------------------

// Welcome C++Builder Study - http://www.ccrun.com
//---------------------------------------------------------------------------

#include <vcl.h>

#pragma hdrstop

#include "uMain.h"

//---------------------------------------------------------------------------
#pragma package(smart_init)
#pragma resource "*.dfm"
TfrmMain *frmMain;

//---------------------------------------------------------------------------
__fastcall TfrmMain::TfrmMain(TComponent* Owner)
: TForm(Owner)
{
BorderStyle = bsNone;
// init GDI+
GdiplusStartup(&m_GdiplusToken, &m_GdiplusStartupInput, NULL);
//
m_Blend.BlendOp = 0; // the only BlendOp defined in Windows 2000
m_Blend.BlendFlags = 0; // nothing else is special ...
m_Blend.AlphaFormat = 1; // ...
m_Blend.SourceConstantAlpha = 255; // AC_SRC_ALPHA
//
if(FileExists(ExtractFilePath(ParamStr(0)) + "\\test.png"))
SetTransparent(WideString("test.png"), 100);
// Stay on top
SetWindowPos(Handle, HWND_TOPMOST, 0, 0, 0, 0, SWP_NOMOVE | SWP_NOSIZE);
}
//---------------------------------------------------------------------------
__fastcall TfrmMain::~TfrmMain(void)
{
GdiplusShutdown(m_GdiplusToken); // Close GDI+
}
//---------------------------------------------------------------------------
int __fastcall TfrmMain::SetTransparent(LPWSTR lpSkinFile, int nTran)
{
// Use GDI+ load image
m_Image = Gdiplus::Image::FromFile(lpSkinFile);
// Change Form size
Width = m_Image->GetWidth();
Height = m_Image->GetHeight();
// Create Compatible Bitmap
HDC hdcTemp = GetDC(0);
m_hdcMemory = CreateCompatibleDC(hdcTemp);
HBITMAP hBitMap = CreateCompatibleBitmap(hdcTemp,
m_Image->GetWidth(), m_Image->GetHeight());
// 本文转自 C++Builder研究 - http://www.ccrun.com/article.asp?i=643&d=n5u8o4 SelectObject(m_hdcMemory, hBitMap);
// Alpha Value
if (nTran<0 || nTran >100)
nTran = 100;
m_Blend.SourceConstantAlpha = int(nTran * 2.55); // 1~255
//
HDC hdcScreen = ::GetDC(0);
RECT rct;
GetWindowRect(Handle, &rct);
//
POINT ptWinPos = {rct.left, rct.top};
Gdiplus::Graphics graph(m_hdcMemory);
// 63 63 72 75 6E 2E 63 6F 6D
graph.DrawImage(m_Image, 0, 0, m_Image->GetWidth(), m_Image->GetHeight());
//
SIZE sizeWindow = {m_Image->GetWidth(), m_Image->GetHeight()};
POINT ptSrc = {0, 0};
// Set Window style
DWORD dwExStyle = GetWindowLong(Handle, GWL_EXSTYLE);
if((dwExStyle & 0x80000) != 0x80000)
SetWindowLong(Handle, GWL_EXSTYLE, dwExStyle ^ 0x80000);
// perform the alpha blend
BOOL bRet = UpdateLayeredWindow(Handle, hdcScreen, &ptWinPos,
&sizeWindow, m_hdcMemory, &ptSrc, 0, &m_Blend, 2);
//
graph.ReleaseHDC(m_hdcMemory);
ReleaseDC(0, hdcScreen);
hdcScreen = NULL;

ReleaseDC(0, hdcTemp);
hdcTemp = NULL;

DeleteObject(hBitMap);

DeleteDC(m_hdcMemory);
m_hdcMemory = NULL;

m_Image = NULL;
return bRet;
}
//---------------------------------------------------------------------------
void __fastcall TfrmMain::FormMouseDown(TObject *Sender,
TMouseButton Button, TShiftState Shift, int X, int Y)
{
if(Button == mbLeft)
{
ReleaseCapture();
Perform(WM_SYSCOMMAND, SC_MOVE | HTCAPTION, 0);
}
}
//---------------------------------------------------------------------------
void __fastcall TfrmMain::miShowAboutClick(TObject *Sender)
{
MessageBox(Handle,
"在BCB中用GDI+实现半透明渐变的特效窗口\r\n"
"-------------------------\r\n"
"by ccrun(老妖)\r\n"
"Welcome to www.ccrun.com",
"GDI+ Window", MB_OK | MB_ICONINFORMATION);
}
//---------------------------------------------------------------------------
void __fastcall TfrmMain::miCloseAppClick(TObject *Sender)
{
Close();
}
//---------------------------------------------------------------------------
void __fastcall TfrmMain::miGoToCcrunClick(TObject *Sender)
{
ShellExecute(Handle, "Open", "http://www.ccrun.com", NULL, NULL, SW_SHOW);
}
//---------------------------------------------------------------------------
void __fastcall TfrmMain::miStayOnTopClick(TObject *Sender)
{
TMenuItem *mi = (TMenuItem *)Sender;
mi->Checked = !mi->Checked;
SetWindowPos(Handle, mi->Checked? HWND_TOPMOST: HWND_NOTOPMOST,
0, 0, 0, 0, SWP_NOMOVE | SWP_NOSIZE);
}
//---------------------------------------------------------------------------
void __fastcall TfrmMain::miChangeSkinClick(TObject *Sender)
{
TOpenDialog *dlgOpen = new TOpenDialog(this);
dlgOpen->Filter = "PNG file(*.png)|*.png";
if(dlgOpen->Execute())
{
SetTransparent(WideString(dlgOpen->FileName), 100);
Invalidate();
}
delete dlgOpen;
}

完整示例代码在这里下载(查看页面)http://www.ccrun.com/src/v.asp?id=36

--------------------------------------------------
http://www.chinaitpower.com/A/2002-04-21/20456.html
GDI+你使用了吗？

你可转载，拷贝,但必须加入作者署名Aweay，如果用于商业目的,必须经过作者同意。

撰文：Aweay

Gdi plus(GDI+)已经推出很长时间了，在VC下很多编程爱好者已经体验过了GDI+的神奇和强大威力，但我们BCBer却似乎很少使用这个强大的图形接口。与GDI+对应的是GDI，如果你使用过传统的GDI API编写过程序，你一定对它的麻烦有所感受，频繁的选择画笔，刷子，然后恢复，还要记得释放他们，否则就会出现你熟悉的GDI资源泄漏。

你如果是BCBer，你可能并没有这样的感觉，大多数情况下你是在TCanvas下来操作GDI的，我不得不佩服Borland对GDI的封装，使用TCanvas，你基本上不用体验上面的痛楚，但对于很多GDI无法完成的功能，使用TCanvas也同样做不到，这时我们有了更多的选择GDI+。

GDI+是微软一套全新的图形开发接口，GDI+非常易于使用，我们不用再像使用GDI那样选取、恢复GDI对象，因为他是无状态的。最为重要的是，GDI+提供了很多强大的功能，这些功能使得你开发图形软件非常方便，比如Alpha填充，过渡色填充，反锯齿等等。而且GDI+非常轻便，就一个DLL，另外他是免费的，你可以随着你的软件发布到任何一台计算机上。

动心了吗？这么强大的为什么我们BCBer却很少使用呢？答案是GDI+在BCB下使用还是需要一定技巧的，如果你不知道而直接创建GDI+程序，你肯定得到一大堆错误，这篇文章来告诉大家这些技巧，希望你也能体验一下GDI+的神奇。

安装GDI+

对于BCB6的用户是不需要额外安装GDI+的，BCB6自身就带了GDI+的头文件。如果你是BCB5用户，你需要去微软网战下载GDI+的开发包。这里我们假设你使用的是BCB6。

首先我们需要生成GDI+的链接库，这个工作需要使用implib命令行工具，比如：

implib gdiplus.lib gdiplus.dll

其中gdiplus.dll是微软提供的动态链接库，是需要从微软下载的（在下载之前，你应该检查一下你的计算机，很多情况下，你已经拥有这个DLL了）。

这样我们拥有了一个gdiplus.lib文件。

一个GDI+程序

这里需要一些技巧，否则你的程序无法通过编译。

首先，对于一个GDI+工程，需要在编译选项里，加入STRICT条件编译选项，然后在工程中加入刚才生成的那个lib文件，最后是在代码的头部，加入：

#include <algorithm>

using std::min;

using std::max;

至此，我们可以使用GDI+了，下面我们来看一个例子：

//---------------------------------------------------------------------------

#include <vcl.h>

#pragma hdrstop

#include <algorithm>

using std::min;

using std::max;

#include "Unit1.h"

//---------------------------------------------------------------------------

#pragma package(smart_init)

#pragma resource "*.dfm"

TForm1 *Form1;

using namespace Gdiplus;

//---------------------------------------------------------------------------

__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner)

{

GdiplusStartup( &gdiplusToken, &gdiplusStartupInput, NULL ); //初始化GDI+

//gdiplusStartupInput是一个Gdiplus::GdiplusStartupInput对象，在类头文件声明

//gdiplusToken是ULONG_PTR用于关闭gdi+

}

//---------------------------------------------------------------------------

__fastcall TForm1::~TForm1(void)

{

GdiplusShutdown( gdiplusToken ); //关闭GDI+

}

//---------------------------------------------------------------------------

void __fastcall TForm1::PaintBox1Paint(TObject *Sender)

{

Gdiplus::Graphics g( Canvas->Handle ); //使用HDC初始化

Pen pen( Gdiplus::Color( 255, 0, 0, 0 ), 3 ); //不透明黑色

g.DrawLine( &pen, 50, 50, 500, 50 );

g.DrawPie( &pen, 50, 50, 200, 200, 225, 90 );

SolidBrush sbrush( Gdiplus::Color( 128, 255, 0, 0 ) ); //半透明红色

LinearGradientBrush gbrush(

Gdiplus::Point( 50, 100 ),

Gdiplus::Point( 250, 200 ),

Gdiplus::Color( 255, 255, 0, 0 ),

Gdiplus::Color( 128, 0, 0, 0 ) //创建渐变填充画刷

);

g.FillRectangle( &gbrush, 50, 100, 200, 100 );

}

//---------------------------------------------------------------------------

上面的代码演示了如何使用GDI+，并且简单的使用GDI+的Alpha填充和渐变填充功能，代码很容易看懂，这说明了GDI+良好的封装。

如果你编译时产生了一大堆的Warning，那是正常的，如果你讨厌那些令你眼花的东西，可以在头部加入：

#pragma warn -inl

#pragma warn -8022

性能分析

一个经典的2D图形函数的性能分析方法就是随机画出一定数目的矩形，我们也来做这个测试，在下面的代码中，我们用传统的GDI和GDI+分别随机产生10000个矩形，比较一下两种图形接口的性能。

//---------------------------------------------------------------------------

#include <vcl.h>

#pragma hdrstop

#include <algorithm>

#include <Math.hpp>

using std::min;

using std::max;

#include "Unit1.h"

//---------------------------------------------------------------------------

#pragma package(smart_init)

#pragma resource "*.dfm"

TForm1 *Form1;

using namespace Gdiplus;

//---------------------------------------------------------------------------

__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner)

{

GdiplusStartup( &gdiplusToken, &gdiplusStartupInput, NULL );

}

//---------------------------------------------------------------------------

__fastcall TForm1::~TForm1(void)

{

GdiplusShutdown( gdiplusToken );

}

//---------------------------------------------------------------------------

void __fastcall TForm1::Button1Click(TObject *Sender)

{

TColor cl;

int x,y,w,h;

int mx=PaintBox1->Width;

int my=PaintBox1->Height;

Randomize();

long st=GetTickCount();

for(int n=0;n<=10000;n++)

{

cl=RGB(RandomRange(0,255),RandomRange(0,255),RandomRange(0,255));

PaintBox1->Canvas->Pen->Color=cl;

PaintBox1->Canvas->Brush->Style=bsClear;

x=RandomRange(0,mx);

y=RandomRange(0,my);

w=RandomRange(10,mx);

h=RandomRange(10,my);

PaintBox1->Canvas->Rectangle(x,y,w,h);

}

st=GetTickCount()-st;

Caption=st;

}

//---------------------------------------------------------------------------

void __fastcall TForm1::Button2Click(TObject *Sender)

{

Gdiplus::Color cl;

int x,y,w,h;

Gdiplus::Graphics g( PaintBox1->Canvas->Handle );

int mx=PaintBox1->Width;

int my=PaintBox1->Height;

Randomize();

long st=GetTickCount();

for(int n=0;n<=10000;n++)

{

cl=Gdiplus::Color(RandomRange(0,255),RandomRange(0,255),RandomRange(0,255) ) ;

Pen pen( cl, 1 );

x=RandomRange(0,mx);

y=RandomRange(0,my);

w=RandomRange(10,mx);

h=RandomRange(10,my);

g.DrawRectangle(&pen,x,y,w,h);

}

st=GetTickCount()-st;

Caption=st;

}

//---------------------------------------------------------------------------

在作者的计算机上，传统的GDI产生10000个矩形的时间是205毫秒，而GDI+却用4053毫秒，可以看到GDI+明显比GDI慢，速度差距有20倍，这么慢的速度我们这么用呢？我们不妨再来做一点改动，把上面的代码：

cl=Gdiplus::Color(RandomRange(0,255),RandomRange(0,255),RandomRange(0,255) ) ;

改为：

cl=Gdiplus::Color(RandomRange(0,255),RandomRange(0,255),RandomRange(0,255),RandomRange(0,255) ) ;

意思是Alpha透明也随机，我们发现GDI+画10000个矩形的性能没有太大变化，也在5065的时间里就完成了，但是用传统的GDI实现alpha透明来画10000个矩形就不一定能再5065的时间内完成了，由此可见，GDI+对于一般应用比GDI慢，但高级应用却非常快速，所以你可以结合2中不同的接口来改进你的程序性能。另外GDI+的应用并非体现再速度上，而是他的强大功能。

反锯齿(Antialiasing)

在上面的代码里，我们加入第3个按钮，加入代码：

void __fastcall TForm1::Button3Click(TObject *Sender)

{

Gdiplus::Color cl;

Gdiplus::Graphics g(PaintBox1->Canvas->Handle);

cl=Gdiplus::Color(RandomRange(0,255),RandomRange(0,255),RandomRange(0,255),RandomRange(0,255) ) ;

Pen pen( cl, 15);

g.SetSmoothingMode(SmoothingModeHighSpeed); //高速、低画质

g.DrawEllipse(&pen, 0, 0, 200, 100);

g.SetSmoothingMode(SmoothingModeHighQuality); //高画质、低速

g.DrawEllipse(&pen, 100, 0, 200, 100);

}

你将会看到如下图形：

""

可以看到透明、反锯齿的椭圆，是不是很方便？

图形旋转

反锯齿和图形旋转是在CSDN上问的比较多的问题，用GDI+解决起来是如此轻松，下面来看一下图形旋转：

void __fastcall TForm1::Button4Click(TObject *Sender)

{

Gdiplus::Graphics g(PaintBox1->Canvas->Handle);

Gdiplus::Image image(L"E:\\siney_sm.jpg");

g.DrawImage(&image, 10, 10, image.GetWidth(), image.GetHeight());

image.RotateFlip(Rotate90FlipY); //旋转90度

g.DrawImage(&image, 160, 10, image.GetWidth(), image.GetHeight());

}

结果如图：

""

结束语
从上面的讨论，我们可以充分感觉到GDI+的强大威力，而所有这些也只是GDI+的冰山一角，它提供很多功能大大加快了图形软件的开发速度，例如裁剪、Alpha，反锯齿，缩略图等。我鼓励大家去研究一下GDI+。有些程序员因为它速度慢而不喜欢它，但是有很多文档中提供了一些技巧来改善它的性能。当然也可以GDI结合GDI+来开发出高性能的图形程序，如果你还需要更高性能，还可以结合DX，有兴趣的读者可以试一试

--------------------------------------------------

果然如二位所说。
我的PaintBox放在一个Panel上。
在程序中加一句
PaintBox->DoubleBuffered = true;
就不闪了。
谢谢二位。

--------------------------------------------------

BCB6 中利用GDI+ 实现反锯齿(Antialiasing)&图形旋转
using namespace Gdiplus;
//反锯齿
Gdiplus::Color cl;

Gdiplus::Graphics g(PaintBox1->Canvas->Handle);

cl=Gdiplus::Color(RandomRange(0,255),RandomRange(0,255),RandomRange(0,255),RandomRange(0,255) ) ;

Pen pen( cl, 15);

g.SetSmoothingMode(SmoothingModeHighSpeed); //高速、低画质

g.DrawEllipse(&pen, 0, 0, 200, 100);

g.SetSmoothingMode(SmoothingModeHighQuality); //高画质、低速

g.DrawEllipse(&pen, 100, 0, 200, 100);

//图形旋转

Gdiplus::Graphics g(PaintBox1->Canvas->Handle);

Gdiplus::Image image(L"E:\\siney_sm.jpg");

g.DrawImage(&image, 10, 10, image.GetWidth(), image.GetHeight());

image.RotateFlip(Rotate90FlipY); //旋转90度

g.DrawImage(&image, 160, 10, image.GetWidth(), image.GetHeight());