原帖地址:http://www.cnblogs.com/yinxufeng/p/5653920.html

Script与Native交互基础

1 参照SDK中“plain-win”的例子,自定义一个窗口类,继承自sciter::host< window >sciter::event_handler

  1. class window: public sciter::host<window>
  2. , public sciter::event_handler
  3. {
  4. HWND _hwnd;
  5. static LRESULT CALLBACK wnd_proc(HWND, UINT, WPARAM, LPARAM);
  6. static window* ptr(HWND hwnd);
  7. static bool init_class();
  8. public:
  9. // notification_handler traits:
  10. HWND get_hwnd() const { return _hwnd; }
  11. HINSTANCE get_resource_instance() const{ return ghInstance; }
  12. window();
  13. bool init(); // instance
  14. bool is_valid() const { return _hwnd != 0; }
  15. };

注意

HWND get_hwnd() const { return _hwnd; }

HINSTANCE get_resource_instance() const{ return ghInstance; }

必须要实现,否则host无法获取资源

2 在窗口初始化的时候,通过sciter::attach_dom_event_handler绑定Sciter DOM事件到该窗口上

  1. bool window::init()
  2. {
  3. SetWindowLongPtr(_hwnd, GWLP_USERDATA, LONG_PTR(this));
  4. setup_callback();
  5. // // attach event_handler to the window
  6. sciter::attach_dom_event_handler(_hwnd, this);
  7. load_file(L"res:default.htm");
  8. return true;
  9. }

简化方式

SDK中已经为每个操作系统平台定义了各自的“主”函数

  • sciter-sdk/include/sciter-win-main.cpp - on Windows
  • sciter-sdk/include/sciter-osx-main.mm - on OS X
  • sciter-sdk/include/sciter-gtk-main.cpp - on Linux

这里我们将sciter-win-main.cpp包含到我们项目中,自定义个窗口类,继承自sciter::window

Script调用Native

在自定义窗口类中,通过类似MFC的消息映射方式来绑定事件处理函数

  1. BEGIN_FUNCTION_MAP
  2. FUNCTION_0("helloWorld", helloWorld);
  3. FUNCTION_2("native_sum", native_sum); // 后面的2表示有2个参数
  4. FUNCTION_0("native_api", native_api);
  5. END_FUNCTION_MAP
  6. sciter::string helloWorld() { return L"Hello u-minimal World"; }
  7. int native_sum(sciter::value a, sciter::value b) { return a.d + b.d; }
  8. sciter::value native_api() {
  9. sciter::value api_map;
  10. sciter::value api_math_map;
  11. std::function<int(int,int)> native_sum = [](int a, int b) { return a + b; };
  12. std::function<int(int,int)> native_sub = [](int a, int b) { return a - b; };
  13. api_math_map.set_item(sciter::value("sum"), sciter::vfunc( native_sum ));
  14. api_math_map.set_item(sciter::value("sub"), sciter::vfunc( native_sub ));
  15. api_map.set_item(sciter::value("math"), api_math_map);
  16. return api_map;
  17. }

在tiscript中这么调用

  1. <script type="text/tiscript">
  2. var message = view.helloWorld();
  3. view.native_sum(a, b);
  4. view.nativeApi().math.sub(c, d);
  5. </script>

这里的view是全局对象,代表当前运行Sciter的窗口, 他有很多自带的函数,如close(关闭), msgbox(消息框),selectFile(文件选择框),Update等。

FUNCTION_MAP中定义的函数映射,可以通过view来直接调用:view.native_sum(a, b)。

另外有一种方法可以将Native写的函数包装在一起,比如native_api,view在调用的时候,直接使用view.native_api().math.xxx

sciter::value native_api()函数,返回值是一个Map类型,转换成sciter::value,结构类似下面:

return {
math: {
sum: {native_sum},
sub: {native_sub},
}
}

Native调用Script

比如在script中有这么一个方法:

  1. <script type="text/tiscript">
  2. namespace Test {
  3. function add(n1,n2) { return n1+n2; }
  4. }
  5. </script>

在Native中这么调用:

  1. sciter::dom::element root = self->get_root();
  2. sciter::value r;
  3. try {
  4. r = root.call_function("Test.add",sciter::value(2),sciter::value(2));
  5. } catch (sciter::script_error& err) {
  6. std::cerr << err.what() << std::endl;
  7. }
  8. // or sciter::value r = self->call_function("Test.add",sciter::value(2),sciter::value(2));
  9. assert(r.is_int() && r.get(0) == 4);

Test是script中的命名空间

self是当前窗口sciter::host< window >对象实例

