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...