Qt 示例学习--1. 1 qml实现list

最新推荐文章于 2025-05-09 09:49:09 发布

skyztttt

最新推荐文章于 2025-05-09 09:49:09 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：跟着例子学Qt 文章标签： qt

本文链接：https://blog.youkuaiyun.com/skyztttt/article/details/51093563

本文是Qt Quick Application的学习笔记，重点是使用QML实现一个列表视图。作者从新建项目开始，详细介绍了如何在main.qml中设置ListView、ListModel和自定义Delegate，并添加图片资源。通过Delegate，作者发现其在控制列表内容展示上比C++更便捷。文章末尾展示了最终的效果图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开头

之前学习了Qt的第一个示例，其中使用到了quick，基本理解思路，但并不是很理解qml的使用，遂仿照例子自己写了个list

实作

新建Qt Quick Application
实作main.qml(并添加图片资源，图片均添加的是Qt例子中的图片)
分析main.qml：

import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.2

Window {
    visible: true
    width: 400
    height: 640

    ListModel {
        id: listModel
    }

    MouseArea {
        anchors