国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

QT設置widget背景圖片

這篇具有很好參考價值的文章主要介紹了QT設置widget背景圖片。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

首先說方法,在給widget或者frame或者其他任何類型的控件添加背景圖時,在樣式表中加入如下代碼,指定某個控件,設置其背景。

類名 # 控件名
{
填充方式:圖片路徑
}
例如:
QWidget#Widget
{
    border-image: url(:/resource/bg2.png);
}
或者
QFrmae#frame
{
    border-image: url(:/resource/bg2.png);
}

如果單純改變樣式表,沒有指定控件的話,內(nèi)部的其他控件背景也會改變。

特別提醒:類名 # 控件名,其中控件名要準確,假如你把widget的名字改成了其他,那么這里的控件名要一致。

QT設置widget背景圖片,C語言教程,qt,服務器,前端

錯誤示范:

QT設置widget背景圖片,C語言教程,qt,服務器,前端

如圖:效果非常雜亂。

QT設置widget背景圖片,C語言教程,qt,服務器,前端

正確示范:

QT設置widget背景圖片,C語言教程,qt,服務器,前端

效果:只有指定的widget背景改變,widget內(nèi)部控件背景不變

QT設置widget背景圖片,C語言教程,qt,服務器,前端

我們知道Qt中所有界面類的祖先是QWidget,因此學會給QWidget設置圖片是必須掌握的技能之一。但是編程是沒有標準答案的,達到同一效果可以有許多不同的方法。那么給窗口設置背景圖片又有多少種方法呢?接下來通過寫個測試例子看看。

首先使用QtCreator新建一個基于QWidget的工程,然后給工程添加一個資源文件,接著在資源文件中添加一張圖片bg.jpg。

1.使用調(diào)色板QPalette來設置圖片。

QT設置widget背景圖片,C語言教程,qt,服務器,前端

首先獲得Widget的調(diào)色板,然后設置設置調(diào)色板背景(setBrush),最后將調(diào)色板設置到Widget中。

QT設置widget背景圖片,C語言教程,qt,服務器,前端

由于圖片太大導致整個窗口顯示不下。

2.在paintEvent事件中繪制圖片。

QT設置widget背景圖片,C語言教程,qt,服務器,前端

drawPixmap在Widget的整個矩形區(qū)域繪制背景圖片,第三個參數(shù)為要繪制的圖片區(qū)域,傳入空的矩形表示整個圖片區(qū)域。

QT設置widget背景圖片,C語言教程,qt,服務器,前端

通過這種方式可以將圖片平鋪到窗口上,缺點就是要使用paintEvent事件需要新建一個類,不適合子窗口。

3. 使用樣式表(setStyleSheet).

使用樣式表可以很方便設置界面,而且非常高效,還能讓界面和邏輯分離。真的是Qt里非常好用的一個東西,設置背景圖片的語句也很簡單。

QT設置widget背景圖片,C語言教程,qt,服務器,前端

一句話就搞定了,這里使用border-image屬性可以讓圖片平鋪到窗口,效果與第二點一樣。不過在本例中由于Widget是頂層窗口,所以直接設置樣式表也不會顯示。所以樣式表比較適合子窗口來使用。

4.使用間接的方式來設置背景,比如說在窗口上覆蓋一個QLabel,這個label始終與窗口一樣大。然后在label中設置圖片,視覺效果上和直接給窗口設置背景圖片一樣。

QT設置widget背景圖片,C語言教程,qt,服務器,前端

創(chuàng)建一個label作為Widget的子窗口,然后設置圖片。通過在Widget的resizeEvent事件中設置label的大小與Widget一致。這里需要注意調(diào)用QLabel的setScaledContents(true),否則效果和第一種一樣。由于QLabel可以用來顯示動圖因此使用這種方式可以實現(xiàn)窗口的動態(tài)背景圖片。文章來源地址http://www.zghlxwxcb.cn/news/detail-667790.html

