精易论坛

标题: # SciterUI模块 - 让易语言用上 HTML/CSS/JS 开发现代化界面 [打印本页]

作者: chungbin 时间: 2026-1-7 12:26
标题: # SciterUI模块 - 让易语言用上 HTML/CSS/JS 开发现代化界面

SciterUI模块 - 让易语言用上 HTML/CSS/JS 开发现代化界面

名称：SciterUI 模块

编译环境：易语言 5.93 / Visual Studio 2022 (DLL)

开源协议：MIT / Sciter License

后续更新发布将不再开新贴，仅在本帖回复后置顶

V1.6 核心升级 - 应群友要求

本次更新主要是命令命名规范优化，将所有 sciter_ 开头的命令统一修改为 Sc_ 开头，使命令名称更简洁、更符合易语言命名习惯。

[重构] 将所有 sciter_ 开头的命令重命名为 Sc_ 开头（如 sciter_创建窗口 → Sc_创建窗口）。

[优化] 命令名称更加简洁，提升代码可读性和编写效率。

[兼容] 功能保持不变，仅命名调整，升级后需要批量替换旧命令名称。

更新日志

V1.6 (2026-01-07)

[重构] 将所有 sciter_ 开头的命令统一重命名为 Sc_ 开头，命令更简洁易用。

[说明] 功能和参数完全保持不变，仅优化命名规范。

[提示] 从旧版本升级需要批量替换命令名称（sciter_ → Sc_）。

V1.5.4 (2026-01-07)

[修复] 修复子窗口可以被移动和调整大小的问题，子窗口现在完全由易语言父窗口控制。

[优化] 优化窗口过程子类化机制，使用 SetPropW/GetPropW 为每个窗口独立保存原始窗口过程。

[优化] 在 BorderlessWndProc 的 WM_NCHITTEST 消息处理中，检测 WS_CHILD 样式并强制返回 HTCLIENT。

[技术] 解决了全局变量 g_OriginalWndProc 导致的多窗口冲突问题。

V1.5.3 (2026-01-04)

[新增] Sciter_创建无边框窗口 新增"允许双击标题栏最大化"参数，可控制是否允许双击标题栏最大化窗口。

[优化] 底层DLL在Windows消息层面（WM_NCLBUTTONDBLCLK）拦截双击事件，性能更优、控制更可靠。

[技术] 使用SetPropW存储窗口属性，避免依赖窗口样式位判断。

V1.5.2 (2025-12-28)

[优化] 优化子窗口创建机制，确保子窗口正确嵌入到易语言中。

[优化] 优化窗口调整尺寸逻辑，父窗口尺寸改变时子窗口自动跟随调整。

[优化] 优化DPI处理，子窗口跳过DPI缩放，使用父窗口坐标系统。

[升级] 更换编译工具链到Visual Studio 2022 (平台工具集v143)。

[修复] 修复子窗口加载后不显示的问题（需在加载后调用一次 Sciter_设置窗口位置）。

V1.5.1 (2025-12-19)

[重磅] 新增易语言主动向JS传递数据的完整演示，包含4个实用场景。

[新增] 新增“易语言→JS”演示页面，展示三种数据传递方式：
- 演示1：调用JS函数传递数据 (Sciter_调用JS函数1)
- 演示2：执行JS脚本更新页面 (Sciter_执行元素脚本)
- 演示3：设置元素HTML内容 (Sciter_设置元素HTML)
- 演示4：批量更新多个元素（模拟数据库场景）

[修复] 修复 Sciter_VALUE转文本 命令的类型转换错误问题。

[优化] 更新演示文件，增加易语言→JS数据传递的完整代码演示。

V1.5 (2025-12-17)

[重磅] 新增自动 DPI 缩放支持，彻底解决高分屏下窗口尺寸不对的问题。

[新增] 新增 Sciter_启用DPI感知 命令，建议在程序启动时调用以防止界面模糊。

[优化] 优化底层 SciterWrapper.dll，所有窗口操作（创建、移动、调整大小）均自动适配当前屏幕 DPI。

[优化] 优化无边框窗口标题栏高度，自动随 DPI 缩放调整。

