pyside2 qml

### PySide6 中使用 QML 进行 UI 开发 #### 使用 `QQmlApplicationEngine` 创建基本应用程序 在 PySide6 和 QML 中，推荐的方式之一是通过 `QQmlApplicationEngine` 来加载并显示 QML 文件。这种方式更适合构建完整的桌面应用。 ```python from PySide6.QtGui import QGuiApplication from PySide6.QtQml import QQmlApplicationEngine if __name__ == "__main__": app = QGuiApplication([]) engine = QQmlApplicationEngine() engine.load('main.qml') if not engine.rootObjects(): exit(-1) app.exec_() ``` 此代码片段展示了如何初始化 Qt 应用程序实例，并利用 `QQmlApplicationEngine` 加载名为 `main.qml` 的 QML 文件[^1]。 #### 编写简单的 QML 文件 为了配合上述 Python 脚本，在同一目录下创建一个名为 `main.qml` 的文件： ```qml import QtQuick 2.15 import QtQuick.Controls 2.15 ApplicationWindow { visible: true width: 640 height: 480 title: "Hello World" } ``` 这段 QML 定义了一个窗口组件，设置了其可见性、尺寸以及标题属性。 #### 将 Python 数据传递给 QML 有时需要将数据从 Python 层面传入到 QML 界面中处理或展示。这可以通过设置上下文属性来实现： ```python context = engine.rootContext() context.setContextProperty("myPythonObject", my_python_object_instance) ``` 这里假设有一个 Python 对象 `my_python_object_instance` 需要被暴露给 QML 使用。之后可以在 QML 中访问该对象及其方法和属性。

### PySide6 QML TableView 示例 #### 使用 `QQmlApplicationEngine` 加载 QML 文件并集成 `QTableView` 为了在 PySide6 中使用 QML 实现 `TableView`，可以采用 `QQmlApplicationEngine` 来加载 QML 文件，并通过 Python 代码设置数据模型。下面是一个完整的例子来展示这一过程。 ```python import sys from PySide6.QtCore import Qt, QStringListModel, QModelIndex from PySide6.QtWidgets import QApplication from PySide6.QtGui import QStandardItemModel, QStandardItem from PySide6.QtQml import QQmlApplicationEngine class TableViewModel(QStandardItemModel): def __init__(self, parent=None): super().__init__(parent) # 设置表头 headers = ["Column 1", "Column 2"] self.setHorizontalHeaderLabels(headers) # 添加一些初始数据 data = [ ['Item A', 'Value X'], ['Item B', 'Value Y'] ] for row in data: items = [QStandardItem(item) for item in row] self.appendRow(items) if __name__ == "__main__": app = QApplication(sys.argv) engine = QQmlApplicationEngine() model = TableViewModel() context = engine.rootContext() context.setContextProperty("pyTableModel", model) engine.load('main.qml') if not engine.rootObjects(): sys.exit(-1) sys.exit(app.exec()) ``` 对应的 QML 文件 (`main.qml`) 如下： ```qml import QtQuick 2.15 import QtQuick.Controls 2.15 import Qt.labs.qmlmodels 1.0 ApplicationWindow { visible: true width: 800 height: 600 TableView { id: tableView anchors.fill: parent model: pyTableModel TableViewColumn { role: "display"; title: "Column 1"; width: 200 } TableViewColumn { role: "display"; title: "Column 2"; width: 200 } onDoubleClicked: console.log(model.get(index).data(Qt.DisplayRole)) } } ``` 此示例展示了如何利用 `QQmlApplicationEngine` 将 Python 数据传递给 QML 并显示在一个简单的表格视图中[^1]。 对于更复杂的数据绑定场景，比如动态更新表格内容或处理大量数据项，则可能需要进一步定制化 `TableViewModel` 类以及调整相应的 QML 布局逻辑[^3]。