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屬性,...