「這是我參與2022首次更文挑戰的第13天,活動詳情查看:2022首次更文挑戰」。
Dear,大家好,我是“前端小鑫同學”,長期從事前端開發,安卓開發,熱衷技術,在編程路上越走越遠~
是一個使用 、HTML 和 CSS 構建桌面應用程序的框架。 嵌入 和 Node.js 到 二進制的 允許您保持一個 代碼代碼庫并創建 在上運行的跨平臺應用 macOS和Linux——不需要本地開發 經驗。
背景說明:
窗口指的就是我們在電腦端經常使用的軟件時候顯示Logo電腦最小化窗口能隱藏嗎,標題和操作最小化,最大化,關閉按鈕的標題欄及標題欄下面顯示內容的整個窗口,這往往在Web前端中接觸的不是那么多,但要開發一款體驗不錯的GUI應用將需要對窗口做不少的工作。
窗口()的常見屬性: 自定義窗口標題欄:
監聽窗口的變化來動態切換的值來動態渲染最大化后的按鈕,主要通過窗口對象來監聽,來實現:
我們知道通過快捷鍵ctrl+R可以實現刷新,但此時當我們刷新頁面后會造成窗口注冊的監聽對象泄露,直觀的表現就是放大后的窗口又不會縮小了,我們先通過監聽按鍵來進行禁止刷新功能吧:
窗口狀態記錄與恢復:
GUI應用的一個特點就是可以通過拖動來改變窗口的位置和大小,當我們持續拖拽的過程中會產生大量的事件且大部分的事件對我們來說是沒有必要的電腦最小化窗口能隱藏嗎,此時我們就用防抖動來處理一下:
監聽到窗口的拖動和縮放后,我們可以用來記錄窗口信息:
恢復窗口信息的代碼如下:
當我們修改主進程的代碼并服務自動重啟后你會發現窗口會先回到居中的位置再移動到保存的窗口狀態的位置,我們需要在主進程關閉展示窗口,并由我們在渲染進程中控制:
總結:
本篇主要介紹了對于開發GUI應用是對于窗口上的標題欄的自定義,簡單的做了一些演示,后續還有一塊就完成了整個窗口部分的內容,一起敲起來吧。