QtQuick学习笔记（三）单元视图组件

于 2024-04-12 10:38:48 发布
阅读量977 收藏 8
点赞数 34
文章标签： 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44812601/article/details/137647834
版权

1. QListView

功能

基于模型的列表/图标视图，不显示表头和表框

常用函数

  • QListView::QListView（QWidget *parent = 0）
    构造一个父对象为parent的ListView。
  • void QListView::currentChanged（const QModelIndex ¤t，const QModelIndex &previous）[virtual protected]
    把current定位当前项目，previous是以前的项目。
  • void QListView::dataChanged（const QModelIndex &topLeft，const QModelIndex &bottomRight）[virtual protected]
    更改模型中项目topLeft到bottomRight。
  • QModelIndex QListView::indexAt（const QPoint &p）const [virtual]
    返回坐标点p处项目的模型索引。
  • void QListView::rowsInserted（const QModelIndex &parent，int start，int end）[virtual protected]
    插入新行，新行的父母是parent，从start到end的所有项目。
  • QModelIndexList QListView::selectedIndexes（）const[virtual protected]
    返回所有选中的非隐藏的项目的模型索引。
  • void setViewMode ( ViewMode mode )
    设置显示模式，分为QListView::ListMode，QListView::IconMode，默认ListMode
  • void setLayoutMode ( LayoutMode mode )
    设置布局模式，QListView::SinglePass，QListView::Batched
  • virtual void QAbstractItemView:: setModel(QAbstractItemModel * model)
    设置view所关联的model

效果与实例

在这里插入图片描述

main.cpp
      
#include "widget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QStringList list;
    list << QObject::tr("apple")
         << QObject::tr("banana")
         << QObject::tr("orange")
         << QObject::tr("pear")
         << QObject::tr("melon");
    Widget w(list);
    w.show();
    return a.exec();
}

widget.cpp
      
#include "widget.h"

Widget::Widget(const QStringList &leaders, QWidget *parent)
    : QWidget(parent)
{
    model = new QStringListModel(this);
    model->setStringList(leaders);
    listView = new QListView;
    listView->setModel(model);
    listView->setEditTriggers(QAbstractItemView::AnyKeyPressed | QAbstractItemView::DoubleClicked);
    buttonBox = new QDialogButtonBox;
    QPushButton *insertButton = buttonBox->addButton(tr("&Insert"),QDialogButtonBox::ActionRole);
    QPushButton *deleteButton = buttonBox->addButton(tr("&Delete"),QDialogButtonBox::ActionRole);
    connect(insertButton, SIGNAL(clicked()), this, SLOT(onInsert()));
    connect(deleteButton, SIGNAL(clicked()), this, SLOT(onDelete()));
    QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(listView);
    layout->addWidget(buttonBox);
    setLayout(layout);
    setWindowTitle("QStringListModel");
}

Widget::~Widget()
{
}

void Widget::onDelete()
{
    model->removeRows(listView->currentIndex().row(), 1);
}

void Widget::onInsert()
{
    int row = listView->currentIndex().row();
    model->insertRows(row,1);
    QModelIndex index = model->index(row);
    listView->setCurrentIndex(index);
    listView->edit(index);
}

widget.h
      
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QStringListModel>
#include <QListView>
#include <QDialogButtonBox>
#include <QPushButton>>
#include <QVBoxLayout>

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(const QStringList &leaders, QWidget *parent = 0);
    ~Widget();
private:
    QStringListModel *model;
    QListView *listView;
    QDialogButtonBox *buttonBox;
private slots:
    void onDelete();
    void onInsert();
};
#endif // WIDGET_H

2. QTreeView

功能

基于模型的树状列表/图标视图

