SonicUI在MFC中的使用

  SonicUI是一个GUI引擎,提供了一些简单的UI组件实现高效率的UI效果,例如:自绘按钮、异形窗体、动画、超链接和图像操作方法。此项目作者开源到CodeProject,地址为:http://www.codeproject.com/KB/GDI/SonicUI.aspx。下载源代码编译动态库版本和静态库版本,在此我以Visual Studio 2008 SP1编译,也打包到下面的下载地址里面。下面介绍下SonicUI在MFC中的使用,如果有错误之处,还请指出。

SonicUI在MFC中的使用_第1张图片

1.新建一个基于对话框、使用Unicode库的工程,工程名称SonicUITest;
2.复制ISonicUI.h文件到工程目录下,添加此文件进工程;
3.复制SonicUIUd.dll、SonicUIUd_Dll.lib和SonicUIU.lib到工程目录下(这些是自己编译出来的);
4.在stdafx.h文件,添加以下代码:

1
2
3
4
5
6
#include "ISonicUI.h" 
#ifdef _DEBUG 
#pragma comment(lib,"SonicUIUd_Dll")    //调试时用Debug动态库 
#endif 
#pragma comment(lib,"SonicUIU")        //发布时用Release静态库(目录下还需其他支持库) 
using namespace sonic_ui; 
5.在对话框头文件,添加以下代码:

1
2
3
4
protected:     
    ISonicWndEffect* g_pEffect;            //窗口的效果引擎 
    ISonicString* g_pText[2];            //以关键字格式化字符串 
    void OnClose(ISonicString * pStr, LPVOID);    //委托关闭 
6.在对话框构造函数,添加以下代码:

1
2
3
    g_pEffect = NULL; 
    g_pText[0] = NULL; 
    g_pText[1] = NULL; 
7.在对话框OnInitDialog初始化函数里,添加以下代码:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
BOOL CSonicUITestDlg::OnInitDialog() 

    CDialog::OnInitDialog(); 
    //…… 
    //创建ISonicWndEffect 
    g_pEffect = GetSonicUI()->CreateWndEffect(); 
 
    //把窗体句柄加到ISonicWndEffect 
    g_pEffect->Attach(m_hWnd); 
     
    //设置窗体背景颜色 
    g_pEffect->SetBkColor(RGB(255,0,255)); 
 
    //委托窗体变换之后的事件,让其关闭窗体 
    g_pEffect->Delegate(DELEGATE_EVENT_TRANSFORM_OVER, NULL, this, &CSonicUITestDlg::OnClose);   
 
    //创建ISonicString 
    g_pText[0] = GetSonicUI()->CreateString(); 
    g_pText[1] = GetSonicUI()->CreateString(); 
 
    //格式化文字 
    g_pText[0]->Format(_T("/def/这是一段文字,使用SonicUI引擎实现")); 
    g_pText[1]->Format(_T("/c=%x, a='http://blog.csdn.net/akof1314', linkl=1, linkt='点击'/无幻博客http:////blog.csdn.net//akof1314"), RGB(00255)); 
    return TRUE;  
8.添加窗体变换后的委托事件代码:

1
2
3
4
void CSonicUITestDlg::OnClose(ISonicString * pStr, LPVOID) 

    ::DestroyWindow(g_pEffect->GetSafeHwnd()); 
9.窗体上添加3个按钮,事件分别如下:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
void CSonicUITestDlg::OnBnClickedMoveButton() 

    //动画移动 
    g_pEffect->MoveGently(00); 

 
void CSonicUITestDlg::OnBnClickedAlphaButton() 

    //设置透明度 
    g_pEffect->SetLayeredAttributes(RGB(2550255), 0, LWA_COLORKEY); 

 
void CSonicUITestDlg::OnBnClickedAnicloseButton() 

    //变换窗体 
    g_pEffect->EnableTransform(TRUE, 0, CRect(0011), 20); 
10.在对话框OnPaint()函数里面绘制文字,添加以下代码:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
void CSonicUITestDlg::OnPaint() 

    if (IsIconic()) 
    { 
        //…… 
    } 
    else 
    { 
        PAINTSTRUCT ps; 
        HDC hdc = ::BeginPaint(m_hWnd, &ps); 
        g_pText[0]->TextOut(hdc, 5050, m_hWnd); 
        g_pText[1]->TextOut(hdc, 100100, m_hWnd); 
        ::EndPaint(m_hWnd, &ps); 
        CDialog::OnPaint(); 
    } 
11.编译、运行程序,截图如下:


SonicUI对异形窗体,自绘按钮等的支持。

