qss 介面 樣式表

2021-10-01 03:35:07 字數 2648 閱讀 8231

qpushbutton 設定 icon 後不能再通過樣式表設定 background-color 屬性 ,但是可以設定background-image 屬性(不清楚原因。。。)

一般情況下button為觸發方式(trigger),只有設定為checkable的時候,轉為切換狀態即toggled

預設狀況下checkable是不選中的,button預設為觸發按鈕(trigger button),按下去馬上彈起來

選中checkable後,button變成切換按鈕(toggle button),可以有兩種狀態:按下/彈起;此時該按鈕可以發射 toggled(bool) 訊號,與槽函式setvisible(bool) 結合即可用於控制項交替顯示

背景

background:white;color:#999;			//背景色

background: transparent; //背景透明

background-color: rgba(255, 255, 255, 0); //背景透明,0為透明,100為不透明;

background:qlineargradient(spread:pad, x1:0, x2:0, y1:0, y2:1, stop:0 #fefdfd, stop:1 #cecece);" //漸變效果

字型

setstylesheet("qpushbutton ");				//顏色
圓角

border-top-left-radius:10px;

border-top-right-radius:10px;

border-bottom-right-radius:0px;

border-bottom-left-radius:0px

border-radius: 10px; //同時設定四個圓角

邊框

border:2px solid;			//粗細

border-color:#dcdcdc; //邊框顏色

border:none; //無邊框

qpushbutton 三態

/****qpushbutton 設定qicon 無法設定 background-color屬性,只能通過設定background-image屬性進行改變背景顏色***/

ui->btnmax->setstylesheet("qpushbutton"

"qpushbutton:hover"

); /**** 在ui介面中 參加 qicon以實現介面放大縮小時比例變化 ****/

ui->minbtn->setstylesheet("qpushbutton"

"qpushbutton:hover"

); /**** 在ui介面中 參加 qicon以實現介面放大縮小時比例變化 ****/

ui->closebtn->setstylesheet("qpushbutton"

"qpushbutton:hover"

);

qmenu下拉三角隱藏

修改qss檔案:

qpushbutton#menubutton:menu-indicator

或者修改樣式表:

menubutton->setstylesheet("qpushbutton::menu-indicator");

qtableview 表頭背景色

ui->tableview->horizontalheader()->setstylesheet("qheaderview::section ");
qdateedit 背景色

注:如果不能無法獲取calendarwidget()->setstylesheet() 方法,加標頭檔案 #int #include

ui->startdateedit->calendarwidget()->setstylesheet("background-color:white;alternate-background-color:grey;");

ui->startdateedit->setstylesheet("qtoolbutton#qt_calendar_monthbutton,#qt_calendar_yearbutton");

滾動條:

ui->treewidget->verticalscrollbar()->setstylesheet(\

"qscrollbar:vertical "

"qscrollbar::handle:vertical "

"qscrollbar::add-line:vertical "

"qscrollbar::sub-line:vertical "

"qscrollbar::up-arrow:vertical,qscrollbar::down-arrow:vertical "

"qscrollbar::add-page:vertical "

"qscrollbar::sub-page:vertical "

);

滾動條效果:

Qt之QSS樣式表

一 簡介 1 qt樣式表是一種強大的機制,它允許您自定義小部件的外觀,而不僅僅是通過子類化qstyle已經可以實現的功能。qt樣式表的概念 術語和語法與html的css樣式表類似。二 樣式表語法 樣式的規則1 樣式規則由選擇器和宣告組成。選擇器指定哪些小部件受規則影響 宣告指定應該在小部件上設定哪些...

QT之qss樣式表設定

qt樣式表的術語和語法規則幾乎和css相同。1 qss樣式規則由乙個選擇器和宣告組成。qpushbutton,qpushbutton為選擇器,為宣告。2 多個選擇器可指定同乙個宣告,用來對這一組部件統一設定。如qpushbutton,qlabel,qtextline qt style sheets ...

QSS樣式表語法

qss檔案存在,可以通過檔案載入進行設定 直接寫在ui檔案或者 中 從外到內 margin rectangle 最外面的矩形,主要是負責與其他視窗部件間的距離 border rectangle 包圍padding rectangle,為邊界預留空間,可認為是視窗的外框線 padding rectan...