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

71 篇文章 0 订阅
65 篇文章 6 订阅

              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 应用想法的集成包括

   动态滚动的清单

  1. callout-动态标注

  2. carousel

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

     

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

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

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

  7. 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处理。 

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值