├── .gitattributes ├── .gitignore ├── Help.exe ├── Modules ├── Sciter4D.dll └── sciter32.dll ├── README.md ├── articles └── images │ ├── behavior-mechanics.png │ └── behavior-mechanics.xar ├── content ├── api │ └── window.htm ├── behaviors │ ├── button.htm │ ├── calendar.htm │ ├── check.htm │ ├── clickable.htm │ ├── date.htm │ ├── decimal.htm │ ├── edit.htm │ ├── form.htm │ ├── frame-set.htm │ ├── frame.htm │ ├── history.htm │ ├── hyperlink.htm │ ├── integer.htm │ ├── label.htm │ ├── masked-edit.htm │ ├── menu-bar.htm │ ├── menu.htm │ ├── number.htm │ ├── output.htm │ ├── pager-behavior.htm │ ├── password.htm │ ├── plaintext.htm │ ├── progress.htm │ ├── radio.htm │ ├── richtext.htm │ ├── scrollbar.htm │ ├── select-checkmarks.htm │ ├── select-dropdown.htm │ ├── select-multiple.htm │ ├── select.htm │ ├── slider.htm │ ├── textarea.htm │ ├── time.htm │ ├── tree-checkmarks.htm │ ├── tree-view.htm │ └── video.htm ├── css │ ├── Components_React.js_style.htm │ ├── css-@mixin-feature.htm │ ├── css-extensions.htm │ ├── css-media-queries.htm │ ├── css-properties-map.htm │ ├── css-style-sets.htm │ ├── css-transition-sciter.htm │ ├── css-variables-support.htm │ ├── expandable-images.htm │ ├── image-map.htm │ ├── images │ │ ├── back-stretch.png │ │ ├── back.png │ │ ├── final-stretch.png │ │ ├── final.png │ │ ├── legos.jpg │ │ └── schema.png │ ├── popup-position.htm │ └── properties.htm ├── preface.htm ├── reactor │ ├── components.htm │ ├── helloworld.htm │ ├── lifecycle.htm │ ├── lists-keys.htm │ ├── mounting-point.htm │ ├── preface.htm │ ├── rendering.htm │ └── styles-events.htm ├── sciter │ ├── Attributes.htm │ ├── CustomComponents.htm │ ├── Element.htm │ ├── Event.htm │ ├── Events.htm │ ├── Graphics.htm │ ├── Image.htm │ ├── Node.htm │ ├── Request.htm │ ├── Sciter.htm │ ├── Selection.htm │ ├── States.htm │ ├── Style.htm │ ├── Tokenizer.htm │ ├── Transact.htm │ ├── View.htm │ └── images │ │ ├── scroll.gif │ │ └── scroll.vsd └── script │ ├── Angle.htm │ ├── Array.htm │ ├── Bytes.htm │ ├── Color.htm │ ├── Date.htm │ ├── Error.htm │ ├── Float.htm │ ├── Function.htm │ ├── Global.htm │ ├── Index.htm │ ├── Integer.htm │ ├── Length.htm │ ├── Math.htm │ ├── Net.DataSocket.htm │ ├── Net.Socket.htm │ ├── Net.WebSocket.htm │ ├── Object.htm │ ├── RegExp.htm │ ├── Storage.htm │ ├── Stream.htm │ ├── String.htm │ ├── System.Process.htm │ ├── System.htm │ ├── Task.htm │ ├── VM.htm │ ├── XMLScanner.htm │ └── language │ ├── Classes.htm │ ├── Decorators.htm │ ├── Expressions.htm │ ├── Functions.htm │ ├── Statements.htm │ ├── Syntax.htm │ ├── Types.htm │ ├── for-screen.css │ ├── promise.htm │ └── ssx.htm ├── core ├── 'this'-and-'this super'-function-arguments.htm ├── Better-CSS-sprites.htm ├── Caret-positions-in-HTML.htm ├── DOM-Inspector-how-remove-border-from-input.htm ├── Drag-and-Drop.htm ├── Formation.htm ├── Generators-and-yield.htm ├── HTML-Window.htm ├── IAccessible and UI automation testing.htm ├── Lang.htm ├── Localization.htm ├── Object-match-feature.htm ├── Plus-for-Sciter.htm ├── Promises A+.htm ├── Reusable-components.htm ├── Sciter-3.htm ├── Sciter-HTML-parsing-flavour.htm ├── Sciter-UI-application-architecture.htm ├── Sciter-UI-basic-principles.htm ├── Sciter-and-DirectX.htm ├── Sciter-on-multihead-system.htm ├── Sciter-video-support.htm ├── TIScript-syntax-compatible-with-CSS.htm ├── Theory-of-URL.htm ├── Use-of-CSS-constants-in-script.htm ├── behavior-prototype-aspect.htm ├── ccs-map.html ├── collapsed-and-expanded-state.htm ├── construction-mean-TIScript.htm ├── context-menus.htm ├── cssmap.htm ├── csss!-calc-function.htm ├── csss!-dom-object.htm ├── csss!-events.htm ├── csss!.htm ├── event_handler_assignment.htm ├── frame-content-style.htm ├── images │ ├── css-sprites.png │ ├── dom-inspector.png │ ├── external-menu.png │ ├── flat-window.png │ ├── formation.png │ ├── frame-extended.png │ ├── icon_smile.gif │ ├── images.jpg │ ├── plus-part-0.png │ ├── schema.png │ ├── sciter-directx-schema.jpg │ ├── sciter-video.jpg │ ├── sciter.w81.gif │ ├── standard-window.png │ ├── transparent-window.png │ ├── window-frame-extended-2.png │ ├── window-layered.png │ ├── wth.png │ └── yield-sign-640x425.jpg ├── js-dart-tis.htm ├── js-dart-tis_files │ ├── shBrushJScript.js │ ├── shCore.js │ └── shCoreDefault.css ├── new-TIScript-features.htm ├── pager-template-format.htm ├── path-images-doc.htm ├── plus-and-formation-what-the-difference.htm ├── plus.htm ├── q-doc.htm ├── sciter_for_AngularJS_practitioners.htm ├── sciter_script_hidden_treasures.htm ├── selectors.htm ├── specific-tags.htm ├── standalone_Sciter_executable.htm ├── task-await-feature.htm ├── upcomming-changes-in-4.1.html ├── visibility-none-article.htm └── window-frame=extended.htm ├── flex-flow ├── flex-layout.css ├── flex-layout.htm └── images │ ├── flex-springs.png │ ├── relative-flexes.png │ ├── sample-horizontal-bottom.png │ ├── sample-horizontal-fill.png │ ├── sample-horizontal-flow.png │ ├── sample-inline-block-1.png │ ├── sample-inline-block-2.png │ ├── sample-position-fixed.png │ ├── sample-template.png │ ├── sample-vertical-flow.png │ └── sample-vertical.png ├── help-index.htm ├── main.htm ├── other ├── CSS3圆角样式（border-radius）.doc ├── CSSS!脚本入门.doc ├── CSS属性background-position ,foreground-position用法.doc ├── CSS背景颜色半透明、渐变效果.doc ├── CSS选择器语法详解.doc ├── Data URL用法.doc ├── HTMLayout 使用 popup 弹出节点.doc ├── HTMLayout九宫格助手.exe ├── HTMLayout事件捕获与冒泡过程.doc ├── HTMLayout界面贴图技术.doc ├── HTMLayout非标准HTML标记include、widget、popup.doc ├── HTML常用标签说明.doc ├── MSAA │ ├── MS Active Accessibility 接口技术编程尝试.doc │ ├── MSAA简介.doc │ └── Microsoft Active Accessibility体系结构.doc ├── MX3的皮肤引擎(HTMLayout)特性.doc ├── Sciter中的INPUT、WIDGET以及其他自定义元素.doc ├── Sciter是什么.doc ├── Sciter的10年之路.doc ├── Sciter简介.doc ├── Sciter绑定事件.doc ├── Stock URL用法.doc ├── UI编程的思考.doc ├── 什么是原型(Prototype).doc ├── 从实现的角度看闭包.doc └── 如何在工作线程中执行GUI线程的代码.doc ├── sciter3.ppt ├── sciter4d └── behaviors │ ├── RouteManager.txt │ ├── draggable.txt │ ├── menutab.txt │ └── windowCommand.txt ├── scripts ├── indexer.tis ├── lib_search.tis └── toc.tis ├── snapshot.png ├── styles ├── autozoom.tis ├── content.css ├── lib_search.css └── main.css ├── the.scapp ├── tiscript-article.htm └── webdoc.css /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Windows image file caches 2 | Thumbs.db 3 | ehthumbs.db 4 | 5 | # Folder config file 6 | Desktop.ini 7 | 8 | # Recycle Bin used on file shares 9 | $RECYCLE.BIN/ 10 | 11 | # Windows Installer files 12 | *.cab 13 | *.msi 14 | *.msm 15 | *.msp 16 | 17 | # Windows shortcuts 18 | *.lnk 19 | 20 | # ========================= 21 | # Operating System Files 22 | # ========================= 23 | 24 | # OSX 25 | # ========================= 26 | 27 | .DS_Store 28 | .AppleDouble 29 | .LSOverride 30 | 31 | # Thumbnails 32 | ._* 33 | 34 | # Files that might appear in the root of a volume 35 | .DocumentRevisions-V100 36 | .fseventsd 37 | .Spotlight-V100 38 | .TemporaryItems 39 | .Trashes 40 | .VolumeIcon.icns 41 | 42 | # Directories potentially created on remote AFP share 43 | .AppleDB 44 | .AppleDesktop 45 | Network Trash Folder 46 | Temporary Items 47 | .apdisk 48 | -------------------------------------------------------------------------------- /Help.exe: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gxlmyacc/sciter-doc-zh/4e4fa2fd9012918d49cf94bc8d2e535d94f648e1/Help.exe -------------------------------------------------------------------------------- /Modules/Sciter4D.dll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gxlmyacc/sciter-doc-zh/4e4fa2fd9012918d49cf94bc8d2e535d94f648e1/Modules/Sciter4D.dll -------------------------------------------------------------------------------- /Modules/sciter32.dll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gxlmyacc/sciter-doc-zh/4e4fa2fd9012918d49cf94bc8d2e535d94f648e1/Modules/sciter32.dll -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # sciter的中文帮助 2 | sciter渲染引擎的帮助的中文版 3 | 4 | ![sciter帮助首页](snapshot.png) 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /articles/images/behavior-mechanics.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gxlmyacc/sciter-doc-zh/4e4fa2fd9012918d49cf94bc8d2e535d94f648e1/articles/images/behavior-mechanics.png -------------------------------------------------------------------------------- /articles/images/behavior-mechanics.xar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gxlmyacc/sciter-doc-zh/4e4fa2fd9012918d49cf94bc8d2e535d94f648e1/articles/images/behavior-mechanics.xar -------------------------------------------------------------------------------- /content/behaviors/button.htm: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 |