V1.4 (2025-12-16)

[优化] 优化 Sciter_创建无边框窗口 命令新增一个是否可调整窗口尺寸参数。

[优化] 优化 Sciter_设置窗口位置 命令的x和y参数可以为空，现在默认居中显示。

[新增] 新增多窗口演示。

[新增] 新增登陆窗口演示。

[新增] 新增列表框和超级列表框演示。

V1.3 (2025-12-14)

[新增] 新增多选框和单选框的演示例子。

[新增] 新增进度条和滑块条的演示例子。

[新增] 新增 Sciter_取值_文本 命令来获取实时修改输入框的值避免之前的取属性只能取到初始值问题。

[修复] 修复无边框窗口的最大化后遮挡任务栏问题。

V1.2 (2025-12-13)

[新增] 全新暗黑主题 (Dark Theme) 演示界面，支持响应式布局。

[新增] 模块内置 内部_Ansi转Utf8 和 内部_Ansi转Unicode，彻底解决中文乱码问题。

[新增] 模块内置 Sciter_强制退出 命令来解决退出后仍有进程残留问题。

[新增] 模块完善 Sciter_取参数整数 和 Sciter_取参数小数 以及 Sciter_Value取小数 等基本命令。

[新增] 模块内置 Sciter_设置标题栏高度 命令来后期设置标题栏高度。

[修复] 修复 Sciter_设置元素HTML 命令默认参数错误导致的调用失败。

[修复] 修复 Sciter_调用JS函数 和 Sciter_调用JS函数1 参数传递问题。

[修复] 修复使用 Sciter_创建无边框窗口 命令来创建的无边框窗口会有白屏和色窗口框架问题。

[优化] 优化 Sciter_创建无边框窗口 命令时新增传递一个标题栏高度给Sciter引擎。

V1.1 (2025-12-12)

[新增] 支持透明背景窗口（需在 HTML 中设置 html { background: transparent; }）。

[新增] 附带 shape.html 示例，演示圆角、阴影、不规则窗口制作。

[新增] 新增 Sciter_移动窗口 命令。

[优化] 易语言端 Sciter_加载HTML文件 逻辑，增加加载状态检测。

[优化] 更新 SciterWrapper.dll，修正窗口样式位操作。

[修复] 修复了模块中数据类型和常量未公开导致引用报错的问题。

[修复] 修复了元素文本操作和元素属性操作的相关 BUG。

[修复] 修复了子窗口创建的相关问题。

[修复] 修复 SciterWrapper.dll，修正元素相关的操作。

V1.0 (2025-12-10)

[发布] SciterUI 模块首个版本。

[新增] 完整的 JS 回调机制 (Sciter_注册回调)。

[新增] 无边框窗口方案，支持拖拽、缩放。

[新增] DOM 操作 API (获取/设置属性、文本)。

[新增] 自动处理 ANSI/Unicode 编码转换。

下载地址

推荐阅读

Sciter官网 https://sciter.com

SciterUI 致力于让易语言开发界面变得简单、现代、高效。如果您觉得好用，请评分支持！

点击链接加入群聊【SciterUI讨论学习群】：https://qm.qq.com/q/jt4R73GUBG

补充内容 (2026-1-10 13:44):
V1.7.2 (2026-01-10)版本更新说明在#29楼

补充内容 (2026-1-22 18:33):
V1.7.3的更新在这里
https://bbs.ijingyi.com/forum.ph ... 97&pid=30662312

作者: 鹤舒翎 时间: 2026-1-7 14:53
感谢分享~~~

作者: 石头怪 时间: 2026-1-7 15:02
感谢分享~~~

作者: sinewtec 时间: 2026-1-7 15:04
老规矩,先回后下!!!!!!!

作者: 不苦小和尚 时间: 2026-1-7 15:58
谢谢分享，不错不错

作者: 不苦小和尚 时间: 2026-1-7 16:02
1.6例子没上传吗

作者: prospect 时间: 2026-1-7 17:33
看着很不错。

作者: 亚伦gg 时间: 2026-1-7 17:40

1.6例子没上传吗

作者: 路麟jh 时间: 2026-1-7 17:58

