➣ Reading Time: 7 minutes

看完這篇文章你會得到的成果圖

之前內容的重點複習 (前情提要)

我們接下來的討論,會基於讀者已經先讀過我 day5 文章 的架構下去進行程式設計
如果還不清楚我程式設計的邏輯 (UI.py、controller.py、start.py 分別在幹麻)
建議先閱讀 day5 文章後再來閱讀此文。

此篇文章的範例程式碼 github

視窗的個性化控制 setWindowFlags

這篇文章我們要來討論 PyQt 裡面一個很酷的東西,setWindowFlags,
我們主要要討論的功能都是未來我會用到的功能。

在 setWindowFlags 裡面有很多的定義,

其中有幾個我會用到

顯示於最上層/最下層

  • Qt.WindowStaysOnTopHint: 視窗永遠在最上層,適合互動性高的程式
  • Qt.WindowStaysOnBottomHint: 視窗永遠在最下層,適合背景程式

關於放大/縮小的設定

當我們沒有特別設定參數時,只繼承 「QDialog」 的視窗預設都只會有關閉按鈕。
如果是繼承自 「QWidget」,則縮小、放大、關閉按鈕都會有

  • Qt.WindowMinimizeButtonHint: 顯示最小化按鈕
  • Qt.WindowMaximizeButtonHint: 顯示最大化按鈕
  • Qt.WindowMinMaxButtonsHint: 顯示最小化按鈕和最大化按鈕
  • Qt.WindowCloseButtonHint: 顯示關閉按鈕

這些功能都定義在 PyQt5.QtCore 中,記得要 import !!!

from PyQt5.QtCore import *

搭配上述的使用範例

我們就可以用以下的設定方式,來對視窗做一些特別的控制

  • 只有縮小/關閉 (取消放大)
    • Qt.WindowMinimizeButtonHint | Qt.WindowCloseButtonHint
  • 只有放大/關閉 (取消縮小)
    • Qt.WindowMaximizeButtonHint | Qt.WindowCloseButtonHint
  • 只有關閉 (取消放大縮小)
    • Qt.WindowCloseButtonHint

範例

我們先透過 Qtdesinger 隨便建立一份 UI 介面
並如同之前的方式,建立一個可直接執行的 UI.py

轉換 day22.ui -> UI.py

pyuic5 -x day22.ui -o UI.py

直接打開觀察目前的視窗

我們可以發現目前的視窗中,放大/縮小/關閉的功能都是有的。

觀察目前的程式碼

打開 UI.py,我們發現我們的視窗果然是繼承於「QWidget」
所以預設是縮小、放大、關閉按鈕都會有。

self.centralwidget = QtWidgets.QWidget(MainWindow)

嘗試修改視窗屬性

# 只有縮小/關閉 (取消放大)        
MainWindow.setWindowFlags(Qt.WindowMinimizeButtonHint | Qt.WindowCloseButtonHint)
# 只有放大/關閉 (取消縮小)
# MainWindow.setWindowFlags(Qt.WindowMaximizeButtonHint | Qt.WindowCloseButtonHint)
# 只有關閉 (取消放大縮小)
# MainWindow.setWindowFlags(Qt.WindowCloseButtonHint)
# 視窗永遠在最上層,適合互動性高的程式
# MainWindow.setWindowFlags(Qt.WindowStaysOnTopHint)
# 視窗永遠在最下層,適合背景程式
# MainWindow.setWindowFlags(Qt.WindowStaysOnBottomHint)

# 如果要一起使用,記得都要 | 連接在一起,不然後來的會洗掉之前的

結果

例如我們取消放大的功能,結果如下圖

  • 注意「右上角」反白的「放大」功能。

注意

如果以上的要一起使用(混用),記得都要 | 連接在一起,不然後來的會洗掉之前的

例如,如果我同時想要”取消放大縮小、只留下關閉”,且還要視窗永遠在最上層。

我要寫

# 只有縮小/關閉 (取消放大)
# 視窗永遠在最上層,適合互動性高的程式
MainWindow.setWindowFlags(Qt.WindowMinimizeButtonHint | Qt.WindowCloseButtonHint | Qt.WindowStaysOnTopHint)

不能這樣寫 (後者會洗掉前者的功能)

# 只有縮小/關閉 (取消放大)
MainWindow.setWindowFlags(Qt.WindowMinimizeButtonHint | Qt.WindowCloseButtonHint)
# 視窗永遠在最上層,適合互動性高的程式
MainWindow.setWindowFlags(Qt.WindowStaysOnTopHint)

Reference

