技術標籤：QSS

QSS系列：自定義QMenuBar

• 簡述
• 效果
• 樣式表
• 參考

簡述

QMenuBar支援盒子模型。屬性spacing定義選單項之間的間距。單獨的選單項使用::item子控制元件定義樣式。

效果

模仿Qt Creator的選單欄效果

樣式表

QMenuBar {
    background-color: qlineargradient(x1:0, y1:1, x2:0, y2:0,
                                      stop:0 #DEDEDE, stop:1 #C7C7C7);
}

/* 使選單項在選單欄中看起來是垂直居中效果 */
 

QMenuBar::item {
    spacing: 0px;
    margin-top: 1px;
    margin-left: 1px;
    padding: 3px 8px;
    color: black;
    background: transparent;
    border-radius: 0px;
    width: 65px;
    height: 26px; /* 與margin、padding關聯並且QMenuBar設定固定高度28px */
}

QMenuBar::item:selected {
    color: white;
    background
 
: #5D5E5F;
}

參考

參考Qt助手，如有錯誤，請指正，謝謝！