作者: 网络注册网员 时间: 2026-1-7 20:33
感谢分享

作者: sadamu999 时间: 2026-1-8 00:55
感谢分享

作者: 13434230728 时间: 2026-1-8 07:47
感谢分享

作者: 小桥流水34 时间: 2026-1-8 07:49
感谢分享

作者: ty928 时间: 2026-1-8 08:30
SciterUI 致力于让易语言开发界面变得简单、现代、高效。如果您觉得好用，请评分支持！

作者: chungbin 时间: 2026-1-8 09:08

亚伦gg 发表于 2026-1-7 17:40
1.6例子没上传吗

1.6基本就改命令名所以没上传demo

作者: chungbin 时间: 2026-1-8 09:08

不苦小和尚发表于 2026-1-7 16:02
1.6例子没上传吗

1.6基本就改命令名所以没上传demo

作者: nwzhi 时间: 2026-1-8 11:48
感谢分享

作者: oldghost 时间: 2026-1-8 14:55
感谢分享

作者: Arbitrary 时间: 2026-1-8 15:26
感谢分享

作者: bayueqiutian 时间: 2026-1-8 20:42

作者: 轻轻晚风 时间: 2026-1-9 07:49
感谢分享

作者: wgqxj 时间: 2026-1-9 09:56
谢谢分享

作者: 路远啊 时间: 2026-1-9 14:36
HTML/CSS/JS 开发现代化界面 [修改]

作者: xiedongkai 时间: 2026-1-9 19:35
感谢分享

作者: po1718 时间: 2026-1-9 19:58
感谢分享

作者: wwzlhx 时间: 2026-1-9 20:56
这个是干啥的？没看明白

作者: qinghai 时间: 2026-1-9 20:57
免费吗，这么好的东西要是能公益开源，我相信迭代肯定很快的，

作者: baixin456 时间: 2026-1-9 22:37
iterUI 致力于让易语言开发界面

作者: chungbin 时间: 2026-1-10 13:42
本帖最后由 chungbin 于 2026-1-10 13:46 编辑

V1.7.2 (2026-01-10)

[重磅] 新增归档资源自动加载功能，HTML中的 CSS/JS/图片可自动从归档加载！

[新增] Sc_关联归档到窗口(窗口句柄, 归档句柄) - 将归档关联到窗口

[新增] Sc_清除窗口归档(窗口句柄) - 清除窗口关联的归档

[新增] Sc_取窗口归档(窗口句柄) - 获取窗口关联的归档句柄

[新增] 归档文件支持（packfolder.exe 打包的资源包）

[新增] Sc_打开归档 / Sc_打开归档_从文件 / Sc_关闭归档

[新增] Sc_取归档文件 / Sc_取归档文件_到字节集

[技术] SciterWrapper.dll 实现 SC_LOAD_DATA 回调，支持 archive://app/ 和 this://app/ 两种前缀

[文档] 新增完整的归档演示代码和使用说明

下载地址：
https://github.com/chungbinb/sciterUI-for-dll/releases/tag/V1.7.2

开源地址：
https://github.com/chungbinb/sciterUI-for-dll/tree/main

补充内容 (2026-1-14 17:57):
因为Sciter.dll不是我开发的

作者: a657938016 时间: 2026-1-10 15:46
感谢分享

作者: 小小小小小小白 时间: 2026-1-10 17:58
6666666666666

作者: futiem 时间: 2026-1-10 18:46
#在这里快速回复#SciterUI 致力于让易语言开发界面变得简单、现代、高效。如果您觉得好用，请评分支持！

作者: ccfftt 时间: 2026-1-10 19:42
快快快快快快快快快

作者: gqohui455 时间: 2026-1-10 23:59
感谢楼主的分享

作者: w521521 时间: 2026-1-11 08:16
感谢分享，很给力！~

作者: kantal 时间: 2026-1-11 09:11
感谢分享，很给力！~

作者: 世事如常态 时间: 2026-1-11 15:28
这个跟EXUI区别是啥，自己设计的嘛，还是说又是哪个新框架

作者: tsg2005 时间: 2026-1-11 20:44
必须顶一个

作者: tsg2005 时间: 2026-1-11 20:48
先学习学习。

