[Sciter系列] MFC下的Sciter–1.创建工程框架

Sciter SDK中提供的Win32下例程很多，唯独使用很多（对我个人而言）的MFC框架下Sciter程序的构建讲的很少，虽然MFC有这样那样的诟病，但是不可否认的是编写一般的小项目，这仍然是大多数人最好的选择。

本系列文章的目的就是一步步构建出一个功能可用，接口基本完善的基于MFC框架的SciterFrame程序，以此作为以后程序的基础。其中，文章中按照如下逻辑编排（解决如下问题）：

1、使用什么环境

2、完成什么功能

3、如何完成

---

1、工程环境： VS2010 + Win7 32位 + Sciter-SDK

建议：由于新版的SDK(Sciter3)为兼容XP和Win7，XP下使用了GDI+，Win7下使用了Direct2D，所以头文件中使用了d3d1.h，这导致在VS2010更低的版本上无法找到这个头文件（在我的电脑上查找之后发现的这个问题），最妥当解决办法就是安装Direct X SDK，将DX SDK的include和lib路径加入工程。

2、本文完成的功能：创建一个可以显示出Hello World对应HTML界面的工程。

3、具体步骤如下：

首先，使用VS2010，【新建】-> 【项目】->【Visual C++】->【MFC】-> 【MFC应用程序】，名称为HelloWorld，【确定】-> 【下一步】，在【应用程序类型】中，选择【基于对话框】，【使用Unicode】，建议【在静态库中使用MFC】，其他默认，【完成】。 

 

至此，基础的MFC工程已经创建完成，将工程代码编译一遍，确保无误。

 

其次，我们的目标是在界面上显示我们使用HTML制作的HelloWorld界面，所以要先做两件事：

一、删除原来界面上的所有默认控件（如果不删除，其实也不影响后面的运行，只是不好看而已）

二、制作一个HTML页面（现在暂时制作一个可用的页面，编码问题以后处理）。

我的HTML界面代码如下：

// index.htm
// 使用记事本编辑就可以，使用默认编码
// 以上三行不用复制



    Hello World


    Hello World！
    哈哈，今天我出生了！

 

最后，开始我们正式的代码处理：

一、将Sciter-SDK的include文件夹复制到工程源代码文件夹内，即res的同级目录下

二、将Sciter-SDK的lib文件夹内的Sciter32.lib（32位系统）复制到res同级目录下

三、将刚才编写的index.htm文件复制到同样的位置

完成后的情况如下：

工程目录：

 

四、打开 HelloWorldDlg.h，头部添加头文件和lib引用

//头文件和lib引用
#include "include/sciter-x.h"
#pragma comment(lib,"sciter32.lib")

 

五、使用类向导，添加消息处理函数

【项目】->【类向导】（快捷键：Ctrl+Shift+X），按照如下设定：

 

修改代码如下：

LRESULT  CHelloWorldDlg::WindowProc( UINT  message, WPARAM  wParam, LPARAM  lParam)
{
    // Sciter过滤窗口消息，如果是Sciter引擎处理过的就直接返回
    LRESULT  lRet;
    BOOL  bHandled = FALSE;
    lRet = SciterProcND(m_hWnd,message,wParam,lParam,&bHandled);
    if  ( bHandled )
    {
        return  lRet;
    }

    //当窗口创建时，加载HTML文件
    if  ( message == WM_CREATE )
    {
        SciterLoadFile(m_hWnd,_T( "index.htm" ));
    }

    return  CDialogEx::WindowProc(message, wParam, lParam);
}

 

至此，编译没问题的话，基础代码已经完成。

将Sciter-SDK中bin目录下的Sciter32.dll 复制一份到项目Debug目录下，即和生成的HelloWorld.exe放在一起，将index.htm文件也Copy一份到这里来，运行HelloWorld.exe程序，不出意外的话这个程序就可以运行了！

我的程序截图如下：

 

---

可能出现的问题：

1、页面能够显示，但是中文乱码

解决：这个问题的出现和网页出现乱码一样的，建议尽量使用支持多种编码的文本编辑器编写HTML页面，可以设置HTML页面文件编码为GB2312。为了长远考虑，可以将文件保存为UTF-8+BOM编码，没有BOM标志似乎仍会乱码，并在文件头加入。

2、一切都按照文章中的来，窗口背景仍然是灰色的什么也没有

解决：这个问题一般都不会发生，如果真有，可以尝试相应WM_ERASEBKGND消息，直接返回true。如果仍然没效果，则一定是程序哪个地方有了小错误，建议新建工程重新来过。

 

其他问题出现后请发表评论。

 

源码下载地址：http://pan.baidu.com/s/1mUoOK

Sciter-SDK下载地址：http://www.terrainformatica.com/sciter/sciter-sdk.zip

官网地址：http://www.terrainformatica.com

 

---

CSDN博客: http://blog.csdn.net/bbdxf

cnBlogs博客：http://www.cnblogs.com/bbdxf