sciter-界面大小限制自适应笔记--案列位置;

it2022-05-05  234

              function self.ready() {             var (sx,sy,sw,sh) = view.screenBox(#workarea,#rectw);             var (w,h) = self.$(body).box(#dimension); // getting declared dimension             w = 350;             h = 400;             stdout.println("width:" + w + "heigh :" + h);             view.move( sx + (sw - w) / 2, sy + (sh - h) / 2, w, h);           }

 

公共的Sciter SDK中包含字库和案例

samples/+plus 那是跟angularJS同样的绑定字库。小(480LDC)和非干扰性模型-界面-什么的字库。

samples/+lib 像underscore.js一样简单。

samples/+promise 承诺/A+规范执行

samples/+query 基本的jQuery/Zepto端口。绝大多数jQuery的特性在Scriter中可以实现,因此这个库可以相当于700LDC。

samples/+lang - i18n .

samples/+vlist 虚拟清单,栅格库和案例。当你需要去浏览大量的记录时可以使用vlist。+vlist使用一个动态信息的捆绑机制。这提供了一个array[]矩阵记录和类似于AngularJS的一个可重复的模板。

samples/animations 库和动画框架的演示,与GreenSock.js动画平台相似(GSAP)。

samples/animated-png Animated PNG 演示。

samples/animations-transitions-css 基于css的转换。从过去的历史来看,Sciter定义css转换使用了稍微不同的语法,但是这个特性与css3像类似。

samples/basics 基本的css案例,包括css3的转换熟悉。

samples/communication AJAX/JSON 客户端,WebSockets和DataSockets的双间/内网络通信。

 samples/css++ 在Sciter中介绍了不同的css的扩展示范

 samples/dialogs+windows View.window, View.dialog 和 View.msgbox特性的演示:通过HTML/CSS/script来定义桌面窗口。

samples/drag-n-drop-manager drag-n-drop 管理。

 samples/effects.css++ 转换:blend 和转换:slide-xxx 演示-Sciter特殊转换的扩展

samples/font-@-awesome 集成了FontAwesome的CSS3 @font-face演示。

samples/forms 示范Sciter扩展<input>部件,包括<select type=tree>,<input type=number>,  <input type=masked>等待。

samples/goodies Sciter的配件包括,行为:文件图标 壳图标渲染。

samples/graphics 图形类的使用 -直接和调整原始图案包括render-element-to-bitmap和dynamic-CSS-background-image特性,Sciter中的图形类在浏览器中是<canvas>的扩展集。

 samples/ideas 应用想法的集成包括

   动态滚动的清单

callout-动态标注

carousel

KiTE 类似于{{mustache}}的模板引擎。

 

lightbox-dialog 在窗口模型对话框中的灯箱

moveable-windows Sciter支持所谓的机载DOM元素-元素可以呈现在不同的窗口界面中。这个例子描述了这个特性。

tray-notifications HTML/CSS定义了任务栏命令。

virtual-list 带动态滚动栏的虚拟清单支持无线数量带有不同高度的项。(看右边的图)

samples/image-map 关于人的图像目录和DPI图像

samples/image-transformations.css++  Sciter另外的CSS特性:图像过滤。

samples/menu HTML和CSS定义的真实菜单。

samples/popup 另外的机载DOM元素-浮动窗口。

samples/replace-animator 在不同层之间的动画转换。

samples/richtext 富文本框架的演示-WYSIWYG HTML编辑器。

samples/scrollbars-n-scrolling 滚动条和滚动方式风格。

samples/selection DOM树的文本和范围选择的示例。

samples/sqlite 集成SQLite的演示(tiscript-sqlite.dll)。

samples/svg Sciter SVG扩展的示例。

samples/tooltips++ tooltips/calltips定义和风格的示例(看右边的图)。

samples/video 看Sciter中video的回放。

samples/xml 基于XML tokenizer的XMLParser构建的XML处理。 

 

 


最新回复(0)