[Sciter系列] MFC下的Sciter–5.Sciter中GUI线程研究，目前MFC存在问题，win32没问题。
本系列文章的目的就是一步步构建出一个功能可用，接口基本完善的基于MFC框架的SciterFrame程序，以此作为以后程序的基础。其中，文章中按照如下逻辑编排（解决如下问题）：
1、使用什么环境
2、完成什么功能
3、如何完成
1、工程环境： VS2010 + Sciter-SDK + Win7
建议：HTML页面使用的是Demo中ui-framework的UI界面，执行函数也完全Copy。
2、本文完成的功能：尝试GUI线程调用函数。
3、具体步骤如下：
首先，添加头文件：
#include "include/sciter-x-threads.h"
在窗口类中添加一个变量和一个响应函数：
public: // 只写新添加的
sciter::sync::gui_thread_ctx _; // instance of gui_thread_ctx
// it should be created as a variable inside WinMain
// gui_thread_ctx is critical for GUI_CODE_START/END to work //消息映射的函数
json::value exec_task(json::value taskId, json::value progressCb, json::value doneCb); //Sciter的TiScript消息映射
BEGIN_FUNCTION_MAP FUNCTION_3("execTask", exec_task);
END_FUNCTION_MAP
其中 sciter::sync::gui_thread_ctx _; 是为了线程能够工作必须声明的，exec_task是用来响应线程工作的。
实现部分使用的是Demo的方法：
struct thread_params {
json::value taskId;
json::value progressCb;
json::value doneCb;
};
void thread_body(thread_params params)
{
for(int i = 1; i <= 100; ++i) {
::Sleep(100);
GUI_CODE_START
params.progressCb.call(i); // report task progress
GUI_CODE_END
}
// report task completion,
// we can pass some result data here, for now just taskId
GUI_CODE_START
params.doneCb.call(params.taskId);
GUI_CODE_END
}
#if 0 // equivalent of the above but wihtout macro
void thread_body(thread_params params)
{
for(int i = 1; i <= 10; ++i) {
::Sleep(1000);
sciter::sync::gui_thread_ctx::exec([&]()
{
params.progressCb.call(i*10); // report task progress
});
}
// report task completion,
// we can pass some result data here, for now just taskId
sciter::sync::gui_thread_ctx::exec([&]()
{
params.doneCb.call(params.taskId);
});
}
#endif
json::value CHelloWorldDlg::exec_task( json::value taskId, json::value progressCb, json::value doneCb )
{
thread_params params;
params.taskId = taskId;
params.progressCb = progressCb;
params.doneCb = doneCb;
sciter::thread(thread_body,params);
return json::value(); // void method
}
最后，线程能够工作，但是，也出现了一个新的问题：
当进度条进行一半时，MFC程序会不知为何就死了，有时候有没有问题，希望有这方面研究的童鞋给点建议和方法。
本节源代码下载：（半成品，不提供下载）
HTML源码：
<html>
<head>
<title></title>
<style>
div#content { flow:horizontal; size:*; }
div#tasks { width:300px; height:*; }
div#tasks > select { size:*; display:block; }
div#explanation { size:*; padding:20px; overflow:auto; }
div#explanation > pre { padding:10px; border:1px dotted #999; background:#ffffef; }
</style>
<script type="text/tiscript"> var taskNo = 0; $(#start-task).onClick = function()
{
var taskElem = $(div#tasks > select).$append(<option>Task { ++taskNo }<progress max=100 /> <span.result /></option>);
function onProgress(p100) { taskElem.$(progress).value = p100; }
function onDone(taskId) { taskElem.$(span.result).text = "Done!"; taskElem.$(progress).remove(); } view.execTask(taskId,onProgress,onDone);
} </script>
</head>
<body>
<h2>Sciter UI, basic principles demo</h2>
<div #content>
<div #tasks>
<button #start-task>Start Task</button>
<select type=select></select>
</div>
</div>
</body>
</html>
C++部分修改：
查看上面的代码！
博客：
CSDN：http://blog.csdn.net/bbdxf
cnBlogs: http://www.cnblogs.com/bbdxf