QPushButton自定義樣式

2021-10-13 13:02:53 字數 1997 閱讀 2070

qpushbutton自定義樣式介紹:

基本樣式:

上面是基本的顯示效果;

舉個例子,假如想讓字型左對齊,邊距是10的話,具體設定和顯示效果如下:

setstylesheet("qpushbutton"

);

上面樣式應用於自定義文字、對齊等;

back-ground-origin:content; padding-right:15px; 這兩句是設定位置的關鍵;也就是位置放在content裡面,調整padding的位置,就是調整的邊距;

顯示效果如上圖,背景右對齊,邊距15px;

怎麼調整上下結構呢?

樣式表及顯示效果如上圖;

用paintevent是可以實現的,畫畫是萬能的,所以我選擇了用布局。

qlabel *iconlabel = new qlabel;

qlabel *textlabel = new qlabel;

iconlabel->setpixmap(qpixmap(":/new/prefix1/icon_right2.png")); //新增icon

textlabel->setalignment(qt::alignright | qt::alignvcenter);

textlabel->settext(qstring::fromlocal8bit(「下一組」));

qhboxlayout *mylayout = new qhboxlayout();

mylayout->addspaceritem(new qspaceritem(0,0,qsizepolicy::minimum,qsizepolicy::expanding)); //新增空白

mylayout->addwidget(textlabel);

mylayout->addwidget(iconlabel);

mylayout->addspaceritem(new qspaceritem(0,0,qsizepolicy::minimum,qsizepolicy::expanding)); //新增空白

mylayout->setstretch(0,1); //設定縮放比例

android 自定義actionbar樣式和布局

1.首先,新增自定義的actionbar樣式 在style.xml中新增樣式actionbarstyle 2.在style.xml中新增activity的樣式customtheme,並在改樣式中設定actionbar的樣式為actionbarstyle 3.在manifest中為對應的activit...

jquery validate 新增自定義樣式

validate外掛程式的預設錯誤資訊插入位置是要驗證的元素的後面,所用的標籤是 驗證不通過時,會給label以及所驗證的元素新增 class error,驗證通過後,label會被隱藏.1.errorelement 標籤名 表示錯誤資訊所用的標籤,預設是label 2.errorplacement...

vue Element修改預設樣式自定義樣式

scoped的作用 scoped是vue裡面style標籤的乙個特殊屬性,當乙個style標籤擁有scoped屬性的時候,就相當於說明它裡面的樣式只作用於當前這個vue頁面,不會汙染到全域性的樣式,從而實現了元件樣式的模組化,那麼它是怎麼實現的呢?其實如果我們給style標籤加上了scoped屬性,...