到了這里,關于QT設置widget背景圖片的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 【QT】 QLabel背景圖片自適應窗口大小

    【QT】 QLabel背景圖片自適應窗口大小

    這是最終效果: 想要圖片跟隨窗口自適應大小,首先我們先對QWidget進行網(wǎng)格布局,布局效果如下: 布局完成后添加 QLabel 代碼,新建 QLabel 并且設置為可擴展內(nèi)容,再設置圖片放置最后面,否則圖片在最前面會遮擋控件。 然后重寫 qt 的繪畫事件: 這是繪畫事件的實現(xiàn)代碼:

    2024年02月15日
    瀏覽(26)
  • 如何在Qt Desginer中設置背景圖片,且不覆蓋其它控件

    如何在Qt Desginer中設置背景圖片,且不覆蓋其它控件

    正常情況,我們直接通過在樣式表里設置背景圖片會出現(xiàn)背景圖片覆蓋其它控件的情況,比如下面操作: 首先右擊空白處,點擊改變樣式表。 然后選擇background-image 然后點擊鉛筆圖標 之后我們要先添加前綴,也就是我們的項目名,比如我的這個項目名為Snake,那就添加一個名

    2024年02月03日
    瀏覽(41)
  • 【最全IDEA個性化教程】idea設置主題+恢復主題默認設置+設置選中代碼顏色+關鍵字顏色+設置字體大小、樣式、顏色+設置背景顏色、圖片+設置導航欄背景顏色+設置控制臺字體樣式及背景+常用快捷鍵)

    【最全IDEA個性化教程】idea設置主題+恢復主題默認設置+設置選中代碼顏色+關鍵字顏色+設置字體大小、樣式、顏色+設置背景顏色、圖片+設置導航欄背景顏色+設置控制臺字體樣式及背景+常用快捷鍵)

    主題亮暗設置 如果在系統(tǒng)自帶的主題上進行了一些字體的個性化后想恢復默認設置,直接在更換主題處-點擊小齒輪-選擇Restore Defaults 進階:下載主題使用 下載該主題的地址 idea更換主題,配置字體的教程參考 主題下好以后后綴為.jar 導入一下下好的主題,然后OK-OK-OK后IDEA會

    2024年02月03日
    瀏覽(334)
  • vue設置頁面背景及背景圖片

    vue設置頁面背景及背景圖片

    本地靜態(tài)圖片? cdn圖片 設置背景色 實戰(zhàn)-PC web登錄頁 實戰(zhàn)-小程序登錄頁

    2024年02月12日
    瀏覽(28)
  • CSS 設置背景圖片

    一、基本設置 使用 CSS 可以通過以下屬性設置背景圖片: background-image : 設置背景圖片的 URL。 background-size : 設置背景圖片的大小。可以設置為絕對像素值,也可以設置為百分比或 \\\"cover\\\"(填充整個容器)或 \\\"contain\\\"(完整顯示圖片)。 background-repeat : 設置背景圖片是否重復???/p>

    2024年02月12日
    瀏覽(31)
  • flutter背景圖片設置

    flutter背景圖片設置

    1、在配置文件pubspec.yaml中,設置以下代碼 2、如果目錄中沒有assets文件夾,則創(chuàng)建一個文件夾,并且取名為assets,在此文件夾中存放圖片資源即可,如果想分文件夾管理,在assets目錄下創(chuàng)建文件夾,并且在配置文件pubspec.yaml中加入路徑即可 3、圖片的使用、在界面文件中,有

    2024年02月04日
    瀏覽(28)
  • Eclipse背景圖片的設置

    Eclipse背景圖片的設置

    我在網(wǎng)上也查找了很多教程,發(fā)現(xiàn)有些小伙伴按照如下路徑并不能找到images文件夾:、eclipsepluginsorg.eclipse.ui.themes_1.2.1800.v20220316-1102,以及不知如何設置透明度 下面我用最簡單的方式教大家解決這些問題。 首先打開eclipse文件夾按照該路徑找到images:(ecil是我自己創(chuàng)建的ecl

    2024年02月05日
    瀏覽(26)
  • 小程序背景圖片設置方法

    3、利用image標簽做到設置背景圖片 思路:我們只要利用css中的z-index改變層級既可做到變成背景圖的樣子 看代碼 wxml: wxss: 這樣我們也可以做到背景圖的效果。 相關推薦:小程序開發(fā)教程 以上就是小程序背景圖片設置方法的詳細內(nèi)容,更多請關注群英網(wǎng)絡其它相關文章!

    2024年02月07日
    瀏覽(30)
  • VSCode 如何設置背景圖片

    VSCode 如何設置背景圖片

    ?VSCode 設置背景圖片 1.打開應用商店,搜索 background ,選擇第一個,點擊安裝。 2. 安裝完成后點擊設置,點擊擴展設置。 3.點擊在 settings.json 中編輯。? ? 4.將原代碼注釋后,加入以下代碼。 ? 5. 保存后重啟 VSCode 就能看到設置的背景圖片啦。 6.最后再點擊設置,點擊顏色主

    2024年02月06日
    瀏覽(23)
  • 微信小程序背景圖片設置

    微信小程序背景圖片設置

    問題? :微信小程序通過css:background-image引入背景圖片失敗 [渲染層網(wǎng)絡層錯誤] pages/wode/wode.wxss 中的本地資源圖片無法通過 WXSS 獲取,可以使用網(wǎng)絡圖片,或者 base64,或者使用image/標簽 解決方法微信小程序在使用background-image設置背景圖時報錯:渲染層網(wǎng)絡層錯誤_index.wxss 中的

    2024年02月04日
    瀏覽(26)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包