Qt QSS樣式化 菜單Qmenu&QAction


項目是一款平板上的軟件,菜單放在了右下角,沒有用qss設置樣式之前,菜單非常的小,菜單項也都擠在了一塊,設置樣式后效果非常好。

先上一張效果圖吧,可以看到QSS樣式化后的菜單的特點:上下左右間距增大了,調整到很是的大小,菜單項目中間有一條間隔的橫線區分各個菜單項,

菜單中的QAction鼠標經過時菜單背景會變成藍色等。


實現這種效果如果在Qt中用C++語句實現可能有些困難,我也沒有這么做過,后來參考了Qt幫助文檔的一些QSS的例子做出了這種效果。

具體實現做法

將一下樣式添加到Qt的QSS樣式表文件中,要根據你的實際情況調整相應的長寬等值,具體的參數說明下面代碼注釋中已經說明。如果你想對QSS有個好的了解建議學習一些簡單的CSS語法,QSS就是借鑒了CSS,但是比它簡單多了,之后你會發現QSS非常簡單,而且非常便捷好用,為程序美化開發省下很多時間。

 

 1 /*Qmenu Style Sheets*/
 2  QMenu {  3      background-color: white; /* sets background of the menu 設置整個菜單區域的背景色,我用的是白色:white*/
 4      border: 1px solid white;/*整個菜單區域的邊框粗細、樣式、顏色*/
 5  }  6  
 7  QMenu::item {  8      /* sets background of menu item. set this to something non-transparent  9  if you want menu color and menu item color to be different */
10      background-color: transparent; 11      padding:8px 32px;/*設置菜單項文字上下和左右的內邊距,效果就是菜單中的條目左右上下有了間隔*/
12      margin:0px 8px;/*設置菜單項的外邊距*/
13      border-bottom:1px solid #DBDBDB;/*為菜單項之間添加橫線間隔*/
14  } 15  
16  QMenu::item:selected { /* when user selects item using mouse or keyboard */
17      background-color: #2dabf9;/*這一句是設置菜單項鼠標經過選中的樣式*/
18  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM