作为windows工程师，UI开发是无可避免的工作，无论你是写一个供销存系统，还是一款聊天IM，UI开发总是会占据你大量的时间。前段时间在公司开发项目中，带着些许私心实现了一个构想了较长时间的UI引擎，自已在使用过程中感觉极大的加快了UI开发的效率，希望与大家分享，并用大家的建议来不断完善。
接下来将以几个在实际工作中常见的UI开发问题为例，介绍实现方法及效果，相信这几个问题能引起客户端UI开发同仁的共鸣。
1.多格式图片支持
2.文字和超链接
3.自绘按钮
4.脏处理与区域刷新
5.异形窗体(包括像素级透明异形窗体)
1.多格式图片支持
UI开发离不开图片，windows的api提供了一些加载图片的方法，如常用的LoadImage，使用很简单。但其功能也跟其用法一样简单，只能加载bmp，ico等几种格式。众所周知，bmp是不带alpha通道的，一旦需要实现阴影等alpha渐变的效果，系统提供的api就有些捉襟见肘了。当然很多人会想到大名鼎鼎的CxImage，这也是个不错的选择。我在内部也是封装了CxImage帮忙加载和保存多格式的图片，但加载之后的图像数据处理都是自处理的了，因为CxImage在处理RGB转hsl，旋转等特效时大量使用了浮点运算，效率不能使人十分满意。我把所有的浮点运算都转为整形运算，并大量使用了SSE2指令进行优化，实测证明在旋转，HSL转换，灰化等特效时，效率可以提高4-10倍(CPU为T2330 1.6GHz)。图片加载支持三种方式：从文件；从资源；从dc。需要说明的是从资源加载时请将资源类型命名为IMAGE。
演示代码如下：
//GetSonicUI是引擎导出的唯一函数，是类厂和引擎总控，负责创建对象和销毁对象等。
ISonicImage * pImg = GetSonicUI()->CreateImage();
pImg->Load("C:\\1.png");
pImg->Draw(hdc, 10, 10);
GetSonicUI()->DestroyObject(pImg);
OK，一个带透明通道的png图片绘制就完成了，是不是轻松惬意。
2.文字和超链接
UI开发过程中经常最麻烦的是绘制文字，需要你不停的初始化字体，设定字体属性，如果产品人员要求文字按一定的格式排版或输出彩色文字，那简直就是我们的噩梦了。而在自己的界面加入超链接，网上已经有不少演示代码了，但我相信ISonicString是一个更简单的实现方案。ISonicString是一个可以进行消息交互的UI组件对象。只需要像html语言一样加入一些类似的控制符，你就可以随心所欲的控制字体的大小颜色，超链接等属性，非常方便。
ISonicString * pStr = GetSonicUI()->CreateString();
pStr->Format("/c=%x, a='http://hi.csdn.net/zskof', font, font_height=16/点我打开链接", RGB(0, 0, 255));
LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)
{
PAINTSTRUCT ps;
HDC hdc;
switch (message)
{
case WM_PAINT:
{
hdc = BeginPaint(hWnd, &ps);
pStr->TextOut(hdc, 0, 0, hWnd);
EndPaint(hWnd, &ps);
}
break;
}
.
.
.
}
如何，只需要创建，然后像CString的Format一样格式化一个字符串，在WM_PAINT响应中输出即可，只需要三步，你就得到了一行蓝色的功能完整的超链接，是不是很方便。通过控制字符，你还可以设定下划线的样式，鼠标形状，响应鼠标时变色等细节，具体参看ISonicUI.h中的注释即可。
ISonicString也可以将文字和图片混合输出，或使图片带有超链接属性，需要用'p'控制符指定一个ISonicImage的id：
ISonicImage * pImg = GetSonicUI()->CreateImage();
pImg->Load("C:\\1.png");
ISonicString * pStr = GetSonicUI()->CreateString();
pStr->Format("/c=%x/你好吗，朋友/p=%d, a='http://hi.csdn.net/zskof'/", RGB(0, 0, 255), pImg->GetObjectId());
这样就可以像写网页一样在你的界面上进行文字和图片的混合排版输出了。