[干货4]Qt中用QSS样式化菜单（Qmenu&QAction

2015-09-03 11:25:37 1.2万阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

浅谈QT中qss样式表一、前言本人是今年毕业的一名本科生，作为码农小白，或是膜拜于代码大神、博客大佬，或是想在枯燥的工作生活中找些乐子，或是纯粹的想记录一下自己的成长历程，突然就萌发了偶尔写写博客的心思，抱有着记录一下自己在工作中或是空闲时间学习到的一些知识，可能会对一些有需要的人一些启发或是之后自己如果遇到同样的问题可以方便的去找到解决方法。作为小白，现在的目标当然就是早日成为一名小牛，好好学习，天天向上。二、什么是qss样式表？ qss样式表和css层叠样式表是差不多的东西，都是用于... 阅读详情

本文转自我的博客http://www.hookr.cn/qss-for-qt-style-menu-qmenuqaction.html 欢迎大家多多访问交流
项目是一款平板上的软件，菜单放在了右下角，没有用qss设置样式之前，菜单非常的小，菜单项也都挤在了一块，设置样式后效果非常好。

先上一张效果图吧，可以看到QSS样式化后的菜单的特点：上下左右间距增大了，调整到很是的大小，菜单项目中间有一条间隔的横线区分各个菜单项，

菜单中的QAction鼠标经过时菜单背景会变成蓝色等。

实现这种效果如果在Qt中用C++语句实现可能有些困难，我也没有这么做过，后来参考了Qt帮助文档的一些QSS的例子做出了这种效果。

具体实现做法

将一下样式添加到Qt的QSS样式表文件中，要根据你的实际情况调整相应的长宽等值，具体的参数说明下面代码注释中已经说明。如果你想对QSS有个好的了解建议学习一些简单的CSS语法，QSS就是借鉴了CSS，但是比它简单多了，之后你会发现QSS非常简单，而且非常便捷好用，为程序美化开发省下很多时间。

/*Qmenu Style Sheets*/

 QMenu {

     background-color: white; /* sets background of the menu 设置整个菜单区域的背景色，我用的是白色：white*/

     border: 1px solid white;/*整个菜单区域的边框粗细、样式、颜色*/

 }

 

 QMenu::item {

     /* sets background of menu item. set this to something non-transparent

         if you want menu color and menu item color to be different */

     background-color: transparent;

     padding:8px 32px;/*设置菜单项文字上下和左右的内边距，效果就是菜单中的条目左右上下有了间隔*/

     margin:0px 8px;/*设置菜单项的外边距*/

     border-bottom:1px solid #DBDBDB;/*为菜单项之间添加横线间隔*/

 }

 

 QMenu::item:selected { /* when user selects item using mouse or keyboard */

     background-color: #2dabf9;/*这一句是设置菜单项鼠标经过选中的样式*/

 }