Qt ListView使用

chenzhenyu5813

墨衍会员 · AI 创作全网分发码龄12年

关注

VIP免费原创最新推荐文章于 2025-11-07 10:38:42 发布 4w 阅读 AI 写同款· GEO 优化 ›

QT·ListView 的增删改查实现 ListView 的增删改查实现阅读详情

概述

Qt中ListView加载数据一般有两种方式，一种是直接qml文件中model直接定义并且放置数据，一种是C++代码中定义Model，再setContextProperty的方式暴露给qml域。
官方介绍

步骤

（1）qml界面

import QtQuick 2.0
import QtQuick.Controls 1.5
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.3
SubPageForm {
    title:"切换线路"
    property int font_mid_size:24
    bodyArea:  Rectangle {
        id: subroot
        color: "#00ffffff"
        Image {
            id: tablebg
            source: "../Resources/tablebg.jpg"
            anchors.left: parent.left
            anchors.leftMargin: 50
            anchors.right: parent.right
            anchors.rightMargin: 50
            anchors.top: parent.top
            anchors.topMargin: 30
            ListView {
                id: datalist
                anchors.fill: parent
                interactive:false
                header:Rectangle{
                    width: datalist.width
                    height: 53
                    color:Qt.rgba(0,0,0,0)
                    RowLayout{
                        anchors.left: parent.left
                        anchors.right: parent.right
                        height: parent.height

                        Text{
                            text:"序号"
                            color:"white"
                            font.pixelSize:font_mid_size
                            horizontalAlignment: Text.AlignHCenter
                            Layout.fillWidth:true
                        }

                        Text{
                            text:"线路"
                            color:"white"
                            font.pixelSize:font_mid_size
                            horizontalAlignment: Text.AlignHCenter
                            Layout.fillWidth:true
                        }

                        Text{
                            text:"方向"
                            color:"white"
                            font.pixelSize:font_mid_size
                            horizontalAlignment: Text.AlignHCenter
                            Layout.fillWidth:true
                        }
                    }
                }
                delegate:Rectangle{
                    width: datalist.width