QML TreeView添加节点间虚线

最新推荐文章于 2025-05-16 16:33:59 发布
原创 最新推荐文章于 2025-05-16 16:33:59 发布 · 3.8k 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#TreeView虚线 #QML

本文介绍如何在QML的TreeView控件中自定义样式，通过计算绘制节点间的虚线，提供两种实现方式：使用Canvas或QPainterItem。并分享了一个简单的Demo实例。

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

最近在项目中使用到了QML的TreeView控件，这个树形控件还是挺好用的，但是它不像QTreeWidget那样默认提供了节点间的虚线，而实际项目中经常都需要使用带有虚线的树控件，这样比较美观。好在QML的TreeView提供了样式定制，有一个属性叫itemDelegate。基本思路就是自己在样式里面通过计算绘制虚线，可以采用Qt Quick提供的Canvas，也可以使用QPainterItem调用QPainter进行绘制。我简单写了一个Demo，使用的是Canvas，效果如下图：

这里写图片描述

这只是一个简单的Demo，提供了一个画节点间虚线的思路，因此里面很多数据都是写死了的（还可以进行很多的优化），如果实际项目中需要的话，稍稍修改一哈即可。

附上Demo链接：http://download.youkuaiyun.com/download/jackfeng44/10160299

QTreeView学习 branch 虚线设置
u011269801的专栏
05-12 1474
QTreeView学习 branch 虚线设置
Qt实现表格树控件-自绘树节点虚线
QtCompany的博客
05-11 598
一程序员第一次上女朋友家她妈板着脸问 ：你想娶我女儿，有多少存款？程序员低了下头：五百！她妈更鄙视了：才五百块，买个厕所都不够！程序员忙说：不是人民币！她妈：就算是美元，还是不够买厕所！程序员：其实是比特币！她妈：哇，贤婿，我给你买只大龙虾去。
Qt5 qml TreeView 迄今为止功能最全的树控件节点前增减节点、节点后增加节点、重命名节点及节点选中、悬浮背景颜色定制等功能
10-18
迄今为止功能最全，最好用的qml树控件。 包含功能，任意位置删除节点、任意位置增加节点，节点重命名，背景颜色定制等功能。
QTreeView设置显示连接线
最新发布
程序区
05-16 272
在QTreeView中设置显示连接线有两种主要方法。第一种是应用Windows风格，通过调用ui->treeview->setStyle(QStyleFactory::create("windows"));实现，但这种方法会影响其他QSS的生效且视觉效果不佳。第二种方法是自定义QSS，通过定义不同的分支样式来显示连接线，例如使用border-image和image属性来设置不同状态下的分支图标。这种方法更为灵活且不影响其他样式，具体实现可参考Qt官方文档中的样式表示例。
QTCreator中给Tree Widget中的节点之间添加虚线
Color Space的博客
10-26 1817
本文简单介绍：QTCreator中给Tree Widget中的节点之间添加虚线 未添加虚线前的效果： 添加虚线后的效果： 方法： ① 添加头文件 #include <QStyleFactory> ② 在setupUi后添加ui->treeWidget->setStyle(QStyleFactory::create("windows")); ui->setupUi(this); ui->treeWidget->setStyle(QStyle.
QML树控件TreeView的使用
02-22
在Qt5.5之前是没有树控件的，我们在使用时用的是ListView来构造出一个树，Qt5.5之后的QML开发阶段，有了树控件TreeView，本篇着重记录QML的TreeView的使用（包括增加树节点和删除节点）。
QML TreeView节点间虚线添加方法详解
标题：“QML TreeView添加节点间虚线”涉及到的知识点主要集中在QML（Qt Modeling Language）中TreeView控件的使用，以及如何在节点之间绘制虚线。QML是一个用于开发用户界面的声明式语言，它是基于Qt框架的一部分，...
QTreeView 自定义model：大数据量显示 -- 性能和内存的优化
weixin_33704591的博客
02-15 2306
简述 前面简单介绍过Qt的模型/视图框架，提到了Qt预定义的几个model类型： QStringListModel：存储简单的字符串列表 QStandardItemModel：可以用于树结构的存储，提供了层次数据 QFileSystemModel：本地系统的文件和目录信息 QSqlQueryModel、QSqlTableModel、QSqlRelationalTableModel：存取数据库数据 ...
Qt 旋转动画（纯代码）
学习是一种信仰。
02-22 7212
该源码系作者个人撰写，使用时请尊重作者，不要随意篡改关于作者的信息。
QML实现不同虚线效果Demo
02-24
可以通过代码学习qml如何与C++打交道，实现不同虚线效果，纯QML无法实现虚线效果，有需要的朋友可以下载
qt qml treeview 树控件
01-29
qt qml 树控件。 /递归树显示 /左侧一个箭头，点击可展开显示子树 /选中节点变色 /节点点击事件 /tag属性，携带类似id的数据
qml中treeview用法
11-01
qml中treeview的用法，界面跟后端数据交互，简单的教学例子
QML TreeView 自定义样式加上节点可拖动
11-11
关于QML 的样式定义，包括背景颜色，选中颜色，节点前图片，可展开节点的图片。最最重要的节点可拖动
QML中树形控件TreeView的最基本、最简单粗暴的、一看秒懂的实现方法，之一
热门推荐
大家好，我是Utanbo
03-28 2万+
QML中树形控件TreeView的最基本、最简单粗暴的、一看秒懂的实现方法之一。适合小白程序员。
QML实现一个TreeView
hu853712064的博客
05-26 2818
在Qt5中的QtQuick.Controls 2.x中没有TreeView这个控件，而只在QtQuick.Controls 1.x中拥有这个控件。因此当我们使用高版本的QtQuick.Controls时，无法使用TreeView，因此我们必须得想办法自己实现一个TreeView。实现TreeView的最容易想到的思路就是迭代使用ListView，ListView我们是可以使用的，而TreeView实际上就是ListView套ListView（套娃），因此灵活使用ListView就能制作一个TreeView。
绘制虚线
qq_19732563的博客
10-11 501
- (void)viewDidLoad {     [super viewDidLoad];     // Do any additional setup after loading the view, typically from a nib.     UIView *view = [[UIView alloc] initWithFrame:CGRectMake(
QML树控件TreeView的使用（上）
pichi4089的博客
04-24 671
转载：https://blog.youkuaiyun.com/shado_walker/article/details/56495059
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值