⭐Python PyQt5 相關文章整理⭐:
⭐基礎知識與架構篇⭐:
1.【PyQt5】Day 1 – 安裝 PyQt,建立自己的第一支 PyQt5 程式
2.【PyQt5】Day 2 – 利用 Qt designer 建立第一支有自己介面的 PyQt5 程式
3.【PyQt5】Day 4 – 重要的 Qt 程式邏輯觀念,務必先有此觀念後面才會懂自己在幹嘛
4.【PyQt5】Day 5 – 開始來設計我們的 controller.py,改以「程式角度」來說明如何建立 PyQt 的系統
⭐基本元件應用篇⭐:
1.【PyQt5】Day 6 – 我們的第一個 output 手段 – Qlabel
2.【PyQt5】Day 7 – 我們的第一個 input 手段 – QPushButton
3.【PyQt5】Day 8 – 我們的第二個 input 手段 – QLineEdit
4.【PyQt5】Day 9 – 以 QLineEdit, QTextEdit, QPlainTextEdit 作為文字的輸入
6.【PyQt5】Day 14 - 使用 QSlider 製作可拖曳的滑條
8.【PyQt5】Day 19 - 使用 QProgressBar,製作進度條的功能
⭐介面系統控制篇⭐:
5.【PyQt5】Day 10 – 以 QFileDialog 讀取系統的檔案、資料夾
7.【PyQt5】Day 18 / Project 使用 QTimer,自製碼表(計時器) PyQt5 stopwatch DIY
1.【PyQt5】Day 20 - PyQt 最重要的 QThread 概念 / 為什麼 windows, mac, ubuntu (linux) 程式會「沒有回應」?
2.【PyQt5】Day 21 – 透過 PyQt 實現滑鼠監聽總整理,完全掌握滑鼠控制 (listen mouse)
3.【PyQt5】Day 22 – PyQt 視窗的個性化/屬性控制 setWindowFlags,禁止放大縮小、永遠顯示於最上層/最下層
4.【PyQt5】Day 23 – 使用系統內建的調色盤 QColorDialog,來替我們選擇顏色 QColor (Color Picker)
5.【PyQt5】Day 24 / Project 偵測滑鼠目前指示顏色的小工具 (滴管工具), 利用 QCursor 偵測滑鼠, QApplication 取得截圖
⭐影像處理篇⭐:
1.【PyQt5】Day 11 – 以 Qlabel 在 PyQt 中顯示圖片 (基於 QImage 使用 OpenCV)
2.【PyQt5】Day 12 – 建立一個可以縮放圖片大小的顯示器 (基於 QImage 使用 OpenCV)
3.【PyQt5】Day 13 – 使用 QVBoxLayout, QscrollArea 製作出捲軸,以高解析度檢視圖片 (基於 QImage 使用 OpenCV)
4.【PyQt5】Day 15 / Project 與檔案功能整合,製作出可讀取圖片並可縮放的 UI 介面 (使用 PyQt + OpenCV)
5.【PyQt5】Day 16 - 在 PyQt5 中取得圖片座標 (滑鼠位置) mousePressEvent,觀察圖片在 Qt 中產生的方式,對原圖進行座標換算處理
6.【PyQt5】Day 17 / Project 製作標註 roi 工具, 開始導入 OpenCV 作為繪圖引擎, 在圖上畫點並顯示座標
⭐project 篇⭐:
1.【PyQt5】Day 25 / Project 自己做一個影片播放器 DIY video player (結合 PyQt + OpenCV)
2.【PyQt5】Day 26 / Project 替我們影片播放器增加一個顯示進度的滑條 video player add slider (與昨日 bottleneck 處理細節)
3.【PyQt5】Day 27 / Project 製作影片 ROI 標註工具 (PyQt 結合 OpenCV 在圖上畫點畫線)
4.【PyQt5】Day 28 / final project – 1 來搞一個自己的 photoshop 吧!UI 篇 + 純程式架構篇 (結合 PyQt + OpenCV)
5.【PyQt5】Day 29 / final project – 2 來搞一個自己的 photoshop 吧!後段程式細節篇 (結合 PyQt + OpenCV)
6.【PyQt5】Day 30 / final project – 3 來搞一個自己的 photoshop 吧!把每個方法封裝起來製作出還原功能吧! (結合 PyQt + OpenCV)
⭐打包程式篇⭐:
1.【PyQt5】Day 3 – 用 pyinstaller 將 python 程式打包,把每天的成果分享給你的親朋好友
⭐【喜歡我的文章嗎? 歡迎幫我按讚~ 讓基金會請創作者喝一杯咖啡!
如果喜歡我的文章,請幫我在下方【按五下Like】 (Google, Facebook 免註冊),會由 「LikeCoin」 贊助作者鼓勵繼續創作,讀者們「只需幫忙按讚,完全不用出錢」哦!

likecoin-steps