- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 QMainWindow 应用程序,它由一个菜单栏、中央小部件中的拆分器和一个状态栏组成。拆分器的左侧是一个包含一些控件(列表、组合和按钮)的小部件,右侧是一个包含 Matplotlib Canvas 布局和 NavigationToolBar 的小部件。
我能够使用 QT 样式表设置所有内容的各种背景颜色……除了 Matplotlib 方面。我试图使用以下但它没有效果。我还尝试直接设置 NavBar 和 Canvas 样式表......但它再次不起作用:
self.mplFig.setStyleSheet(".QWidget {background-color: #0ff}")
基本上我试图改变 NavToolbar 的背景颜色和 Canvas 周围的边框以匹配其他所有内容(当前为青色,因此很容易显示)......任何帮助,将不胜感激。完整代码和示例图片如下:
import sys
from PyQt4 import QtGui, QtCore
import matplotlib
matplotlib.use("qt4agg")
from matplotlib.backends.backend_qt4agg import FigureCanvasQTAgg as FigureCanvas
from matplotlib.backends.backend_qt4agg import NavigationToolbar2QT as NavigationToolbar
from matplotlib.figure import Figure
class testGUI(QtGui.QMainWindow):
def __init__(self, parent=None):
super(testGUI, self).__init__(parent)
self.buildLayout()
self.buildMenus()
self.menuBar()
self.statusBar()
## Style Sheets
self.splitter.setStyleSheet("QSplitter::handle:horizontal {background-color: #ccc}")
self.controlWidget.setStyleSheet(".QWidget {background-color: #0ff}")
menuStyle = """.QMenuBar {background-color: #0ff}
QMenuBar::item {background: transparent}
QMenuBar::item:selected {background: #8ff}"""
self.statusBar().setStyleSheet(".QStatusBar {background-color: #0ff}")
self.menuBar().setStyleSheet(menuStyle)
# .....THIS DOESN"T WORK !! .....
self.mplFig.setStyleSheet(".QWidget {background-color: #0ff}")
def buildLayout(self):
self.controlWidget = QtGui.QWidget(self)
self.plotList = QtGui.QListWidget(self)
self.combo = QtGui.QComboBox(self)
self.button = QtGui.QPushButton('Plot')
self.combo.addItems(\['1','2','3','4'\])
layout = QtGui.QVBoxLayout()
layout.addWidget(self.plotList)
layout.addWidget(self.combo)
layout.addWidget(self.button)
self.controlWidget.setLayout(layout)
self.mplFig = MplGrapher()
self.splitter = QtGui.QSplitter(QtCore.Qt.Horizontal)
self.splitter.addWidget(self.controlWidget)
self.splitter.addWidget(self.mplFig)
self.setCentralWidget(self.splitter)
QtGui.QApplication.setStyle(QtGui.QStyleFactory.create('Plastique'))
def buildMenus(self):
openFile = QtGui.QAction('Open', self)
self.fileMenu = self.menuBar().addMenu('&File')
self.fileMenu.addAction(openFile)
class MplGrapher(QtGui.QWidget):
def __init__(self,parent=None):
super(MplGrapher, self).__init__(parent)
self.initFigure()
def initFigure(self):
self.figure = Figure()
self.canvas = FigureCanvas(self.figure)
self.navbar = NavigationToolbar(self.canvas, self)
self.figure.add_subplot(1,1,1)
self.layout = QtGui.QVBoxLayout()
self.layout.addWidget(self.navbar)
self.layout.addWidget(self.canvas)
self.setLayout(self.layout)
if __name__ == '__main__':
app = QtGui.QApplication(sys.argv)
main = testGUI()
main.show()
sys.exit(app.exec_())
最佳答案
感谢 Maxwell Grady 的一些提示,我想我可能有一个解决方案。
我更改了以下两行:
self.mplFig.setStyleSheet("QWidget {background-color: #0ff}")
注意缺少“.”在 QWidget 和之前
class MplGrapher(QtGui.QGroupBox):
更改后的 GUI 图片。现在我实际上可以设置一些样式属性了……是时候让它不那么丑陋了。
关于python - 如何为 Matplotlib 小部件(navBar/canvas)设置 PyQT4 样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31396047/
我仍在学习网页设计的诀窍,并且我无法理解一些事情是如何工作的...... 我创建了一个函数来切换导航栏标题背景颜色,我发现以下内容是正确的,但不确定原因: 作品: $(".navbar.navbar-
在 Twitter bootstrap 2.3.2 中,我可以有类似的东西: http://jsfiddle.net/aQwUZ/3/
我是 bootstrap、jquery 和 javascript 的新手,我在一个网站上工作,但我遇到了一个问题。 . .我需要顶部的导航栏在超小屏幕上以折叠状态加载。现在,该栏在 XS 屏幕上是垂直
我正在学习使用 Ruby on Rails 编写代码,并且正在制作一个随机网页。我添加了 Bootstrap 导航栏。 我正在尝试将导航栏的边框更改为无,而不是: .navbar { bord
每当我学习 ionic 的教程时,我都会看到短语 *navbar。这是什么意思?我知道 * 表示它在模板中插入标签,但无法真正理解这个表达式.. 最佳答
我不知道如何正确表达这一点,但我想做的是让顶部栏( http://puu.sh/iNdBj/7f11027db0.png )在向下滚动时折叠并在回到顶部时重新出现,我想让底部栏填充顶栏的位置。 目前的
这是我第一次使用 bootstrap,我使用 roots 主题作为准系统模板。我在 header-top-navbar.php 的 navbar-header 元素中放置了一个图像我还将它放在一个 d
在我网站的顶部,主要的导航类是: navbar navbar-default navbar-fixed-top bg 我正在努力做到这一点,当你滚动时,类会更改为这样我就可以创建一个更优雅、更简单的滚
这是我的问题: collapse problem 如您所见,我的 navbar-collapse div 进入了导航栏区域。你能帮我解决一下吗? Title
我已经为类尝试了很多不同的选项来更改 navbar 上的文本颜色,特别是 navbar-brand 元素。我的 .navbar-brand color:purple; CSS 类没有运行。你能帮我弄清
我正在尝试使用 nav navbar-nav navbar-right 创建一个下拉菜单。我让它在移动设备(较小的屏幕)上对齐但是当我点击下拉菜单时它不会将菜单项向下推但是而是下拉其他菜单项。我不确定
我的导航栏没有改变颜色。 Navbar.jsx 文件中的 Navbar.css 文件的路径是否正确? import React, { Component } from 'react'; import
我无法让我的 navbar-header 和 navbar-nav 元素正确排列。 navbar-header 在 navbar 中垂直居中,而 navbar-nav 看起来像是 align="top
当我的屏幕宽度达到 767px 时,导航会异常折叠。当我转到 768px 时,navbar-nav 会低于 navbar-brand。直到我达到 795px,navbar-brand 和 navbar
我正在尝试实现一个固定的导航栏,但是在一定的屏幕尺寸(〜宽度:989)之后,导航栏向下移动。它也不适用于移动设备。 图片: 导航栏完全贴在页脚上,而不是停留在页面顶部。 您可以在以下位置查看代码:ht
我正在尝试右对齐我的 NavBar,但每当我添加 float:right 时,导航栏都会向右移动,但似乎已禁用。 参见此处:goo.gl/46yUrt 代码: /** * 4.2 Navigatio
我正在使用 Bootstrap 4,我希望我的 navbar-toggler 出现在 navbar-brand 之前,例如 this ,但是如果我将 navbar-toggler 放在第一位,我的对齐
如何使 navbar-header 全宽或单独成一行? 我在 collapse navbar-collapse 上添加了 clear:both; 但所有的填充都弄乱了。
.navbar 和 .navbar a 有什么区别 .navbar { overflow: hidden; background-color: #333;
在 Twitter bootstrap 的 starter-template.html 中,navbar 写成 ... 但是,如果我将标记更改为
我是一名优秀的程序员,十分优秀!