QT控制項系列一 半透明遮罩彈窗

2021-10-21 01:21:40 字數 865 閱讀 3706

​ 我們看windows桌面應用,當你彈出乙個提示彈窗,會發現彈窗有乙個透明的遮罩,拖動遮罩應用介面跟隨移動。這麼設計一可以起到提示作用,二介面看起來很酷弦,三防止使用者誤操作。看下面的效果:

​ 今天我們用qt來實現這個功能,首先看下需要用到的技術點:

​ 使用了setstylesheet調成半透明後,子控制項會繼承父視窗的半透明效果,這時候只要在不需要半透明的位置放乙個qframe或者qlabel重新設定下背景色,並把子控制項都放到qframe/qlabel中。

mainwindow::

mainwindow

(qwidget *parent)

:qmainwindow

(parent),ui

(new ui::mainwindow));

setstylesheet

("background: rgba(255, 255, 255, 1);");

}

或聯絡我

[email protected]

Qt實現半透明遮罩效果

本文索引我們在顯示一些模態對話方塊的時候,往往需要將對話方塊的背景顏色調暗以達到突出當前對話方塊的效果,例如 對話方塊的父視窗除了標題欄以外的部分都變暗了,在父視窗的對比下對話方塊的顯示效果就得到了強調。這種設計多見於web頁面,當使用者點選諸如購買之類的按鈕後頁面會彈出乙個購物清單確認對話方塊,並...

《css揭秘》學習(一)半透明邊框

1.知識點 hsla顏色 hsla h,s,l,a 取值 h hue 色調 0 或360 表示紅色,120表示綠色,240表示藍色,也可取其他數值來指定顏色。取值為 0 360 s saturation 飽和度 取值為 0.0 100.0 l lightness 亮度 取值為 0.0 100.0 a...

《css揭秘》學習(一)半透明邊框

1.知識點 hsla顏色 hsla h,s,l,a 取值 h hue 色調 0 或360 表示紅色,120表示綠色,240表示藍色,也可取其他數值來指定顏色。取值為 0 360 s saturation 飽和度 取值為 0.0 100.0 l lightness 亮度 取值為 0.0 100.0 a...