import QtQuick 2.15 import QtQuick.Window 2.15 import QtQuick.Controls 2.15 import QtQuick.Layouts 1.15 import Qt.labs.qmlmodels 1.0 Window { visible: true width: 400 height: 400 title: "Table Widget Example" ListModel { id: myTableModel ListElement { name: "John" age: 30 } ListElement { name: "Mary" age: 25 } } TableView { anchors.fill: parent columnSpacing: 1 rowSpacing: 1 clip: true model: TableModel { TableModelColumn { display: "name" } TableModelColumn { display: "color" } rows: [ { "name": "cat", "color": "black" }, { "name": "dog", "color": "brown" }, { "name": "bird", "color": "white" } ] } delegate: Rectangle { implicitWidth: 100 implicitHeight: 50 border.width: 1 Text { text: display anchors.centerIn: parent } } } }
时间: 2024-02-10 10:32:19 浏览: 26
这段代码是使用QML语言编写的,它创建了一个窗口并在窗口中添加了一个TableView控件,用于显示表格数据。该表格数据是通过创建一个TableModel来实现的,其中包含了两个数据列:name和color。每一行数据都以一个JavaScript对象的形式表示,并且这些行数据都是在rows数组中进行定义的。在delegate中定义了每一个单元格的样式,这里使用了一个简单的Rectangle作为单元格容器,并在其内部放置了一个居中的文本标签来显示单元格内容。
相关问题
import QtQuick 2.15 import QtQuick.Controls 2.15 import QtQuick.Layouts 1.15 import QtGraphicalEffects 1.15
这是一段 QML 代码,用于导入 QtQuick、QtQuick.Controls、QtQuick.Layouts 和 QtGraphicalEffects 模块的各种组件和效果。QtQuick 是一个用于创建用户界面的框架,其中包含了许多用于构建交互式应用程序的组件。QtQuick.Controls 提供了一组用户界面控件,QtQuick.Layouts 提供了一组布局组件,而 QtGraphicalEffects 则提供了一组图形效果组件。这些模块可用于创建跨平台的、流畅的应用程序。
QtQuick.Layouts
QtQuick.Layouts是一组QML类型,用于在用户界面中布局item。与定位器相比,QtQuick.Layouts还可以调整项目的大小,因此非常适合可缩放的用户界面。QtQuick.Layouts主要包括RowLayout、ColumnLayout和GridLayout等布局管理器,可以通过Qt帮助中的Qt Quick Layouts Overview关键字查看。这些布局管理器可以嵌套使用,可以通过设置属性来控制布局的方式和大小。使用QtQuick.Layouts可以使得QML开发更加高效和灵活。