1、QMenu菜单

QMenu {background-color: white; /* 设置整个菜单区域的背景色*/border: 1px solid white;/*整个菜单区域的边框粗细、样式、颜色*/}QMenu::item {background-color: transparent;padding:5px 32px;/*设置菜单项文字上下和左右的内边距，效果就是菜单中的条目左右上下有了间隔*/margin:0px 8px;/*设置菜单项的外边距*/border-bottom:1px solid #DBDBDB;/*为菜单项之间添加横线间隔*/}QMenu::item:selected { /* when user selects item using mouse or keyboard */background-color: #2dabf9;/*这一句是设置菜单项鼠标经过选中的样式*/}

QMenu {background-color: white;margin: 2px; /* some spacing around the menu */}QMenu::item {padding: 2px 25px 2px 20px;border: 1px solid transparent; /* reserve space for selection border */}QMenu::item:selected {border-color: darkblue;background: rgba(100, 100, 100, 150);}QMenu::icon:checked { /* appearance of a 'checked' icon */background: gray;border: 1px inset gray;position: absolute;top: 1px;right: 1px;bottom: 1px;left: 1px;}QMenu::separator {height: 2px;background: lightblue;margin-left: 10px;margin-right: 5px;}QMenu::indicator {width: 13px;height: 13px;}/* non-exclusive indicator = check box style indicator (see QActionGroup::setExclusive) */QMenu::indicator:non-exclusive:unchecked {image: url(:/images/checkbox_unchecked.png);}QMenu::indicator:non-exclusive:unchecked:selected {image: url(:/images/checkbox_unchecked_hover.png);}QMenu::indicator:non-exclusive:checked {image: url(:/images/checkbox_checked.png);}QMenu::indicator:non-exclusive:checked:selected {image: url(:/images/checkbox_checked_hover.png);}/* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */QMenu::indicator:exclusive:unchecked {image: url(:/images/radiobutton_unchecked.png);}QMenu::indicator:exclusive:unchecked:selected {image: url(:/images/radiobutton_unchecked_hover.png);}QMenu::indicator:exclusive:checked {image: url(:/images/radiobutton_checked.png);}QMenu::indicator:exclusive:checked:selected {image: url(:/images/radiobutton_checked_hover.png);}

2、QMenuBar菜单栏

QMenuBar {background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 lightgray, stop:1 darkgray);}QMenuBar::item {spacing: 3px; /* spacing between menu bar items */padding: 1px 4px;background: transparent;border-radius: 4px;}QMenuBar::item:selected { /* when selected using mouse or keyboard */background: #a8a8a8;}QMenuBar::item:pressed {background: #888888;}

3、QToolBar工具栏

QToolBar {background: red;spacing: 3px; /* spacing between items in the tool bar */}QToolBar::handle {image: url(handle.png);}

4、QStatusBar状态栏

  QStatusBar {background: brown;}QStatusBar::item {border: 1px solid red;border-radius: 3px;}

  QStatusBar QLabel {border: 3px solid white;}

待完善！

【QT】QSS美化——主窗体相关推荐

Qt界面美化 QSS
目前发现在Qt-Design中右击控件,可以选择Change StyleSheet ------------------------以下总结不太对刚接触Qt,发现Qt Design无法对每个控件进行 ...
Qt QSS之QSlider滑动条美化
首先什么是qss呢?QSS称为Qt Style Sheets也就是Qt样式表,它是Qt提供的一种用来自定义控件外观的机制.QSS大量copy了CSS的功能,只不过QSS的可以看作是CSS简化版,要弱很 ...
【QT】QSS美化——基础知识
目录一.辅助工具二.QSS加载方式三.QSS选择器类型 3.1 通配选择器 3.2 类型选择器 3.3 属性选择器 3.4 类选择器 3.5 ID选择器 3.6 后代选择器 3.7 子选择器 3 ...
pyqt5 qss美化界面
前言 pyqt5qss美化一直都是一个问题,怎么简单的使用pyqt5 qss美化呢? 一.创建引入qss的函数类 class CommonHelper:def __init__(self):pass@ ...
C#--WinForm项目主窗体设计
主窗体基本设置大小.颜色.去边框.出现的位置 Panel控件背景图.颜色.布局: Label标签文本.字体.背景颜色.布局按钮布局.文本.字体颜色.背景色. 底部panel 绑定控件边框.颜 ...
Qt的对话框与窗口--Qt中主要的窗体类及其用途
Qt中主要的窗体类及其用途常用的窗体基类是QWidget.QDialog和QMainWindow,在创建GUI应用程序时选择窗体基类就是从这3个类中选择.QWidget直接继承于QObjec ...
c# 火狐浏览器怎么嵌入窗体中_C#WinForm窗体内Panel容器中嵌入子窗体、程序主窗体设计例子...
C#WinForm父级窗体内Panel容器中嵌入子窗体.程序主窗体设计例子在项目开发中经常遇到父级窗体嵌入子窗体所以写了一个例子程序,顺便大概划分了下界面模块和配色,不足之处还望指点主窗体窗体采用 ...
delphi 登录界面主窗体切换_winform项目——仿QQ即时通讯程序06：主界面交互逻辑...
上一篇文章,我们搭建好了主界面的布局.本文将实现页面的交互逻辑,比如如何移动窗体.调整窗体大小.点击消息和联系人切换下方的panel面板.动态加载消息列表panel和好友列表panel等,并且左下角的 ...
委托（一个主窗体统计多个从窗体的按钮单击的次数）
最近在学习金老师的<.NET2.0面向对象编程揭秘>,学到了13章,委托.事件驱动和异步调用.书上有个试一试,要求:利用委托,达到一个主窗体统计多个从窗体的按钮单击的次数. 效果如下: f ...

【QT】QSS美化——主窗体

1、QMenu菜单

2、QMenuBar菜单栏

3、QToolBar工具栏

4、QStatusBar状态栏

【QT】QSS美化——主窗体相关推荐

最新文章

热门文章