Qt之樣式表QPushButton詳細(xì)制作方法
前言
制作不易 多多支持
點(diǎn)贊關(guān)注 萬分感謝
個(gè)人經(jīng)驗(yàn)分享，望各位少走彎路
日后如果有新發(fā)現(xiàn)，我會實(shí)時(shí)更新這個(gè)專欄
?PyQt5學(xué)習(xí)愛好群主群：732513891（已滿）
PyQt5學(xué)習(xí)愛好群二群：937759168（已滿）
PyQt5學(xué)習(xí)愛好群三群：757679170
*注意：作者本人Macos系統(tǒng)，和windows可能有些許不同
QPushButton
在Mac中，如果按鈕輸入中文文字，必須保持高度不超過32，否則會丟失原始樣式。如果設(shè)定maximunsize的高度鎖定為32，則不會發(fā)生樣式變化。
QPushButton{
color: rgb(255, 255, 255);
background-color: rgba(165, 205, 255,125);
border:1px outset rgb(255, 255, 255);
border-radius:8px;
? text-align: center center;
}文字為白色、背景顏色為天藍(lán)色透明度為125、邊框?yàn)?px的凹陷白色邊框、圓角為8px，文字排版為橫縱居中。
/*鼠標(biāo)放在按鈕上方*/
QPushButton:hover {
background-color: rgba(165, 205, 255,80%);
border:2px outset rgba(36, 36, 36,0);
}繼承QPushButton開始的樣式并且添加，背景色為天藍(lán)色，提升透明度到80%，增加邊框?yàn)?px的凹陷透明邊框。
/*鼠標(biāo)點(diǎn)擊按鈕*/
QPushButton:pressed {
background-color: rgba(165, 205, 255,90%);
border:4px outset rgba(36, 36, 36,0);
}繼承QPushButton開始的樣式并且添加，背景顏色透明度提升至90%，增加4px透明邊框。
QPushButton{
color: rgb(255, 255, 255);
background-color: rgba(165, 205, 255,125);
border:1px outset rgb(255, 255, 255);
border-radius:8px;
text-align: bottom;
image: url(:/svg/img/svg/男孩3.png);
? ?image-position: top; /* 背景圖片的位置 */
? ?padding-bottom: 18px; /* 背景圖標(biāo)的padding參數(shù) */
? ?background-repeat: no-repeat; /*repeat-y，repeat-x*/
}帶有圖片，并且圖片在上，文字在下的按鈕。
/*按鈕設(shè)置為flat狀態(tài)時(shí)*/
QPushButton:flat { ?
? ?border:2px solid red; ?
}
/*按鈕設(shè)置為default狀態(tài)時(shí)*/
QPushButton:default { ?
? ?border:2px solid blue; ?
}可以按照按鈕的不同形態(tài)進(jìn)行樣式設(shè)定。
QPushButton{
margin-right:3px;
margin-bottom:0px;
color: rgb(255, 255, 255);
background-color: rgba(165, 205, 255,125);
border:1px outset rgb(255, 255, 255);
border-radius:8px;
font-family: "Microsoft YaHei";
font-size: 14px;
font-style: italic;
font-weight: bold;
font: bold italic 18px "Microsoft YaHei";
}帶有文字字體、文字大小、文字風(fēng)格、文字加粗、等風(fēng)格的按鈕。
????????那么Pushbutton就大概涵蓋這些，如果有遺漏請大家私信我，后續(xù)如果有發(fā)現(xiàn)新的玩法，會及時(shí)更新文章，希望大家多多關(guān)注點(diǎn)贊支持我。后續(xù)我會把其他控件的相關(guān)用法也寫出來。如果有深入學(xué)習(xí)和交流可以加群，群里有很多小伙伴可以一起討論問題。
?PyQt5學(xué)習(xí)愛好群主群：732513891（已滿）
PyQt5學(xué)習(xí)愛好群二群：937759168（已滿）
PyQt5學(xué)習(xí)愛好群三群：757679170
謝謝觀看
