当前位置：首页 > ops >正文

wails3学习-runtime:Window无边框设置

ops 2025/9/3 18:36:35

wails3与wails2无边框设置稍有不同，wails2文档中介绍已经很详细了，下面只记录wails3

在这里插入图片描述

取消原来边框

main.go中添加Frameless:true，此时窗口将不展示原有边框

	//window选项app.NewWebviewWindowWithOptions(application.WebviewWindowOptions{Title: "Window 1",Mac: application.MacWindow{InvisibleTitleBarHeight: 50,Backdrop:                application.MacBackdropTranslucent,TitleBar:                application.MacTitleBarHiddenInset,},BackgroundColour: application.NewRGB(27, 38, 54),URL:              "/",  // 绑定前端页面Frameless:        true, // 无边框窗口//Hidden:           true, // 隐藏窗口Width:     800,  // 窗口宽度Height:    600,  // 窗口高度MinWidth:  400,  // 最小窗口宽度MinHeight: 600,  // 最小窗口高度MaxWidth:  1000, // 最大窗口宽度MaxHeight: 1000,})

在这里插入图片描述

在前端的js/ts中添加相关窗口的相关控制

窗口的控制在runtime模块中，在官网上的解释一笔带过。

import {  Window } from "@wailsio/runtime";--关闭窗口
Window.Close()
--隐藏窗口
Window.Hide()
--切换全屏/原尺寸
Window.ToggleFullscreen()
--最小化
Window.Minimise()
.
.
.

窗口拖拽

和wails2的做法一致，wails3中没写，可参考
https://wails.io/zh-Hans/docs/guides/frameless/

<template><div class="app-header"  style="--wails-draggable:drag"><Header /></div><div style="--wails-draggable:no-drag"><router-view /></div>
</template>

runtime除了Window还有：（后面在学了再补）