Qt—自定义View

原创 于 2023-08-17 16:45:24 发布 · 336 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#qt #开发语言 #c++

本文介绍了如何在Qt中实现一个自定义View，包括选择继承QAbstractItemView、实现纯虚函数以及重载所需虚函数。内容涵盖图案自定义、响应鼠标点击和键盘按键。通过实例详细讲解了各个步骤，最终实现四个不同颜色格子位于窗口角落，响应鼠标点击和右箭头按键移动选中格子的功能。

多个View内部可以映射到同一个数据模型，也可以映射不同的数据结构；可以使用所有数据，也可以只使用部分数据。因为视图层与数据层的分离，操作相对比较灵活。

1. 实现一个自定义View

这里我们来实现一个自定义View，住要包含一下几个功能：

  1. 图案自定义：包含四个颜色不一的格子，大小小于整个窗口的1/4， 分别位于窗口的四个角落。
  2. 响应鼠标点击：鼠标点击格子区域，绘制高亮的内方格，点击非格子区域无反应。
  3. 响应右箭头(→)按键：点击选中格子后，按右箭头按键移动到下一个格子，并选中。

嗯，大概就是下面设计图的样子，并且我们把左上角、右上角、右下角和左下角的数据分别约定为QModelIndex(0,0)、QModelIndex(0,1)、QModelIndex(1,0)和QModelIndex(11)。

本文福利，莬费领取Qt开发学习资料包、技术视频，内容包括（C++语言基础，Qt编程入门，QT信号与槽机制，QT界面开发-图像绘制，QT网络，QT数据库编程，QT项目实战，QSS，OpenCV，Quick模块，面试题等等）↓↓↓↓↓↓见下面↓↓文章底部点击莬费领取↓↓ 

 

1.1 选择合适的视图类继承

与Model子类化一样，编写自定义视图的时候也有两种选择：继承QAbstractItemView、继承Qt提供的标准View。相对来说，继承抽象基类QAbstractItemView需要花较多的功夫，继承标准View类则比较快。当自己要使用的视图类与某个标准View相近的时候，继承这个View并且重写自己需要的功能函数是最方便的。

Qt提供了一下几个标准View（与标准Model相对应）：

  • QListView。
  • QTableView。
  • QTreeView。
  • QColumnView。
  • QHeaderView：用来提供表头视图给其他View使用。

其中QColumnView比较特殊，它是一个多列视图，每一列是一个QListView，点击前一列的某项会触发下一列的内容内变：

