iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

0
Modern Web

ElectronJS系列 第 34

[ Day 34 ] - 桌面小圖示的優化

[ Day 34 ] - 桌面小圖示的優化

開機登入時,會讓桌面小圖示於正中間顯示,
我們可以讓顯示的桌面小圖示於左下角顯示,
也可以顯示於右下角,只要我們抓出螢幕的尺寸並設定顯示時的 x . y 位置

實作

如果要顯示在左下角,直接設定顯示時的 x . y 位置就可以了!

  • 設定顯示時的 x . y 位置,顯示在左下角
const mainWindow = new BrowserWindow({
        x: 30 , // 距離左方 x 單位
        y: 350 + 30,  // 距離下方 y 單位
        width: 350,
        height: 350,
        ...
    });

如果要顯示在右下角就要取得螢幕的長寬做計算

  • 抓出螢幕的尺寸
const { width, height } = screen.getPrimaryDisplay().workAreaSize;
  • 設定顯示時的 x . y 位置 ,於右下角顯示
const mainWindow = new BrowserWindow({
        x: width - 350 - 30 , // 距離左方 x 單位
        y: 350 + 30,  // 距離下方 y 單位
        width: 350,
        height: 350,
        ...
    });

參考資料

完賽後,我將慢慢整理鐵人賽中,做了哪些事 ヾ(・ω・)メ(・ω・)ノ

上一篇
[ Day 33 ] - 動物聊天室的整理與功能展示
下一篇
[ Day 35 ] - Electron 應用程式 - 更新自動化 ( 說明篇 )
系列文
ElectronJS38

1 則留言

0
King Tzeng
iT邦新手 4 級 ‧ 2020-11-24 16:28:41

哇!恭喜大大獲得佳作了!!/images/emoticon/emoticon42.gif

Tree iT邦新手 5 級 ‧ 2020-11-25 10:01:18 檢舉

謝謝您初期的訂閱 , 不然我真的可能堅持不下去 /images/emoticon/emoticon41.gif

沒有啦~所有的文章都是你辛苦的果實和分享於大家,我才要謝謝你^^
辛苦了!我們頒獎典禮見囉~繼續加油!/images/emoticon/emoticon42.gif

我要留言

立即登入留言