常用函数

  • QTreeView::QTreeView（QWidget *parent = 0）
    构造一个父对象为parent的TreeView。
  • void QTreeView::collapse（const QModena &index）[slot]
    折叠模型索引为index的项目
  • void QTreeView::collapseAll（）[slot]
    折叠所有项目
  • int QTreeView::columnAt（int x）const
    返回x坐标处的列。
  • void QTreeView::columnCountChanged（int oldCount，int newCount）[protected slot]
    通知树形视图中的列数，从oldCount改变到newCount。
  • void QTreeView::currentChanged（const QModelIndex *t，const QModelIndex &previous）[virtual protected]
    把current定为当前项目，previous是以前的当前项目
  • void QTreeView::dataChanged（const QModelIndex &topLeft，const QModelIndex &bottomRight）[virtual]
    更改模型中项目topLeft到bottomRight。
  • void QTreeView::drawBranches（QPainter *painter，const QRect &rect，const QModelIndex &index）const [virtual protected]
    在项目index的同一行，用painter绘制指定的rect矩形分支。
  • void QTreeView::drawRow（QPainter *painter，const QStyleOptionViewItem &option，const QModelIndex &index）const [virtual protected]
    用painter绘制新行，新行包含模型索引 为index的项目，option是如何显示项目。
  • void QTreeView::drawTree（QPainter *painter，const QRegion ion）const [protected]
    用painter在区域region绘制树
  • void QTreeView::expand（const QModelIndex &index）[slot]
    展开模型索引为index的项目。
  • void QTreeView::expandAll（）[slot]
    展开所有的项目
  • void QTreeView::expandToDepth(int depth) [slot]
    展开树形视图中的项目，深度为depth
  • QHeaderView *QTreeView::header（）const
    返回该树形视图的header
  • QModelIndex QTreeView::indexAbove（const QModelIndex &index）const
    返回模型索引index的上一个索引
  • QModelIndex QTreeView::ndexAt（const QPoint &point）const [virtual]
    返回点point处项目的模型索引
  • QModelIndex QTreeView::indexBelow（const QModelIndex &index）const
    返回模型索引index的下一个索引
  • bool QTreeView::isExpanded（const QModelIndex &index）const
    如果模型索引index处的项目是展开着的，返回true，否则返回false
  • void QTreeV：：rowsInserted（const QModelIndex &parent，int start，int end）[virtual protected]
    插入新行，新行的父母是parent，包括从start到end的所有项目。
  • void QTreeView：：rowsRemoved（const QModelIndex &parent，int start，int end）[protected slot]
    删除行，行的父母是parent，包括从start到end的所有项目
  • void QTreeView：：selectAll（）[virtual]
    设置所有的项目都是选择状态
  • QModelIndexList QTreeView：：selectedIndexes（）const [virtual protected]
    返回所有选中和非隐藏的项目的模型索引
  • void QTreeView：：setHeader（QHeaderView *header）
    设置该TreeView的标题为header
  • void QTreeView：：sortByColumn（int column，QT：：SortOrder order）
    对列column按order进行排序

效果与实例

在这里插入图片描述

main.cpp
      
#include <QString>
#include <QTextCodec>
#include <QSplitter>
#include <QtGui>
#include <QDirModel>
#include <QTreeView>
#include <QApplication>


int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QSplitter *splitter = new QSplitter;
    QDirModel *model = new QDirModel;

    QTreeView *tree = new QTreeView(splitter);
    tree->setModel(model);
    tree->setRootIndex(model->index("d:\\"));
    QTextCodec::setCodecForLocale(QTextCodec::codecForName("GBK"));
    QTextCodec *codec = QTextCodec::codecForLocale();
    QString s = codec->toUnicode("Content");
    splitter->setWindowTitle(s);
    splitter->show();

    return a.exec();
}

3. QTableView

功能

表格视图，多用于显示模型，且支持使用自定义数据模型显示内容

常用函数

  • QTableView：：QTableView（QWidget *parent = 0）
    构造一个父对象为parent的TableView
  • void QTableView：：clearSpans（）
    删除TableView中的所有行和列的跨度
  • int QTableView：：columnAt（int x）const
    返回坐标x处的列，如果坐标处没有项目则返回-1
  • int QTableView：：columnSpan（int row，intcolumn）const
    返回行row、列column处的行跨度
  • void QTableView：：currentChanged（const QModelIndex ¤t，const QModelIndex &previous）[virtual protected]
    把current指定为当前项目，previous是以前的项目
  • QHeaderView *QTableView：：horizontalHeader（）const
    返回TableView的水平标题
  • QModelIndex QTableView：：indexAt（const QPoint *pos）const [virtual]
    返回点pos处项目的模型索引
  • int QTableView：：rowAt（int y）const
    返回坐标y处的行，如果坐标处没有项目则返回-1
  • int QTableView：：rowSpan（int row，int column）const
    返回行row、列column处的列跨度
  • void QTableView：：selectcolumn（int column）[slot]
    设置列column为选中状态
  • void QTableView：：selectRow（int row）[slot]
    设置行row为选中状态
  • QModelIndexList QTableView：：selectedIndexes（）const [virtual protected]
    返回所有选中和非隐藏的项目的模型索引
  • void QTableView：：setHorizontalHeader（QHeaderView *header）
    设置TableView的水平标题为header
  • void QTableView：：setSpan（int row，int column，int rowSpanCount，int columnCount）
    设置行row、列column处的行跨度为rowSpanCount、列跨度为columnSpanCount
  • void QTableView：：setVerticalHeader（QHeaderView *header）
    设置TableView的垂直标题为header
  • void QTableView：：showColumn（int column）[slot]
    显示列column
  • void QTableView：：showRow（int row）[slot]
    显示行row
  • QHeaderView *QTableView：：verticalHeader（）const
    返回TableView的垂直标题