behavior:button

7 |

标准按钮行为。它可以应用到任何DOM元素上，并使该元素可聚焦和可点击(clickable，即可以接收到BUTTON_CLICK事件)。

8 |

元素

9 |

默认情况下，应用了behavior:button行为的元素有:

10 | 15 |

示例

16 |
17 | 18 |
19 |

属性

20 |

该行为需要知道的属性:

21 | 24 |

事件

25 |

除了标准事件集(鼠标、按键、聚焦)外，behavior:button行为还生成:

26 | 29 |

方法

30 |

N/A - behavior:button没有引入任何特有的方法。

31 |

value

32 |

true/false - 只读, 反映按钮是否按下的状态值。

33 |

脚本中的按钮点击事件处理

34 |

onClick事件

35 | 
var btn = $(button#some);
36 | btn.onClick = function() { ... 事件处理代码 ... }
37 |
38 |

on()订阅

39 | 
var btn = $(button#some);
40 | btn.on("click", function() { ... 事件处理代码 ... });
41 | self.on("click", "button#some", function() { ... 事件处理代码 ... });
42 |
43 |

decorators.tis 装饰器

44 | 
include "decorators.tis";
45 | @click @on "button#some" :: ... 事件处理代码 ...;
46 |
47 | 48 | -------------------------------------------------------------------------------- /content/behaviors/calendar.htm: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | 7 |

behavior: calendar

8 |

calendar是一个日期输入元素，它允许用户选择一个特定的日期。

9 |

元素

10 |

默认情况下，应用了该行为的元素有:

11 | 13 |

示例

14 |
15 | 16 |
17 |

模型

18 |

calendar有以下4种不同的视图模式:

19 | 24 |

每种模式使用一个<table>来渲染视图的内容。如果使用DOM捡拾器(inspector)就会发现每个视图的DOM结构。如果你需要重定义calandar的内容样式时，可以在CSS中直接使用这些DOM元素。

25 |

属性

26 |

该行为需要知道的属性:

27 | 29 |

事件

30 |

除了标准事件集(鼠标、按键、聚焦)外，该行为还生成:

31 | 34 |

value

35 |

Date值 或 undefined, 反应当前的选择内容。

36 |

方法

37 |

N/A - 该行为没有引入任何特有的方法。

38 | 39 | -------------------------------------------------------------------------------- /content/behaviors/check.htm: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | 7 |

behavior:check

8 |

标准的复选框行为。它可以应用到任何需要切换:checked状态的DOM元素上。

9 |

元素

10 |

默认情况下，应用了该行为的元素有:

11 | 14 |

示例

15 |
16 | 17 | 18 | 19 |
20 |

属性

21 |

该行为需要知道的属性:

22 | 27 |

事件

28 |

除了标准事件集(鼠标、按键、聚焦)外，该行为还生成:

29 | 32 |

value

33 |

true/false, 反映按钮的当前状态是否包含:checked标志。

34 |

方法

35 |

N/A - 该行为没有引入任何特有的方法。

36 |

37 | 38 | -------------------------------------------------------------------------------- /content/behaviors/clickable.htm: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 |

behavior:clickable

7 |

可点击但不聚焦的行为。一个轻量的按钮行为(在发生MOUSE_DOWN/UP事件时生成BUTTON_CLICK事件)。

8 |

元素

9 |

默认情况下，应用了behavior:clickable行为的元素有:

10 | 12 |

示例

13 |
14 | 15 |
16 |

属性

17 |

N/A

18 |

事件

19 |

除了标准事件集(鼠标、按键、聚焦)外，behavior:clickable行为还生成:

20 | 23 |

方法

24 |

N/A - behavior:clickable没有引入任何特有的方法。

25 |

value

26 |

N/A

27 |

脚本中的按钮点击事件处理

28 |

onClick事件

29 | 
var btn = $(button#some);
30 | btn.onClick = function() { ... 事件处理代码 ... }
31 |
32 |

on()订阅

33 | 
var btn = $(button#some);
34 | btn.on("click", function() { ... 事件处理代码 ... });
35 | self.on("click", "button#some", function() { ... 事件处理代码 ... });
36 |
37 |

decorators.tis 装饰器

38 | 
include "decorators.tis";
39 | @click @on "button#some" :: ... 事件处理代码 ...;
40 |
41 | 42 | -------------------------------------------------------------------------------- /content/behaviors/date.htm: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | 7 |

behavior: date

8 |

日期输入元素，它包含一个下拉日历。

9 |

元素

10 |

默认情况下，应用了该行为的元素有:

11 | 13 |

示例

14 |
15 | 16 | 17 |
18 |

模型

19 |

初始化该行为时会创建下面的DOM结构:

20 | 
<input>
21 |   <caption>
22 |     <span.year>
23 |     <span.month>
24 |     <span.day>
25 |   </caption>
26 |   <button>
27 | </input>
28 |
29 |

其中，<caption>拥有behavior:masked行为。<button>按钮触发弹出下拉日历。

30 |

属性

31 |

该行为需要知道的属性:

32 | 34 |

事件

35 |

除了标准事件集(鼠标、按键、聚焦)外，该行为还生成:

36 | 38 |

value

39 |

Date 或 undefined, 反应内部编辑缓存区的当前状态。

40 |

方法

41 |
42 |
showPopup()
43 |
- 显示日历弹窗。
44 |
today()
45 |
- 设置为当前日期。
46 |
47 | 48 | -------------------------------------------------------------------------------- /content/behaviors/decimal.htm: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | 7 |

behavior: decimal

8 |

浮点(float)数字输入元素行为。该行为可以被应用到任何合适的元素。

9 |

元素

10 |

默认情况下，应用了该行为的元素有:

11 | 13 |

示例

14 |
15 | 16 | 17 |
18 |

模型

19 |

初始化该行为时会创建下面的DOM结构:

20 | 
<input>
21 |   <caption>
22 |   <button.plus>
23 |   <button.minus>
24 | </input>
25 |
26 |

其中，<caption>将拥有相应过滤器的behavior:edit行为。如果input定义了step属性，则将会创建<button.plus>/<button.minus>子元素。

27 |

所有的子元素将拥有:synthetic状态标志。

28 |

属性

29 |

该行为需要知道的属性:

30 | 37 |

事件

38 |

除了标准事件集(鼠标、按键、聚焦)外，该行为还生成:

39 | 51 |

value

52 |

float or undefined, 反应内部输入缓冲区的当前状态。

53 |

特有组合键

54 | 67 |

方法

68 |

N/A - 该行为没有引入任何特有的方法，但是<caption>子元素拥有behavior:edit行为的特有方法。

69 |
70 | 71 | -------------------------------------------------------------------------------- /content/behaviors/frame-set.htm: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 |

behavior:frame-set

7 |

该行为处理<frameset>元素的扩展功能 - 由所谓的"分隔线(splitters)"分隔的"块面板"容器，它允许调整容器中面板的尺寸。

8 |

该行为可以应用到任何块级容器上，如<div>、<section>等。

9 |

元素

10 |

默认情况下，应用了该行为的元素有:

11 | 13 |

示例

14 |
15 | 16 |
17 | 主题1 18 |
19 | 20 | 主题1的内容 21 | 22 |
23 |

模型

24 |

在Sciter中，<frameset>元素可以包含<frame>元素，也可以包含其他块级元素(如 <div>、<section>等)来作为一个面板。

25 |

面板可以被<splitter>元素(可以指定splitter的特有样式)分隔。

26 |

示例, 一个典型的帮助窗口布局:

27 | 
<frameset cols="120px,*">
28 |    <div id="help-index">
29 |       <a href="first-topic.htm" target="help-content">主题1</a> 
30 |    </div>
31 |    <splitter/>
32 |    <frame id="help-content">主题1的内容</frame>
33 | </frameset>
34 |
35 |

第一个面板是一个<div>元素，它用于静态的内容。<frame>是选择的主题元素的容器。<splitter>用于交互式的调整面板的尺寸。

36 |

属性

37 |

该行为需要知道的属性:

38 | 41 |

cols或rows属性必须定义其中一个，宽度/高度列表是一个以逗号分隔的Sciter长度单位: dips、px、mm等, 包括弹力单位(*)。

42 |

事件

43 |

N/A - 该行为没有特有事件。

44 |