最低0.47元/天 解锁文章
Qt开发老杰
关注
Qt Model/View之实现Item自定义显示
sxpsxp12的博客
06-05 7107
介绍 Delegate 代理类被用来显示和编辑Item项。为了能实现自定义的Item，需要子类化代理类，并实现自己的paint() 和 sizeHint()方法。paint()方法会被每个Item调用，来绘制自定义的样式和相应的数据类型，sizeHint()方法用于指示每个Item的大小。在重绘Item在View中的显示时，QStyle类提供了很多的细节样式。 在Qt4.4以后，有两个代理类QIte
二十五、Qt之自定义图形视图组件，扩展基础 Widget 功能，以 QGraphicsView 组件为例
panchang199266的博客
02-12 3449
一、使用场景 QGraphicsView 是 Qt 的图形视图组件，在 UI 设计器的 Display Widget 分组里可以拖放一个 QGraphicsView 组件到窗口上。但遇到下面的场景时：当鼠标在 QGraphicsView 上移动时就显示当前光标的坐标，这涉及到 mouseMoveEvent() 事件的处理。但是 QGraphicsView 并没有与 mouseMoveEvent(...
Qt自定义View
m0_60259116的博客
02-24 605
Qt自定义View
Qt创建自定义View和在布局中使用自定义View的方法
May-gemini的博客
04-28 847
因为要用到IP地址的输入，想把界面做成Windows系统上IP地址输入框一样的效果，所以考虑自定义View。本文讲述如何创建和添加自定义View。
QT自定义QTableView的Model/View
紫藤的专栏
12-06 8525
QAbstractTableModel
精选资源
Qt自定义旋转刷新按钮
06-12
【Qt自定义旋转刷新按钮】项目是一个利用Qt框架创建的用户界面组件，它提供了一个具有旋转刷新效果的按钮。在Qt开发中，自定义控件是实现特定功能或视觉效果的重要手段，本项目就是这样的一个实例。以下是这个项目中...
Qt 自定义导航栏
02-18
总之，Qt自定义导航栏是提升应用用户体验的重要手段。通过合理地使用Qt提供的类和方法，我们可以创建出既美观又实用的导航结构。提供的源代码和示例是一个很好的学习资源，可以帮助开发者快速掌握自定义导航栏的实现...
Qt自定义动态折线图绘制
11-13
在Qt中，自定义图形组件通常涉及继承QGraphicsView或QGraphicsWidget类，然后重写必要的绘图方法，如`paintEvent()`。`MyChartView`可能就是这样一种自定义视图，它负责渲染折线图并提供交互功能，如拖动和缩放。`...
QT自定义窗口 自由拖动 自定义标题
06-19
在QT编程中，自定义窗口是一项常见的需求，它允许开发者根据应用的需求来设计独特的界面元素和交互方式。本文将深入探讨如何在QT中创建自定义窗口，并实现自由拖动和自定义标题的功能。 首先，我们需要了解QT中的...
Qt 之model/view （自定义委托代理）
weixin_43435307的博客
04-17 1485
.h #ifndef BTNDELEGATE_H #define BTNDELEGATE_H #include <QStyledItemDelegate> #include <QObject> class QTableView; class QPushButton; class QPersistentModelIndex; class BtnDelegate: public...
QT 自定义混合控件——基于View/Model/Delegate的QTableView/QTreewidget/Combobox实现
04-01
完整工程代码，看完了你的QT View/Model 和 delegate就算入门了。
QT 自定义无边框窗体，支持边缘拖拽缩放
04-20
QT 自定义无边框窗体，支持边缘拖拽缩放。搬运自http://www.cnblogs.com/xufeiyang/p/3313104.html，稍改了些代码，供参考
qt自定义控件（开源）
07-04
#QtCustomWidgets 说明格式如下: 项目名称 编译环境 运行截图 注意事项 #ColorProgressBar 多彩进度条 编译环境: Qt5.x + mingw-QtCreater 运行截图: progressbarcolor为原版代码 #DynamicProgressBar 多态进度条 编译环境: Qt5.x + mingw-QtCreater 运行截图: #RoundProgressBar 编译环境: Qt5.x + mingw-QtCreater 运行截图: #SlideNavigation 滑动导航条 编译环境: Qt5.x + mingw-QtCreater 运行截图: #SlideNavigationApp 滑动导航界面 编译环境: Qt5.x + mingw-QtCreater 运行截图: 注意事项: 此工程需要用到SlideNavigation这个工程中的2个文件slidenavigation.h和slidenavigation.cpp文件,不知道在如何引用,知道的希望留言帮助下 #RotateCircle 旋转的圆 编译环境: Qt5.x + mingw-QtCreater 运行截图: #ImageViewer 旋转的圆 编译环境: Qt5.x + mingw-QtCreater 运行截图: #CurveChart 简单曲线图 编译环境: Qt5.x + mingw-QtCreater 运行截图:
QT模型类 model/view 之自定义读写模型
全栈工程师
12-21 1791
第一部分：    自定义只读模型 model/view 模型将数据与视图分割开来，也就是说，我们可以为不同的视图，QListView、QTableView和QTreeView提供一个数据模型，这样我们可以从不同角度来展示数据的方方面面。但是，面对变化万千的需求，Qt 预定义的几个模型是远远不能满足需要的。因此，我们还必须自定义模型。 类似QAbstractView类之于自定义视图，QAbst...
Qt自定义委托在QTableView中绘制控件、图片、文字
weixin_30533797的博客
05-28 2041
自定义委托，继承于，QStyledItemDelegate类，重载Paint()函数， 1、实现在QTableView中绘制 格式字符串 2、实现在QTableView中绘制进度条 3、实现在QTableView中绘制QCheckBox 4、实现在QTableView中绘制星星 5、实现在QTableView中绘制Pixmap图片 1、实现在QTableVie...
Qt之视图（View）
m0_73443478的博客
02-20 692
qt视图
自定义的View练习
RungBy的博客
07-03 334
部分资料  来自安卓群英传  https://blog.youkuaiyun.com/a120705230/article/details/51970864部分资料来自于在那桌开发艺术探索一\实现一个简单的自定义View---画一个圆public class Circle extends View { //画笔颜色 private int mColor; //新建画笔,Paint.ANTI_ALI...
Qt中如何自定义ListView/TreeView单个item的显示和响应
热门推荐
莫等闲
05-07 1万+
所有GUI的应用程序中Model/View都是一种非常常见的模式，Qt当然也不例外，不过跟MFC/WTL之类又有不同。本文简要说明了如何在Qt Model/View框架下实现自定义ListView的显示和响应。 假设我们有这样的情形：在Widows Explorer中，当我们用“Details”模式来显示文件夹信息时，可以看到诸如文件名、大小、创建日期、类型等信息。现在我们要修改的一栏是T
qt 自定义view/model/delegate实现一个表格，表格每列用含义用枚举表示，这个枚举定义在哪里合适
最新发布
09-17
<think> 我们正在讨论在Qt自定义Model/View架构中，如何组织表示表格列含义的枚举类型。 根据Qt的最佳实践，这个枚举定义的位置取决于其使用范围： 1. **如果枚举仅用于Model内部**：直接在Model类中定义为嵌套枚举类型 ```cpp class CustomModel : public QAbstractTableModel { Q_OBJECT public: enum Column { NameColumn = 0, SizeColumn, TypeColumn, ColumnCount // 辅助计数 }; // ... 其他实现 }; ``` 优点：作用域清晰，避免全局污染；通过`CustomModel::NameColumn`访问[^3] 2. **如果Delegate或View也需要使用**：在独立的头文件中定义 ```cpp // CustomModelDefs.h namespace CustomTable { enum Columns { Col_Name = 0, Col_Size, Col_Type, Col_Count }; } ``` 优点：多组件共享，保持一致性；通过`CustomTable::Col_Name`访问 3. **Qt元类型扩展场景**：使用Q_ENUM声明（Qt 5.5+） ```cpp class CustomModel : public QAbstractTableModel { Q_OBJECT public: enum Column { ... }; Q_ENUM(Column) // 启用元对象系统支持 }; ``` 优点：支持信号槽传递、QVariant转换；可通过`QMetaEnum`遍历[^4] ### 决策流程图 ```mermaid graph TD A[定义列枚举] --> B{使用范围} B -->|仅Model内部| C[Model类内嵌套] B -->|跨Model/View/Delegate| D[独立头文件] B -->|需要运行时反射| E[Q_ENUM声明] ``` ### 典型错误示例 1. **宏定义污染**：避免使用`#define COL_NAME 0`，破坏命名空间 2. **全局枚举冲突**：`enum Columns {...}`可能与其他模块冲突 ### 实际应用场景 - **财务表格**：将列枚举定义为`FinanceModel::AccountColumns` ```cpp int FinanceModel::columnCount(const QModelIndex&) const { return static_cast<int>(AccountColumns::ColumnCount); } QVariant FinanceModel::data(const QModelIndex& index, int role) const { switch(index.column()) { case AccountColumns::BalanceColumn: // 处理余额列... } } ``` - **跨组件共享**：在数据过滤器中复用列定义 ```cpp bool DataFilter::filterAcceptsRow(int row, const QModelIndex& parent) { auto model = sourceModel(); QModelIndex typeIndex = model->index(row, CustomTable::Col_Type, parent); return model->data(typeIndex).toString() == "Valid"; } ``` ### 性能与维护考量 - **编译隔离**：独立头文件修改时触发较少重编译 - **类型安全**：强类型枚举（C++11 `enum class`）推荐方案： ```cpp enum class CustomColumn : uint8_t { Name, Size, Type, _Count }; ``` 优势：避免隐式转换；作用域访问（`CustomColumn::Name`） ### 结论建议 | 场景描述 | 推荐方案 | |------------------------------|----------------------| | 简单表格且不共享列定义 | Model内部嵌套枚举 | | 大型项目多组件依赖列定义 | 独立头文件+命名空间 | | 需在QML或脚本中使用列标识 | Model内Q_ENUM声明 | --- ### 相关问题 1. 如何在Qt Model/View中实现动态列增减？ 2. Qt Model/View架构下如何优化大数据集性能？ 3. 如何为自定义Model添加排序过滤功能？ [^1]: Qt提供了三个现成的View类... [^2]: 选择是视图中常用的操作... [^3]: 系列文章回顾：Qt Model/View学习... [^4]: 自Qt 4.4以来... </think> 在 Qt 自定义 Model/View/Delegate 实现表格时，定义表示列含义的枚举的最佳位置取决于**架构层级和复用需求**。以下是三种推荐方案及其适用场景： --- ### 方案 1：定义在 Model 类内部（推荐） **适用场景**：枚举仅用于当前 Model **优势**： - 封装性高，避免全局命名冲突 - 直接与 Model 的 `columnCount()` 和 `data()` 方法关联 - 符合 Qt Model/View 的封装规范[^3] ```cpp // CustomModel.h class CustomModel : public QAbstractTableModel { Q_OBJECT public: // 定义列枚举 enum Columns { NameColumn = 0, // 姓名列 AgeColumn, // 年龄列 DepartmentColumn, // 部门列 COLUMN_COUNT // 列总数（用于columnCount()） }; Q_ENUM(Columns) int columnCount(const QModelIndex &parent) const override { return COLUMN_COUNT; // 直接使用枚举值 } QVariant data(const QModelIndex &index, int role) const override { switch (index.column()) { case NameColumn: // 处理姓名列 return m_data[index.row()].name; case AgeColumn: // 处理年龄列 ... } } }; ``` --- ### 方案 2：定义在独立头文件中（跨组件共享） **适用场景**： - 枚举需被 **Model、View、Delegate 共用** - 大型项目需统一管理列定义 **优势**： - 避免代码重复 - 确保多组件引用一致性[^1][^2] ```cpp // TableDefs.h #pragma once namespace TableColumns { enum Type { Name = 0, Age, Department, COUNT }; } // CustomModel.cpp #include "TableDefs.h" int CustomModel::columnCount(const QModelIndex&) const { return TableColumns::COUNT; // 跨组件共享 } // CustomDelegate.cpp #include "TableDefs.h" void CustomDelegate::paint(...) { if (index.column() == TableColumns::Age) { // 年龄列特殊渲染 } } ``` --- ### 方案 3：结合 Q_ENUM 元对象系统（动态访问） **适用场景**： - 需要通过字符串动态访问列（如配置文件） - QML 需访问枚举值 **优势**： - 支持运行时反射 - 跨 QML/C++ 交互[^4] ```cpp class CustomModel : public QAbstractTableModel { Q_OBJECT public: enum Columns { ... }; Q_ENUM(Columns) // 启用元对象系统 // 通过字符串获取列索引 int columnFromName(const QString& name) { auto metaEnum = QMetaEnum::fromType<Columns>(); return metaEnum.keyToValue(name.toUtf8()); } }; // QML 中使用 Text { text: model.data(model.index(0, CustomModel.NameColumn)) } ``` --- ### 决策参考表 | **场景** | **推荐方案** | **关键优势** | |----------------------------------|--------------------|--------------------------| | 单一 Model 使用 | Model 内部枚举 | 高内聚、易维护 | | 多组件（Model/View/Delegate）共享 | 独立头文件 | 避免重复、统一管理 | | 需动态访问或 QML 交互 | Q_ENUM 元对象系统 | 运行时反射、跨语言支持 | --- ### 注意事项 1. **强类型枚举（C++11）**： 使用 `enum class` 避免隐式转换： ```cpp enum class Columns : uint8_t { Name, Age, COUNT }; ``` $$ \text{类型安全} \implies \text{减少编码错误} $$ 2. **列扩展性**： - 始终包含 `COUNT` 或 `COLUMN_COUNT` 成员 - 在 `columnCount()` 中返回该值[^3] 3. **委托渲染优化**： 在 Delegate 中通过枚举判断列类型，实现差异化渲染： ```cpp void CustomDelegate::paint(...) { switch (index.column()) { case TableColumns::Age: drawProgressBar(...); // 年龄列用进度条 case TableColumns::Name: drawHighlightedText(...); // 姓名列高亮 } } ``` --- ### 相关问题 1. 如何在 Qt Model 中实现动态列增减？ 2. 自定义 Delegate 如何根据列类型渲染不同控件？ 3. Qt 的 Q_ENUM 机制在实际项目中有哪些高级用法？ [^1]: Qt提供了三个现成的View类... [^2]: 选择是视图中常用的操作... [^3]: 系列文章回顾：Qt Model/View学习... [^4]: 自Qt 4.4以来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值