如何解决如何使窗口适合其内容并将其在 Sciter 的屏幕上居中?
第一次尝试 GUI 软件时,我想做的第一件事就是将窗口居中并使其适合其内容。我个人认为这应该尽可能简单,并且最好在官方文档中进行说明。
在我看来,将程序的主窗口居中显示在屏幕上的能力是任何 GUI 库的一个非常基本的要求。
但是,我在官方文档中找不到这些说明。
解决方法
我不记得我在哪里找到了作者的说明,但这里是“vanilla”Sciter,使用 TIScript:
const w = self.intrinsicWidthMax();
const h = self.intrinsicHeight();
const (sw,sh) = view.screenBox(#frame,#dimension);
view.move((sw / 2) - (w / 2),(sh / 2) - (h / 2),w,h,true);
#frame
在这里指的是整个屏幕或监视器。 #dimension
指定返回其 width
和 height
(还有其他符号用于返回屏幕某些方面的坐标)。
view.move
是一个不幸命名的重载方法,因为除了移动窗口之外,它还允许调整窗口大小。最后一个布尔参数指定是否应将窗口框架和标题的大小视为总窗口大小的一部分。
在官方示例中,建议将其放在 function self.ready() { ... }
内,但我没有遇到任何问题,将其放在主脚本文件的顶部。
这是 Sciter.JS 的 JavaScript 端口:
// https://github.com/c-smile/sciter-js-sdk/discussions/39#discussioncomment-377697
const [ _,w ] = document.state.contentWidths();
const h = document.state.contentHeight(w);
const [ sw,sh ] = Window.this.screenBox('frame','dimension');
Window.this.move((sw - w) / 2,(sh - h) / 2,true);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。