效果与实例

在这里插入图片描述

main.cpp
      
#include <QApplication>
#include <QTableView>
#include <QStandardItemModel>
#include <QHeaderView>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QStandardItemModel *model = new QStandardItemModel();
    model->setColumnCount(2);
    model->setHeaderData(0,Qt::Horizontal,QString::fromLocal8Bit("卡号"));
    model->setHeaderData(1,Qt::Horizontal,QString::fromLocal8Bit("姓名"));
    QTableView *tableview = new QTableView();
    tableview->setModel(model);
    tableview->horizontalHeader()->setDefaultAlignment(Qt::AlignLeft);
    tableview->horizontalHeader()->setSectionResizeMode(0,QHeaderView::Fixed);
    tableview->horizontalHeader()->setSectionResizeMode(1,QHeaderView::Fixed);
    tableview->setColumnWidth(0,100);
    tableview->setColumnWidth(1,100);
    for (int i = 0; i < 100; i++) {
        model->setItem(i,0,new QStandardItem("220161101"));

        model->item(i,0)->setForeground(QBrush(QColor(255, 0, 0)));

        model->item(i,0)->setTextAlignment(Qt::AlignCenter);
        model->setItem(i,1,new QStandardItem(QString::fromLocal8Bit("admin")));
    }
    tableview->show();
    return a.exec();
}

4. QColumnView

功能

列视图，提供了多级视图

常用函数

  • QColumnView::QColumnView（QWidget *parent = 0）
    构造一个父对象为parent的ColumnView
  • QAbstractItemView * QColumnView::createColumn（const QModelIndex *index）[virtual protected]
    index是视图的根模型索引，返回新的视图
  • void QColumnView::currentChanged（const QModelIndex ¤t，const QModelIndex &previous）[virtual protected]
    把current指定为当前项目，previous是以前的当前项目
  • QModelIndex QColumnView::indexAt（cosnt QPoint &point）const [virtual]
    返回点pos处项目的索引模型
  • QWidget *QColumnView::previewWidget( ) const
    返回预览组件，如果没有则返回0
  • void QColumnView::rowsInserted（const QModelIndex &parent，int start，int end）[virtual protected]
    插入新行，新行的父母是parent包括从start到end的所有项目
  • void QColumnView:selectAll( ) [virtual]
    设置该ColumnView中的所有项目为选中状态
  • void QColumnView：：setPreviewWidget（QWidget *widget）
    设置widget为该columnView的预览组件。

效果与实例

在这里插入图片描述

main.cpp
      
