国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

dinfer / 1697人閱讀

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

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

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

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

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

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

修改主進(jìn)程index.js，監(jiān)聽渲染進(jìn)程的消息，并根據(jù)消息執(zhí)行相應(yīng)的動(dò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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/115587.html

相關(guān)文章

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

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

    liukai90 評(píng)論0 收藏0

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

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

    FreeZinG 評(píng)論0 收藏0

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

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

    roundstones 評(píng)論0 收藏0

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

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

    用戶83 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<