作者: bayueqiutian 时间: 2026-1-11 20:53
更新给力楼主霸气

作者: 方浩东 时间: 2026-1-12 11:10
我来看看

作者: 无敌的大驴 时间: 2026-1-12 16:39
让易语言用上 HTMLCSSJS 开发现代化界面

作者: sxf0328 时间: 2026-1-12 18:52
学习学习。

作者: newbilu 时间: 2026-1-12 20:21
支持开源~！感谢分享

作者: wz8add 时间: 2026-1-12 23:27
让我看看好不好用！

作者: Buzai0616 时间: 2026-1-12 23:45
666666666666666666666666

作者: pzypdl 时间: 2026-1-13 03:47
正好需要~

作者: yujiekuxiao 时间: 2026-1-13 19:56
来看一下谢谢分享

作者: 747355611 时间: 2026-1-13 22:24
苦苦支撑下

作者: aa1921550379 时间: 2026-1-14 19:21
看一下例子

作者: a940925 时间: 2026-1-14 19:34
来看一下谢谢分享

作者: yujiekuxiao 时间: 2026-1-16 14:59
能介绍一下Sc_处理消息()这个是在什么场景下面使用吗？没弄明白怎么用,比如想拦截用户按ALT+F4或Ctrl+W等

作者: 一C 时间: 2026-1-16 16:48
支持大佬

作者: lzh120110 时间: 2026-1-16 18:18
学习学习

作者: chungbin 时间: 2026-1-17 12:28

yujiekuxiao 发表于 2026-1-16 14:59
能介绍一下Sc_处理消息()这个是在什么场景下面使用吗？没弄明白怎么用,比如想拦截用户按ALT+F4或Ctrl+W等
...

它的主要作用是非阻塞地处理 Windows 窗口消息。简单来说，它 allowing 你自己编写“死循环”来控制程序流程，而不是将控制权完全交给 Sciter 引擎。

以下是详细解释和使用方法：

1. 命令定义

.子程序 Sc_处理消息, 整数型, 公开

返回值 (整数型)：
1：表示当前有消息，并且已经处理了一个消息。
0：表示当前队列中没有消息（空闲状态）。
-1：表示收到了退出信号 (WM_QUIT)，通常意味着窗口被关闭或程序需要结束。

2. 它和 Sc_运行的区别

Sc_运行 (Sc_Run)：这是一个阻塞命令。一旦调用，程序就会停在这一行，直到窗口关闭才会继续往下执行。这是最标准的写法。
Sc_处理消息 (Sc_ProcessMessage)：这是一个非阻塞命令。它只看一眼消息队列，如果有消息就处理一条立马返回，没有消息也立马返回。这让你有机会在处理消息的间隙执行自己的代码

通常在以下情况你会用到这个命令，而不是用 Sc_运行：

游戏循环 (Game Loop)：你需要不停地刷新画面（渲染），同时还要响应鼠标键盘点击。
与其他框架集成：如果你的程序里已经有了其他的消息循环（比如易语言自带的窗口、或者 DirectX/OpenGL 循环），不能让 Sciter 独占线程。
繁重的单线程任务：你想在主线程执行一个长循环任务，但又不想让界面“卡死/未响应”，可以在循环里插入这个命令（类似易语言的处理事件()）。

作者: 905588347 时间: 2026-1-17 14:59
SciterUI 致力于让易语言开发界面变得简单、现代、高效。如果您觉得好用，请评分支持！

作者: 森音文化 时间: 2026-1-18 22:20
ces asdasaasd 让易语言用上 HTML/CSS/JS 开发现代化

作者: lhn0925 时间: 2026-1-20 10:39
学习一下

作者: suiqianfeng 时间: 2026-1-21 10:31
333333333333333333333336666666666

作者: 莫欺少年Qiong 时间: 2026-1-21 10:32
感谢分享，给力！

作者: gzsam 时间: 2026-1-21 11:04
感谢分享

作者: sunganggang 时间: 2026-1-21 19:20
看着很好看，但是有点复杂，这个相信很多人不好使用

作者: hehz977 时间: 2026-1-22 17:44
感谢分享

