成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄最大/小化和關(guān)閉

FreeZinG / 969人閱讀

摘要：上一篇制作桌面應(yīng)用自定義標(biāo)題欄中我們介紹了如何使用制作自定義樣式的標(biāo)題欄接下來，我們介紹一下標(biāo)題欄上的最大化最小化和關(guān)閉按鈕如何實現(xiàn)首先查閱文檔部分，我們發(fā)現(xiàn)已經(jīng)準(zhǔn)備好和三個方法供我們調(diào)用了。

上一篇：electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄中我們介紹了如何使用electon制作自定義樣式的標(biāo)題欄
接下來，我們介紹一下標(biāo)題欄上的最大化、最小化和關(guān)閉按鈕如何實現(xiàn)

首先查閱electron文檔BrowserWindow部分，我們發(fā)現(xiàn)electron已經(jīng)準(zhǔn)備好win.close()、win.maximize()和win.minimize()三個方法供我們調(diào)用了。

那么問題來了，我的渲染進(jìn)程獲取到了點擊事件，如何到主進(jìn)程中調(diào)用對應(yīng)的方法呢？

這里有兩種方法，一種是使用ipc，另一種是使用romate
這里先介紹下ipc
新建組件Titlebtn，"src enderercomponentsmytitleTitlebtn.vue"

這里需要注意一下，因為之前我們設(shè)置標(biāo)題欄樣式-webkit-app-region: drag，這里按鈕必須設(shè)置樣式-webkit-app-region: no-drag，不然按鈕將無法選中或點擊
鼠標(biāo)點擊按鈕后，通過ipcRenderer向主進(jìn)程發(fā)送消息
然后修改我們的Titlebtn組件，如下

修改主進(jìn)程index.js，監(jiān)聽渲染進(jìn)程的消息，并根據(jù)消息執(zhí)行相應(yīng)的動作

import { ipcMain } from "electron"
ipcMain.on("min", e=> mainWindow.minimize());
ipcMain.on("max", e=> {
    if (mainWindow.isMaximized()) {
        mainWindow.unmaximize()
    } else {
        mainWindow.maximize()
    }
});
ipcMain.on("close", e=> mainWindow.close());

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/51430.html

相關(guān)文章

  • electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄最大/小化和關(guān)閉

    摘要：上一篇制作桌面應(yīng)用自定義標(biāo)題欄中我們介紹了如何使用制作自定義樣式的標(biāo)題欄接下來，我們介紹一下標(biāo)題欄上的最大化最小化和關(guān)閉按鈕如何實現(xiàn)首先查閱文檔部分，我們發(fā)現(xiàn)已經(jīng)準(zhǔn)備好和三個方法供我們調(diào)用了。 上一篇：electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄中我們介紹了如何使用electon制作自定義樣式的標(biāo)題欄接下來，我們介紹一下標(biāo)題欄上的最大化、最小化和關(guān)閉按鈕如何實現(xiàn) 首先查閱ele...

    dinfer 評論0 收藏0

  • electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄最大/小化和關(guān)閉

    摘要：上一篇制作桌面應(yīng)用自定義標(biāo)題欄中我們介紹了如何使用制作自定義樣式的標(biāo)題欄接下來，我們介紹一下標(biāo)題欄上的最大化最小化和關(guān)閉按鈕如何實現(xiàn)首先查閱文檔部分，我們發(fā)現(xiàn)已經(jīng)準(zhǔn)備好和三個方法供我們調(diào)用了。 上一篇：electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄中我們介紹了如何使用electon制作自定義樣式的標(biāo)題欄接下來，我們介紹一下標(biāo)題欄上的最大化、最小化和關(guān)閉按鈕如何實現(xiàn) 首先查閱ele...

    liukai90 評論0 收藏0

  • electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄

    摘要：會默認(rèn)顯示邊框和標(biāo)題欄，如下圖我們來看一下如何自定義一個更加有意思的標(biāo)題欄，例如網(wǎng)易云音樂這種首先我們要把默認(rèn)的標(biāo)題欄刪掉，找到主進(jìn)程中創(chuàng)建窗體部分，時添加參數(shù)即可這樣會把標(biāo)題欄和邊框一并隱藏然后我們開始制作自己的標(biāo)題欄創(chuàng)建組件這里 electron會默認(rèn)顯示邊框和標(biāo)題欄，如下圖 showImg(https://segmentfault.com/img/bVXwA5?w=412&h=6...

    roundstones 評論0 收藏0

  • electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄

    摘要：會默認(rèn)顯示邊框和標(biāo)題欄，如下圖我們來看一下如何自定義一個更加有意思的標(biāo)題欄，例如網(wǎng)易云音樂這種首先我們要把默認(rèn)的標(biāo)題欄刪掉，找到主進(jìn)程中創(chuàng)建窗體部分，時添加參數(shù)即可這樣會把標(biāo)題欄和邊框一并隱藏然后我們開始制作自己的標(biāo)題欄創(chuàng)建組件這里 electron會默認(rèn)顯示邊框和標(biāo)題欄，如下圖 showImg(https://segmentfault.com/img/bVXwA5?w=412&h=6...

    用戶83 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<