使用 QComboBox 选择显示在 PyQt5/PySide2 中的不同小部件集 [英] Using QComboBox to select different set of widgets displayed in PyQt5 / PySide2
本文介绍了使用 QComboBox 选择显示在 PyQt5/PySide2 中的不同小部件集的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在开发一个带有左侧工具栏的图像查看器.由于我有很多措施要做但想使用大部分图片显示并保持工具栏很薄，我想使用 combo_box1 和 combo_box2 来选择不同的工具栏中显示的小部件.
I'm working on an image viewer with a toolbar on the left. As I have many measures to make but want to use most of the display for the picture and keep the toolbar thin, I would like to use combo_box1 and combo_box2 to select the different widgets displayed in the toolbar.
示例 1:如果我在 combo_box1 中选择 measurements set 1，我就可以在测量值 P1-P2 之间进行选择 和 combo_box2 中的 P3-P4.
Example 1: if I choose measurements set 1 in combo_box1 I would then be able to choose between measurements P1-P2 and P3-P4 in combo_box2.
示例 2:如果我在 combo_box1 中选择 measurements set 2，我就可以在测量值 P5-P6 之间进行选择 和 combo_box2 中的 P7-P8.
Example 2: if I choose measurements set 2 in combo_box1 I would then be able to choose between measurements P5-P6 and P7-P8 in combo_box2.
代码如下:
from PySide2.QtWidgets import (QWidget, QApplication, QGraphicsView, QGridLayout)
from PySide2 import QtCore, QtWidgets, QtGui
from PySide2.QtOpenGL import *
from PySide2.QtCore import *
from PySide2.QtGui import *
image_path_str='image.jpg'
class View(QGraphicsView):
photo_clicked = QtCore.Signal(QtCore.QPoint)
def __init__(self, parent):
super(View, self).__init__()
self.scene = QtWidgets.QGraphicsScene(self)
self.photo = QtWidgets.QGraphicsPixmapItem()
self.scene.addItem(self.photo)
self.pixmap = QtGui.QPixmap(image_path_str)
self.photo.setPixmap(self.pixmap)
self.setScene(self.scene)
self.setDragMode(QGraphicsView.ScrollHandDrag)
class Window(QWidget):
def __init__(self):
super(Window, self).__init__()
self.view = View(self)
self.layout_contain_P1_P2 = QtWidgets.QGridLayout()
self.checkbox_P1= QtWidgets.QCheckBox("P1",self)
self.line_edit_P1_x = QtWidgets.QLineEdit(self)
self.line_edit_P1_x.setReadOnly(True)
self.line_edit_P1_y = QtWidgets.QLineEdit(self)
self.line_edit_P1_y.setReadOnly(True)
self.layout_contain_P1_P2.addWidget(self.checkbox_P1, 0, 0, Qt.AlignLeft)
self.grid_layout_P1_x_y = QtWidgets.QGridLayout()
self.grid_layout_P1_x_y.addWidget(self.line_edit_P1_x, 1, 0, Qt.AlignLeft)
self.grid_layout_P1_x_y.addWidget(self.line_edit_P1_y, 2, 0, Qt.AlignLeft)
self.layout_contain_P1_P2.addLayout(self.grid_layout_P1_x_y, 0, 1, 1, 1)
self.checkbox_P2 = QtWidgets.QCheckBox("P2",self)
self.line_edit_P2_x = QtWidgets.QLineEdit(self)
self.line_edit_P2_x.setReadOnly(True)
self.line_edit_P2_y = QtWidgets.QLineEdit(self)
self.line_edit_P2_y.setReadOnly(True)
self.layout_contain_P1_P2.addWidget(self.checkbox_P2, 1, 0, Qt.AlignLeft)
self.grid_layout_P2_x_y = QtWidgets.QGridLayout()
self.grid_layout_P2_x_y.addWidget(self.line_edit_P2_x, 0, 0, Qt.AlignLeft)
self.grid_layout_P2_x_y.addWidget(self.line_edit_P2_y, 1, 0, Qt.AlignLeft)
self.layout_contain_P1_P2.addLayout(self.grid_layout_P2_x_y, 1, 1, Qt.AlignLeft)
self.combo_box1 = QtWidgets.QComboBox(self)
self.combo_box1.addItem("measurements set 1")
self.combo_box1.addItem("measurements set 1")
self.combo_box2 = QtWidgets.QComboBox(self)
self.combo_box2.addItem("P1-P2")
self.combo_box2.addItem("P3-P4")
self.vertical1= QtWidgets.QVBoxLayout()
self.vertical1.addWidget(self.combo_box1)
self.vertical1.addWidget(self.combo_box2)
self.vertical1.addLayout(self.layout_contain_P1_P2)
self.vertical2= QtWidgets.QVBoxLayout()
self.vertical2.addWidget(self.view)
self.horizontal= QtWidgets.QHBoxLayout()
self.horizontal.addLayout(self.vertical1)
self.horizontal.addLayout(self.vertical2)
self.setLayout(self.horizontal)
self.setWindowTitle("Image viewer")
self.setGeometry(200, 200, 1000, 800)
app = QApplication.instance()
if app is None:
app = QApplication([])
w = Window()
w.show()
w.raise_()
QApplication.setOverrideCursor(QCursor(Qt.CrossCursor))
app.exec_()
推荐答案
如果你分析一下你的逻辑，你会发现数据有一个树的结构:
If you analyze your logic, you can see that the data has the structure of a tree:
root
├── measurements set 1
│ ├── P1-P2
│ └── P3-P4
└── measurements set 2
├── P5-P6
└── P7-P8
因此将使用 QComboBox 支持作为模型的信息来源，并确定使用哪个工作表显示 rootModelIndex，在下一部分中，我创建了一个涉及 QComboBox 加上另外一个级别定义的除了观察依赖之外会使用一个QTreeView.
import sys
from PySide2.QtWidgets import *
from PySide2.QtGui import *
class Widget(QWidget):
def __init__(self, parent=None):
QWidget.__init__(self, parent)
play = QVBoxLayout(self)
lay = QHBoxLayout()
self.model = create_model(d)
self.treeView = QTreeView()
play.addLayout(lay)
play.addWidget(self.treeView)
self.treeView.setModel(self.model)
self.treeView.expandAll()
ix = self.model.index(0, 0)
self.combos = []
while self.model.hasChildren(ix):
combo = QComboBox()
combo.setModel(self.model)
lay.addWidget(combo)
combo.setRootModelIndex(ix)
combo.setCurrentIndex(0)
ix = ix.child(0, 0)
combo.currentIndexChanged.connect(self.on_currentIndexChanged)
self.combos.append(combo)
def next_combo(self, combo):
ix = self.combos.index(combo)
if ix != len(self.combos)-1:
return self.combos[ix+1]
def on_currentIndexChanged(self, index):
combo = self.sender()
combo_child = self.next_combo(combo)
if combo_child:
p_ix = combo.rootModelIndex()
ix = p_ix.child(index, 0)
combo_child.setRootModelIndex(ix)
combo_child.setCurrentIndex(0)
def load_childrens(values, parent):
for value in values:
name = value["name"]
dependencies = value["dependencies"]
item = QStandardItem(name)
parent.appendRow(item)
load_childrens(dependencies, item)
def create_model(info):
model = QStandardItemModel()
root = QStandardItem("root")
model.appendRow(root)
load_childrens(info, root)
return model
d = [{
'name': 'measurements set 1',
'dependencies': [
{
'name': 'P1-P2',
'dependencies': [
{
'name': "T1",
"dependencies" : []
},
{
'name': "T2",
"dependencies" : []
}
]
},
{
'name': 'P3-P4',
'dependencies': [
{
'name': "T3",
"dependencies" : []
},
{
'name': "T4",
"dependencies" : []
}
]
}
],
},
{
'name': 'measurements set 2',
'dependencies': [
{
'name': 'P5-P6',
'dependencies': [
{
'name': "T5",
"dependencies" : []
},
{
'name': "T6",
"dependencies" : []
}
]
},
{
'name': 'P7-P8',
'dependencies': [
{
'name': "T7",
"dependencies" : []
},
{
'name': "T8",
"dependencies" : []
}
]
}
],
}]
if __name__ == '__main__':
app = QApplication(sys.argv)
w = Widget()
w.show()
sys.exit(app.exec_())
就您而言，代码如下:
from PySide2.QtWidgets import QWidget, QApplication, QGraphicsView, QGridLayout, QComboBox, \
QGraphicsScene, QGraphicsPixmapItem, QCheckBox, QLineEdit, QVBoxLayout, QHBoxLayout
from PySide2.QtCore import Signal, QPoint, Qt
from PySide2.QtGui import QPixmap, QStandardItemModel, QStandardItem, QCursor
image_path_str='image.jpg'
class View(QGraphicsView):
photo_clicked = Signal(QPoint)
def __init__(self, parent):
super(View, self).__init__()
self.scene = QGraphicsScene(self)
self.photo = QGraphicsPixmapItem()
self.scene.addItem(self.photo)
self.pixmap = QPixmap(image_path_str)
self.photo.setPixmap(self.pixmap)
self.setScene(self.scene)
self.setDragMode(QGraphicsView.ScrollHandDrag)
class Window(QWidget):
def __init__(self):
super(Window, self).__init__()
self.view = View(self)
self.layout_contain_P1_P2 = QGridLayout()
self.checkbox_P1= QCheckBox("P1",self)
self.line_edit_P1_x = QLineEdit(self)
self.line_edit_P1_x.setReadOnly(True)
self.line_edit_P1_y = QLineEdit(self)
self.line_edit_P1_y.setReadOnly(True)
self.layout_contain_P1_P2.addWidget(self.checkbox_P1, 0, 0, Qt.AlignLeft)
self.grid_layout_P1_x_y = QGridLayout()
self.grid_layout_P1_x_y.addWidget(self.line_edit_P1_x, 1, 0, Qt.AlignLeft)
self.grid_layout_P1_x_y.addWidget(self.line_edit_P1_y, 2, 0, Qt.AlignLeft)
self.layout_contain_P1_P2.addLayout(self.grid_layout_P1_x_y, 0, 1, 1, 1)
self.checkbox_P2 = QCheckBox("P2",self)
self.line_edit_P2_x = QLineEdit(self)
self.line_edit_P2_x.setReadOnly(True)
self.line_edit_P2_y = QLineEdit(self)
self.line_edit_P2_y.setReadOnly(True)
self.layout_contain_P1_P2.addWidget(self.checkbox_P2, 1, 0, Qt.AlignLeft)
self.grid_layout_P2_x_y = QGridLayout()
self.grid_layout_P2_x_y.addWidget(self.line_edit_P2_x, 0, 0, Qt.AlignLeft)
self.grid_layout_P2_x_y.addWidget(self.line_edit_P2_y, 1, 0, Qt.AlignLeft)
self.layout_contain_P1_P2.addLayout(self.grid_layout_P2_x_y, 1, 1, Qt.AlignLeft)
self.vertical1= QVBoxLayout()
self.model = create_model(d)
ix = self.model.index(0, 0)
self.combos = []
while self.model.hasChildren(ix):
combo = QComboBox()
combo.setModel(self.model)
self.vertical1.addWidget(combo)
combo.setRootModelIndex(ix)
combo.setCurrentIndex(0)
ix = ix.child(0, 0)
combo.currentIndexChanged.connect(self.on_currentIndexChanged)
self.combos.append(combo)
self.vertical1.addLayout(self.layout_contain_P1_P2)
self.vertical2= QVBoxLayout()
self.vertical2.addWidget(self.view)
self.horizontal= QHBoxLayout()
self.horizontal.addLayout(self.vertical1)
self.horizontal.addLayout(self.vertical2)
self.setLayout(self.horizontal)
self.setWindowTitle("Image viewer")
self.setGeometry(200, 200, 1000, 800)
def next_combo(self, combo):
ix = self.combos.index(combo)
if ix != len(self.combos)-1:
return self.combos[ix+1]
def on_currentIndexChanged(self, index):
combo = self.sender()
combo_child = self.next_combo(combo)
if combo_child:
p_ix = combo.rootModelIndex()
ix = p_ix.child(index, 0)
combo_child.setRootModelIndex(ix)
combo_child.setCurrentIndex(0)
def load_childrens(values, parent):
for value in values:
name = value["name"]
dependencies = value["dependencies"]
item = QStandardItem(name)
parent.appendRow(item)
load_childrens(dependencies, item)
def create_model(info):
model = QStandardItemModel()
root = QStandardItem("root")
model.appendRow(root)
load_childrens(info, root)
return model
d = [{
'name': 'measurements set 1',
'dependencies': [
{
'name': 'P1-P2',
'dependencies': []
},
{
'name': 'P3-P4',
'dependencies': []
}
],
},
{
'name': 'measurements set 2',
'dependencies': [
{
'name': 'P5-P6',
'dependencies': []
},
{
'name': 'P7-P8',
'dependencies': []
}
],
}]
if __name__ == '__main__':
import sys
app = QApplication(sys.argv)
w = Window()
w.show()
app.setOverrideCursor(QCursor(Qt.CrossCursor))
sys.exit(app.exec_())
这篇关于使用 QComboBox 选择显示在 PyQt5/PySide2 中的不同小部件集的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