作者: yuan7057 时间: 2026-1-22 17:51
了解了解

作者: 爱你入骨 时间: 2026-1-22 18:01
感谢分享！！！

作者: chungbin 时间: 2026-1-22 18:32

V1.7.3 核心升级

本次更新主要是新增底层API支持和修复普通窗口标题栏问题！

[新增] Sc_创建窗口_底层API - 直接调用 Sciter 底层 API 创建窗口，完全原始行为，无任何额外处理

[新增] SW_SciterCreateWindow DLL 命令声明 - 支持直接调用底层窗口创建函数

[修复] 修复普通窗口创建后没有子类化导致消息一直阻塞在sc_运行命令里造成的进程残留问题

[优化] 优化窗口过程 BorderlessWndProc，正确区分普通窗口、无边框窗口和子窗口的消息处理

更新日志

V1.7.3 (2026-01-22)

[新增] Sc_创建窗口_底层API(创建标志, 矩形, 父窗口句柄) - 直接调用 Sciter 底层 API 创建窗口

[新增] SW_SciterCreateWindow DLL 命令声明，支持完整的 Sciter 窗口创建标志

[修复] 修复普通窗口创建后没有子类化导致消息一直阻塞在sc_运行命令里造成的进程残留问题

[修复] 修复 WM_GETMINMAXINFO 消息处理逻辑，普通窗口使用默认行为

[技术] 现在支持四种窗口创建方式：
- Sc_创建窗口 - 普通窗口（带 Windows 原生标题栏）
- Sc_创建无边框窗口 - 无边框窗口
- Sc_创建子窗口 - 嵌入易语言组件的子窗口
- Sc_创建窗口_底层API - 直接调用 Sciter API（完全原始行为）

下载地址：

https://github.com/chungbinb/sciterUI-for-dll/releases/tag/V1.7.3

开源地址：

https://github.com/chungbinb/sciterUI-for-dll/tree/main

作者: xtong010 时间: 2026-1-23 10:41
感谢分享

作者: alanwoo 时间: 2026-1-23 19:01
感谢分享

作者: kito 时间: 2026-1-23 21:43
能做成个支持库就好

作者: a498804004 时间: 2026-1-24 01:15
SciterUI 致力于让易语言开发界面变得简单

作者: Alone寒鸦 时间: 2026-1-24 01:44
感谢分享

作者: mm12580 时间: 2026-1-25 13:29
害得是大佬

作者: dulang 时间: 2026-1-25 14:05
支持开源，感谢大佬分享

作者: pyms 时间: 2026-1-26 15:01
厉害的了

作者: seller212 时间: 2026-1-27 00:02
谢谢分享，赞一个。

作者: ai12207745 时间: 2026-1-29 10:21
1111111111111111111111111111

作者: tansiryaya 时间: 2026-1-30 14:13
界面看起来很不错的。

作者: Nzz 时间: 2026-1-30 18:52
1234567891011

作者: qiujie117275706 时间: 2026-1-31 05:45

作者: tsg2005 时间: 2026-1-31 10:59

感谢分享！！！

作者: 神话gg 时间: 2026-1-31 16:41

作者: yagjunie 时间: 2026-2-1 11:15
下来玩玩

作者: mjm0101 时间: 2026-2-1 11:32

SciterUI 致力于让易语言开发界面变得简单

作者: 网络注册络员 时间: 2026-2-1 11:42
做的真不错

作者: smk718 时间: 2026-2-3 13:54
666感谢分享~6666

作者: 秋分 时间: 2026-2-3 19:43
让易语言用上 HTML/CSS/JS 开发现代化界面

作者: yyy412539429 时间: 7 天前
支持支持支持支持支持着

作者: bg2uky 时间: 7 天前
感谢分享

作者: xuze 时间: 6 天前
学习！！！！！！！！！！！！！！！！！

作者: 疯字说 时间: 6 天前
6666很棒6666很棒

作者: domingo 时间: 6 天前
SciterUI模块

作者: wgqxj 时间: 前天 18:16
谢谢分享

欢迎光临精易论坛 (https://bbs.ijingyi.com/)

Powered by Discuz! X3.4