1.首先准备素材文件,一张PNG背景图和一张PNG按钮图片,导入到上面工程的资源里面,VS2008会自动分辨为“PNG”资源类型名。
再加入一张动态GIF头像,加入到新建“IMAGE”资源类型,ID号为GIF_USERHEAD。再从“资源视图”打开IDD_ABOUTBOX对话框,删除默认控件,添加两个EDIT控件,设置其属性Border为False、Multiline为True、Want Return为True。
2.在对话框的实现文件,类CAboutDlg里面添加以下代码:

1
2
3
4
5
6
7
protected
    ISonicString* g_pButton;    //自绘按钮 
    ISonicImage* g_pImgButton;    //自绘按钮图片 
    ISonicImage* g_pImgBG;        //背景图片 
    ISonicImage* g_pImgUserHead;    //头像图片 
    ISonicAnimation* g_pUserHead;    //头像图片动画 
    void OnClose(ISonicString* pStr, LPVOID);    //委托关闭事件 
3.重载CAboutDlg的WM_PAINT消息函数,剩下的代码如下:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
BOOL CAboutDlg::OnInitDialog() 

    CDialog::OnInitDialog(); 
 
    //窗口风格 
    SetWindowLong(m_hWnd, GWL_STYLE, GetWindowLong(m_hWnd, GWL_STYLE)&~(WS_CAPTION)); 
    SetWindowLong(m_hWnd, GWL_EXSTYLE, GetWindowLong(m_hWnd, GWL_EXSTYLE)&WS_EX_TOOLWINDOW); 
 
    //自绘按钮 
    g_pImgButton = GetSonicUI()->CreateImage(); 
    g_pImgButton->Load(PNG_BUTTON, NULL, _T("PNG")); 
    g_pButton = GetSonicUI()->CreateString(); 
    g_pButton->Format(_T("/a, p4=%d, linkt='关闭窗体', btn_text='关闭', animation=40/"), g_pImgButton->GetObjectId()); 
    g_pButton->Delegate(DELEGATE_EVENT_CLICK, NULL, this, &CAboutDlg::OnClose); 
 
    //异形窗体 
    g_pImgBG = GetSonicUI()->CreateImage(); 
    g_pImgBG->Load(PNG_BG, NULL, _T("PNG")); 
    ISonicWndEffect* a_pEffect = GetSonicUI()->CreateWndEffect(); 
    a_pEffect->Attach(m_hWnd); 
    a_pEffect->SetBkColor(RGB(255,0,255)); 
    a_pEffect->SetLayeredAttributes(RGB(2550255), 0, LWA_COLORKEY); 
     a_pEffect->EnableWholeDrag(TRUE); 
 
    //调整位置 
    ::SetWindowPos(m_hWnd, NULL, 00, g_pImgBG->GetWidth(), g_pImgBG->GetHeight(), SWP_NOMOVE); 
    ::SetWindowPos(GetDlgItem(IDC_EDIT1)->m_hWnd, NULL, 8115401205, SWP_NOZORDER); 
    ::SetWindowPos(GetDlgItem(IDC_EDIT2)->m_hWnd, NULL, 8330401117, SWP_NOZORDER); 
     
    //动态头像 
    g_pImgUserHead = GetSonicUI()->CreateImage(); 
    g_pImgUserHead->Load(GIF_USERHEAD); 
    ISonicString* pGif = GetSonicUI()->CreateString(); 
    pGif->Format(_T("/p=%d/"), g_pImgUserHead->GetObjectId()); 
    g_pUserHead = GetSonicUI()->CreateAnimation(); 
    g_pUserHead->Create(m_hWnd, 266, pGif->GetWidth(), pGif->GetHeight()); 
    g_pUserHead->AddObject(pGif->GetObjectId()); 
 
    return TRUE;  // return TRUE unless you set the focus to a control 

 
void CAboutDlg::OnPaint() 

    PAINTSTRUCT ps; 
    HDC hdc = ::BeginPaint(m_hWnd, &ps);     
    g_pImgBG->Draw(hdc); 
    g_pButton->TextOut(hdc, 352456, m_hWnd); 
    ::EndPaint(m_hWnd, &ps); 

 
void CAboutDlg::OnClose(ISonicString * pStr, LPVOID) 

    OnOK(); 
4.编译、运行程序,截图如下:

SonicUI在MFC中的使用_第2张图片

下载地址:http://download.csdn.net/source/3561699

参考资料:

1.SonicUI - A Convenient GUI Engine You've Never Seen  http://www.codeproject.com/KB/GDI/SonicUI.aspx
2.让UI开发轻松而快乐,用SonicUI引擎实现常见UI效果 http://blog.csdn.net/zskof/article/details/3496343
3.SonicUI运行机制的粗略分析 http://blog.csdn.net/alien75/article/details/5940210

你可能感兴趣的:(SonicUI在MFC中的使用)