Tạo giao diện model/view với thanh trượt bằng PyQt

Question

Tôi có GUI bao gồm một số thanh trượt và thay vì cập nhật thanh trượt theo cách thủ công khi dữ liệu cơ bản thay đổi, tôi muốn lưu trữ dữ liệu trong phân lớp QAbstractListModel và có các vị trí thanh trượt cập nhật tự động. lớp con của tôi trông như thế này:

from PyQt4 import QtCore 

class myDataModel(QtCore.QAbstractListModel): 
    def __init__(self, initData, parent=None): 
     super(myDataModel, self).__init__(parent) 
     self.__data = initData 

    def data(self, index, role=QtCore.Qt.DisplayRole): 
     if not index.isValid(): 
      return None 

     if index.row() > len(self.__data): 
      return None 

     if role == QtCore.Qt.DisplayRole or role == QtCore.Qt.EditRole: 
      return self.__data[index.row()] 

     return None 

    def rowCount(self, parent=QtCore.QModelIndex()): 
     return len(self.__data) 

    def setData(self, index, value, role=QtCore.Qt.EditRole): 
     if not index.isValid() or role != QtCore.Qt.EditRole: 
      return False 

     self.__data[index.row()] = value 
     self.dataChanged.emit(index, index) 
     return True 

Làm thế nào tôi có thể kết nối mô hình này để các thanh trượt trong GUI của tôi vì vậy mà khi dữ liệu trong mô hình được thay đổi, các thanh trượt thay đổi, và ngược lại?

Edit: Đây là một mockup của giao diện cơ bản tôi đã làm việc trên:

Edit: Tôi vẫn chưa thể có được điều này để làm việc. Đây là mô hình lớp học của tôi:

class dataModel(QtCore.QAbstractListModel): 

    def __init__(self, initData, parent=None): 
     super(dataModel, self).__init__(parent) 
     self.__data = initData 

    def data(self, index, role=QtCore.Qt.DisplayRole): 
     if not index.isValid(): 
      return None 

     if index.row() > len(self.__data): 
      return None 

     if role == QtCore.Qt.DisplayRole or role == QtCore.Qt.EditRole: 
      return self.__data[index.row()] 

     return None 

    def rowCount(self, parent=QtCore.QModelIndex()): 
     return len(self.__data) 

    def setData(self, index, value, role=QtCore.Qt.EditRole): 
     if not index.isValid() or role != QtCore.Qt.EditRole: 
      return False 

     self.__data[index.row()] = value 
     self.dataChanged.emit(index, index) 
     return True 

đây là lớp đại biểu:

class sliderDelegate(QtGui.QItemDelegate): 
    ''' 
    classdocs 
    ''' 
    def __init__(self, parent=None): 
     ''' 
     Constructor 
     ''' 
     super(sliderDelegate, self).__init__(parent) 

    def setEditorData(self, editor, index): 
     editor.setValue(index.model().data(index, QtCore.Qt.EditRole)) 

    def setModelData(self, editor, model, index): 
     model.setData(index, editor.value(), QtCore.Qt.EditRole) 

Và đây là đoạn code thiết lập:

self._model = dataModel([0 for i in xrange(20)]) 
self._parameterMapper = QtGui.QDataWidgetMapper(mainWindowInstance) 
self._parameterMapper.setModel(self._model) 
self._parameterMapper.setItemDelegate(sliderDelegate(mainWindowInstance)) 
self._parameterMapper.addMapping(self._mainWindowInstance.ui.mySlider, 0) 
self._parameterMapper.toFirst() 

Đáng tiếc là tôi nhận được lỗi sau khi toFirst() được gọi là:

editor.setValue(index.model().data(index, QtCore.Qt.EditRole)) 
AttributeError: 'NoneType' object has no attribute 'data' 

Bất kỳ trợ giúp nào sẽ được đánh giá cao.

Answer 1

Vì vậy, tôi chưa sử dụng QDataWidgetMapper. Nó trông thú vị, nhưng có vẻ hữu ích hơn khi bạn muốn có nhiều widget cập nhật cho một hàng cụ thể trong một mô hình (và có thể chuyển đổi giữa các hàng một cách dễ dàng), thay vì mỗi hàng của một mô hình tương ứng với giá trị của một widget (mà tôi nghĩ là những gì bạn đang có sau).

Vì vậy, đây là triển khai khá thô ráp của tôi. Hy vọng rằng bạn sẽ có thể mở rộng ứng dụng của mình (có thể cần kiểm tra lỗi nhiều hơn một chút và có thể liên kết nhiều thanh trượt với một hàng mẫu duy nhất và sau đó có thể mở rộng sang các loại tiện ích khác)

Khi bạn kéo thanh trượt, mô hình sẽ được cập nhật thành giá trị mới của thanh trượt. Tôi cũng đã thêm một hộp văn bản nơi bạn có thể nhập vào một số và nhấp vào nút, điều này sẽ đặt mô hình thành một giá trị cụ thể. Bạn sẽ thấy thanh trượt sẽ cập nhật giá trị này!

import sys 

from PyQt4 import QtGui 
from PyQt4 import QtCore 

class MainWindow(QtGui.QWidget): 
    def __init__(self): 
     super(MainWindow, self).__init__() 
     main_layout = QtGui.QVBoxLayout() 

     # Create the model 
     self.model = MyModel() 

     # Create a slider and link it to the model 
     self.slider1 = QtGui.QSlider() 
     self.model.add_slider(self.slider1)   
     main_layout.addWidget(self.slider1) 

     # Add a lineEdit and button to force update the model 
     # Note that the LineEdit is not linked to the model, so won't update with the slider 
     self.edit = QtGui.QLineEdit() 
     button = QtGui.QPushButton('update model') 
     button.clicked.connect(self.on_clicked)   
     main_layout.addWidget(self.edit) 
     main_layout.addWidget(button) 

     self.setLayout(main_layout) 

    def on_clicked(self): 
     self.model.update_model(int(self.edit.text()),self.slider1) 

class MyModel(QtGui.QStandardItemModel): 
    def __init__(self,*args,**kwargs): 
     super(MyModel,self).__init__(*args,**kwargs) 
     self._slider_list = {} 
     self.itemChanged.connect(self.on_item_changed) 

    def add_slider(self,slider): 
     if slider in self._slider_list: 
      raise Exception('You cannot link a slider to the model twice') 

     item = QtGui.QStandardItem(str(slider.value())) 
     self._slider_list[slider] = item 
     self.appendRow(item) 
     slider.valueChanged.connect(lambda value: self.update_model(value,slider)) 

    def update_model(self,value,slider): 
     if str(value) != self._slider_list[slider].text(): 
      self._slider_list[slider].setText(str(value)) 
      print 'update_model: %d'%value 

    def on_item_changed(self,item): 
     slider = self._slider_list.keys()[self._slider_list.values().index(item)] 
     if slider.value() != int(item.text()): 
      slider.setValue(int(item.text())) 
      print 'on_item_changed: %s'%item.text() 

app = QtGui.QApplication(sys.argv) 
window = MainWindow() 
window.show() 

sys.exit(app.exec_()) 

Hy vọng điều đó sẽ hữu ích!