[Sciter] Script与Native交互的更多相关文章

  1. js与native交互

    js与native交互 UIWebView Native调用JS,使用stringByEvaluatingJavaScriptFromString来解释执行js脚本. //script即为要执行的js ...

  2. [Sciter系列] MFC下的Sciter–3.Sciter脚本与底层交互

    [Sciter系列] MFC下的Sciter–3.Sciter脚本与底层交互,脚本调用底层自定义的方法函数. 本系列文章的目的就是一步步构建出一个功能可用,接口基本完善的基于MFC框架的SciterF ...

  3. Hybrid App: 对比UIWebView和WebKit实现JavaScript与Native交互

    一.简介 在前面一篇文章中讲到过实现JavaScript与Native交互的方式有一种就是使用原生内嵌webView.在iOS8之前,开发者只能使用苹果提供的UIWebView类来加载URL或者HTM ...

  4. React Native交互组件之Touchable

    React Native交互组件之Touchable:只要在组件外面包一个Touchable组件就可以实现点击交互. TouchableHighlight:高亮触摸 当点击时,组件的透明度会改变,可以 ...

  5. 【quickhybrid】H5和Native交互原理

    前言 Hybrid架构的核心就是JSBridge交互,而实现这个交互的前提是弄清楚H5和Native端的交互 本文主要介绍Native端(Android/iOS)和H5端(泛指前端)的交互原理 (之前 ...

  6. 与native交互时会出现的问题

    1.jsbridge:  可以用jsbridge与native交互,这属于第三方库,前端后端都需要加jsbridge 2.可以直接调用原生的方法,ios:  window.webkit.message ...

  7. 《React-Native系列》RN与native交互与数据传递

    RN怎么与native交互的呢? 下面我们通过一个简单的Demo来实现:RN页面调起Native页面,Native页面选择电话本数据,将数据回传给RN展示. 首先是 Native侧 1.MainAct ...

  8. 《React-Native系列》3、RN与native交互之Callback、Promise

    接着上一篇<React-Native系列>RN与native交互与数据传递,我们接下来研究另外的两种RN与Native交互的机制 一.Callback机制 首先Calllback是异步的, ...

  9. Android中H5和Native交互的两种方式

    Android中H5和Native交互的两种方式:http://www.jianshu.com/p/bcb5d8582d92 注意事项: 1.android给h5页面注入一个对象(WZApp),这个对 ...

随机推荐

  1. OpenJudge-百练-2755

    这道题用递归写的话还是很好写的,我们设递归函数的名称为Ways(w,k) . 它的含义就是,w的大小,取k个物品,有多少种方式. 我们可以知道递归的边界条件就是当w的大小为0的时候,我们的方法数只有一 ...

  2. Shell函数和正则表达式

    1. shell函数 shell中允许将一组命令集合或语句形成一段可用代码,这些代码块称为shell函数.给这段代码起个名字称为函数名,后续可以直接调用该段代码. 格式: func() {   #指定 ...

  3. python:零散记录

    1.rstrip()删除末尾指定字符串 例如:A = '1,2,3,4,5,' B = A.rstrip(',') B = '1,2,3,4,5' 2.isdigit()方法 Python isdig ...

  4. Binlog详解

    一.介绍 binlog, 即二进制文件,他记录了MySQL所有数据的变更,并以二进制的形式存储在磁盘上 二.binlog模式 binlog有三种模式:ROW(行模式),   Statement(语句模 ...

  5. 29个非常流行的jQuery提示信息插件

    在网站的设计中,提示信息是非常细微的功能,但是起着非常重要的作用.如果你的网站中提示信息做的比较好,会给浏览者留下非常深刻的印象,同时也会起到非常好的网站宣传效果,下面介绍了30个比较流行提示信息插件 ...

  6. hexo干货系列:(五)hexo添加站内搜索

    前言 本来想用百度站内搜索,但是没成功,所以改用swiftype,用起来还是很棒的,这里分享一下我的安装步骤 正文 注册 去swiftype官网注册个账号,然后登陆,对了不要去在意30天试用,30天过 ...

  7. poj2446 Chessboard 【最大匹配】

    题目大意:一个n*m的棋盘,某些格子不能用,问用1*2的骨牌能否完全覆盖这个棋盘,当然,骨牌不能有重叠 思路:显然黑白染色后,一个骨牌只能覆盖一个白色格子和一个黑色格子,然后我们间二染色建图,看能否有 ...

  8. 洛谷P2527 [SHOI2001]Panda的烦恼

    题目描述 panda是个数学怪人,他非常喜欢研究跟别人相反的事情.最近他正在研究筛法,众所周知,对一个范围内的整数,经过筛法处理以后,剩下的全部都是质数,不过panda对这些不感兴趣,他只对被筛掉 ...

  9. asp.net 引发类型为“System.OutOfMemoryException”的异常

    asp.net 引发类型为“System.OutOfMemoryException”的异常通常发生在IIS进程获取不到内存时. 临时解决方法是: 回收IIS的应用程序池. 如果要比较好的解决办法是: ...

  10. Codevs 2756 树上的路径

    2756 树上的路径  时间限制: 3 s  空间限制: 128000 KB  题目等级 : 大师 Master     题目描述 Description 给出一棵树,求出最小的k,使得,且在树中存在 ...