天天看點

超詳細且簡單的Qt Designer設定界面背景圖

這裡介紹的主要是一種放置界面底層的背景圖方式

首先,先建立一個框,并填充你所需要的一些元件,這裡就用我近期的一個小項目吧;

本來,

超詳細且簡單的Qt Designer設定界面背景圖

界面如上所示。

想要背景圖檔不被引用到元件的背景圖上,

我們在這裡運用一個list View的元件

超詳細且簡單的Qt Designer設定界面背景圖
拖動到界面上,選中在點選放置在後面的按鈕
超詳細且簡單的Qt Designer設定界面背景圖

這樣,list View就被置于底層了

然後,将其放大占滿所有區域,由你定吧。

超詳細且簡單的Qt Designer設定界面背景圖
空白處點右鍵選擇改變樣式表,
超詳細且簡單的Qt Designer設定界面背景圖
點選添加資源,選擇下拉菜單第一項。
超詳細且簡單的Qt Designer設定界面背景圖

選擇編輯資源,

有一個前提,你的檔案裡面得先包含有**.qrc檔案**,下面就一并介紹了:

補充前提

打開你項目的所在檔案目錄,建立一個文本檔案,并将字尾名改為.qrc,然後将下面代碼複制到文本檔案中:

<!DOCTYPE RCC>
<RCC version="1.0">
<qresource prefix="/">
    <file>bearwn.png</file>
    <file>cyj.png</file>

</qresource>
</RCC>
      

首先改檔案目錄下得含有你的資源圖檔檔案,我這裡就是bearwn.png和cyj.png這兩個圖檔在一個檔案夾裡。将這兩個檔案改為你調用的圖檔檔案的名稱!!!

注:若pyrcc5将.qrc轉換為.py存在的一些問題—>點選 這裡

到此,你已經有了.qrc檔案了。

接上剛剛的點選編輯資源,再點選下圖位置

超詳細且簡單的Qt Designer設定界面背景圖

找到.qrc所放置的位置

超詳細且簡單的Qt Designer設定界面背景圖

打開,

選中你的所需要的背景圖檔就okay啦~

超詳細且簡單的Qt Designer設定界面背景圖
超詳細且簡單的Qt Designer設定界面背景圖

最後,背景圖檔就會呈現在界面的最底部~

超詳細且簡單的Qt Designer設定界面背景圖