node-ddk, electron 组件, 操作窗口

node-ddk 操作窗口

https://blog.csdn.net/eli960/article/details/146207062

也可以下载demo直接演示

http://linuxmail.cn/go#node-ddk

在渲染进程(既web端)操作

ts 复制代码
import renderer, { NODEDDK } from "node-ddk/renderer"
let w = renderer.window

// 本窗口参数
w.getInfo()
// 关闭窗口
window.close()
w.close()
// 注册关闭前执行函数
w.registerBeforeunloadOnce(async () => {
  if (!window.confirm("点击确定,关闭窗口")) {
    return false
  }
}
// 强制关闭窗口
w.forcedClose()
// 最小化
w.minimize()
// 最大化
 w.maximize()
// 退出最大化
w.unmaximize()
// 最大化/退出最大化
w.maximizeSwitch(),
// 隐藏
w.hide()
// 全屏
w.setWindowFullscreen()
// 退出全屏
w.unsetWindowFullscreen()
// 总在最上面
w.setWindowAlwaysOnTop()
// 退出总在最上面
w.unsetWindowAlwaysOnTop()
// 左上角(800x600)
w.setRectangle({ x: 0, y: 0, width: 800, height: 600 })
// 右下角(1000x800)
w.setRectangle({ x: screen.availWidth - 1000, y: screen.availHeight - 800 - 36, width: 1000, height: 800 })
// 上下左右居中
w.setCenter()
// 缩放 60%
w.setZoomFactor(0.6)
// 缩放 80%
w.setZoomFactor(0.8)
// 缩放 100%
w.setZoomFactor(1)
// 缩放 120%
w.setZoomFactor(1.2)
// 获取 FACTOR
w.getZoomFactor()

窗口,高级连续动作

ts 复制代码
w.operateWindowStepByStep({
steps: [
{ type: "position", x: 0, y: 0 },
{ type: "sleep", sleep: 1000 },
{ type: "maximize" },
{ type: "sleep", sleep: 1000 },
{ type: "unmaximize" },
{ type: "sleep", sleep: 1000 },
{ type: "center" },
{ type: "sleep", sleep: 1000 },
{ type: "size", width: 300, height: 200 },
{ type: "sleep", sleep: 1000 },
{ type: "hide" },
{ type: "sleep", sleep: 1000 },
{ type: "show" },
{ type: "sleep", sleep: 1000 },
{ type: "size", width: 800, height: 600 },
{ type: "sleep", sleep: 1000 },
{ type: "increaseZoomFactor", factor: 0.2 },
{ type: "sleep", sleep: 1000 },
{ type: "setZoomFactor", factor: 1 },
{ type: "sleep", sleep: 1000 },
{ type: "fullscreen" },
{ type: "sleep", sleep: 1000 },
{ type: "unfullscreen" },
]
})
相关推荐
局i4 分钟前
Vue 中 v-text 与 v-html 的区别:文本渲染与 HTML 解析的抉择
前端·javascript·vue.js
fruge19 分钟前
接口 Mock 工具对比:Mock.js、Easy Mock、Apifox 的使用场景与配置
开发语言·javascript·ecmascript
菜鸟冲锋号1 小时前
问题:增量关联(实时同步新数据) 这个场景中,如果hudi_pay 变更了一条数据,hudi_order_pay_join 结果的数据会跟着变化吗
服务器·前端·数据库
贩卖黄昏的熊1 小时前
typescript 快速入门
开发语言·前端·javascript·typescript·ecmascript·es6
拾柒SHY1 小时前
XSS-Labs靶场通关
前端·web安全·xss
前端婴幼儿1 小时前
前端主题切换效果
前端
一 乐1 小时前
水果销售|基于springboot + vue水果商城系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
Qin_jiangshan1 小时前
如何成为前端架构师
前端
dolt022 小时前
基于deepseek实现的ai问答小程序
前端·开源
一只小bit2 小时前
Qt 快速开始:安装配置并创建简单标签展示
开发语言·前端·c++·qt·cpp