#include <QMainWindow>
#include <QColumnView>
#include <QApplication>
#include <QStandardItemModel>
#include <QStandardItem>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QMainWindow win;
    QColumnView *cview = new QColumnView(&win);
    win.setCentralWidget(cview);
    QStandardItemModel model;
    for (int groupnum = 0; groupnum < 3; ++groupnum) {
        QStandardItem *group = new QStandardItem(QString("QGroup %1").arg(groupnum));
        for (int personnum = 0; personnum < 5; ++personnum) {
            QStandardItem *child = new QStandardItem(QString("Person %1 (group %2)").arg(personnum).arg(groupnum));
            group->appendRow(child);
        }
        model.appendRow(group);
    }
    cview->setModel(&model);
    win.show();
    return a.exec();
}
闲客blog
关注
  • 34
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
qlistwidge 隐藏_QListWidget代码刷新界面
weixin_34382844的博客
01-16 595
我有一个特殊效果要求实现(其实很弱智，也变成特殊效果，汗一下自己)：两个QRadioButton切换的时候，让旁边的QListWidget自动变化不同的背景色。想了很多办法：1. 控件自己刷新，不行list_widget->update();list_widget->repaint();QCoreApplication::processEvents(); // 加上这句也不行2. 试图...
QtQuick学习笔记（三）组件
糊涂一锅
09-22 591
组件这个词，英文叫component，但是中文翻译的很好，按字面来讲，很好理解，就是把件组合起来。 于是，组件就是各种东西组合起来当作一个东西。 做界面，为了复用代码，一定会用到组件。 QtQuck提供了非常方便的创建组件的方式。 一般有两种方式： 1，直接在代码里定义Component。 2，在单独文件中创建Component 先说第一种方法 一，定义Component 其实很
QListview获取Item内容变化信号及内容
心向阳光，斗志昂扬！
07-10 2639
背景 项目中需要修改列表中item名称，并获取修改后的item字符串，但是QListview中没有直接item名称改变的信号。 思路 QListview设置双击操作修改item内容；设置model来操作数据，通过model的datachanged信号来实时获取item改变名称。 示例 QListView *pListView = new QListView(); QStringListModel *pStringlistModel = new QStringListModel(); pStringl
QListView 自定义数据模型（增、删、改以及选中项文字滚动）
最新发布
ckg3824278的博客
04-01 654
【代码】QListView 自定义数据模型（增、删、改以及选中项文字滚动）
模型视图(14)：【类】QListView[官翻]
读书笔记
12-28 1457
文章目录详述提高性能公共类型enum Flowenum LayoutModeenum Movementenum ResizeModeenum ViewMode属性公共函数构造析构属性重新实现的公共函数信号受保护的函数重新实现的受保护的函数示例参见 QListView 类 QListView类提供了模型的列表或图标视图。 Header: #include < QListView > qmake: QT += widgets Inherits: QAbstractItemVie
Qt学习笔记_QT_
09-29
**Qt学习笔记** Qt是一个强大的跨平台应用程序开发框架，由The Qt Company维护，广泛用于创建桌面、移动和嵌入式系统的用户界面。本笔记将深入介绍Qt的核心概念、关键组件和常见应用场景，帮助初学者快速掌握Qt编程...
Qt Quick核心编程pdf版本
11-19
2. **Qt Quick Controls**：了解预定义的UI控件，如按钮、文本框、列表视图等，以及如何自定义这些控件以满足特定需求。 3. **布局管理**：学习如何使用Row、Column、Grid等布局来组织元素，以及如何实现动态响应式...
qt.rar_QT 学习网_Qt 学习笔记_qt 项目体会_qt使用心得
09-24
在“qt.rar”这个压缩包中，包含的是关于QT学习的资源，特别是个人的学习笔记和项目体会，对于初学者来说是宝贵的参考资料。以下将详细讲解QT学习中的一些关键知识点： 1. **Qt基础知识**：Qt的核心是信号与槽机制...
Qt学习全程笔记—版权所有
08-27
这份学习笔记包含了PPT、DOC和DOCX三种格式，适合不同的阅读习惯。QT.doc和QT.docx是笔记文本，详细记录了每个主题的学习要点和实践心得，而QT.ppt则包含了讲课的幻灯片，图文并茂地展示了关键概念和技术。 通过这...
《Qt5编程入门》笔记1
08-08
包括将Qt4代码迁移到Qt5的实际操作，Qt Quick的使用，QML的语法学习，Quick基础，控件和对话框的运用，图形动画的基础知识，图形效果的创建，粒子系统的构建，canvas的使用，模型和视图的概念，多媒体应用的开发，...
QListView的使用
多看多听多总结
04-02 8288
QListView与QTreeView一样，也是采取的mvc模式，添加数据时，用相应的模式 1、初始化时添加数据 QStandardItemModel *model = new QStandardItemModel(this); QStandardItem *item = new QStandardItem("item1"); model->appendRow(item); item = ne
Qt ListView 刷新数据
Dean Chen的专栏
01-16 1万+
Qml ListView 用C++刷新数据
QListView使用学习--QStringListModel的使用
lacoucou的专栏
10-18 1万+
QT提供了model/view 结构来管理数据与展示数据。 model提供数据模型，view展示数据，delegate会对数据项进行渲染。model,view,delegate通过信号/槽机制通信。 QListView的使用比较方便，可选择的model比较多，既可以使用QStringListModel，也可以使用QStandardItemModel。 QT4/5中的继承关系如下图：
QListView和QListWidget的区别
热门推荐
$firecat利白的代码足迹$
06-25 4万+
文章来源：http://blog.csdn.net/leaf6094189/article/details/5803763
QListView的基本使用，获取某一项数据，槽的连接
qq_37105120的博客
03-17 8433
一：基本使用 QListView * listView = new QListView; //创建对象 listView-&gt;setEditTriggers(QAbstractItemView::NoEditTriggers); //设置 listView不可编辑 QStringList num; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值