QML 画虚线 ,如何与QPaniter打交道

最新推荐文章于 2024-09-11 10:36:47 发布
最新推荐文章于 2024-09-11 10:36:47 发布
阅读量4.8k 收藏 4
点赞数 2
CC 4.0 BY-SA版权
分类专栏： QML 文章标签： QML 虚线 QML实现虚线 qt 实现不同虚线
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/CLinuxF/article/details/79359659
本文介绍如何在QML中通过继承QQuickPaintedItem并重写paint函数来实现虚线的绘制。详细步骤包括在C++中定义TestLine类，实现在QPainter中画虚线的方法，然后在QML中注册并使用该组件。通过提供的代码示例和效果图，可以清晰地了解虚线绘制的完整流程。
因为需求所致，想在QML上画虚线，发现QML完全没有用武之地，Canvas都没有这个方法，查阅了HTML的原生Canvas中是有一个setLineDash()可以画虚线的，但是qml中的Canvas是没有继承这个方法的，可能鄙人水平有限，所以只能自己通过C++QPenter来画了，同时页说明了qml如何与QPenter来结合使用。

首先我是继承了QQuickPaintedItem这个类，通过这个类只要实现Paint这个虚函数就可以了，code如下：

TestLine.h:


TestLine.cpp:

主要展示下paint的实现，基本实现该函数就完全没有问题


<

了解本专栏 订阅专栏 解锁全文 超级会员免费看
QML ShapePath绘制虚线
liushiyi3083862599的博客
03-24 777
这两个属性决定了曲线路径的起点。通过设置这些属性，你可以控制直线段的起始位置。在 QML（Qt Modeling Language）中，类型用于描述一个二维路径，可以用来绘制形状、曲线和直线。元素的一个子类型，用于创建两点之间的直线段。是所有路径曲线中最简单的路径曲线。属性来指定直线的终点位置。
QT c++绘制虚线在qml显示方法qml注册C++类
caicai_xiaobai的博客
05-21 902
paintline.h #ifndef PAINTLINE_H #define PAINTLINE_H #include <QQuickPaintedItem> #include <QPen> #include <QPainter> class PaintLine:public QQuickPaintedItem { Q_OBJECT Q_PROPERTY(QColor color READ color WRITE setColor NOTIFY colo
QML实现不同虚线效果Demo
02-24
可以通过代码学习qml如何与C++打交道，实现不同虚线效果，纯QML无法实现虚线效果，有需要的朋友可以下载
qml 虚线边框绘制
逝忆
05-24 1633
qml 绘制虚线框
QML地图绘制虚线
zjgo007的专栏
04-19 2257
QML提供了MapPolyline用于在地图上绘制线段，该线段是实线，因此我使用Canvas自定义绘制的方式在地图上绘制线段, 鼠标在地图上点击后，在点击位置添加图标 ，当有多个图标被添加到地图上后，计算各个图标间的距离，并创建一个新的虚线线段组件，连接两个图标点，显示距离数值。
QML TreeView添加节点间虚线
12-15
这是一个简单的Demo，用于展示如何在QML的TreeView控件中添加节点间虚线。
qml 虚线绘制 多种绘制方式
05-19
在QML（Qt Quick）中，虚线的绘制是通过Canvas或者PathElement组件来实现的。本文将深入探讨QML中的几种虚线绘制方法，并提供实际的代码示例。 1. **Canvas绘制虚线** Canvas是QML中的一个基本元素，它允许我们...
QML地图绘制虚线Demo
04-19
QML提供了MapPolyline用于在地图上绘制线段，该线段是实线，因此我使用Canvas自定义绘制的方式在地图上绘制线段, 鼠标在地图上点击后，在点击位置添加图标 ，当有多个图标被添加到地图上后，计算各个图标间的距离，...
绘制虚线
qq_19732563的博客
10-11 517
- (void)viewDidLoad {     [super viewDidLoad];     // Do any additional setup after loading the view, typically from a nib.     UIView *view = [[UIView alloc] initWithFrame:CGRectMake(
QML坑之canvas画虚线出现绘图状态混乱
Kelvin_Yan的专栏
01-18 1980
测试版本：qt 5.12.7 通过setLineDash可以画虚线，但是发现在绘制多个path时，一些是实线，一些是虚线，会出现绘制某个本应是实线的path时变成了虚线，某个本应是虚线的path变成实线。 如 //ctx for context2D ctx.beginPath() ctx.strokeStyle = "black" ctx.lineWidth = 1 ctx.setLineDash([]) //实线 ctx.moveTo(100,100) ctx.lineTo(200,200) ct
画虚线实例
01-29
很难画的虚线如何在VB中实现能结合matlab autoacad进行哈哈呵呵
画虚线框
faral的专栏
12-16 726
How to draw a dotted rectangle marquee on iPhone? http://stackoverflow.com/questions/1427516/how-to-draw-a-dotted-rectangle-marquee-on-iphone
画虚线
gc889900的博客
08-01 391
UIImageView *imageView1 = [[UIImageView alloc]initWithFrame:CGRectMake(0, 100, 320, 20)];     [self.view addSubview:imageView1];             UIGraphicsBeginImageContext(imageView1.frame.size
canvas-绘制虚线
十里夜
02-06 2487
canvas-绘制虚线 #canvas{ border: 1px solid red; } //获取到canvas元素 var canvas = document.getElementById('canvas');
进行图形上下文画虚线
guoyule2010的专栏
09-19 521
UIImageView*_lineView=[[UIImageView alloc]initWithFrame:CGRectMake(pixw(15), _nameLabel.y+_nameLabel.height+pixw(15), self.width-pixw(15)*2, 0.5)]; //    _lineView.backgroundColor=[XHColor colorW
QML地图绘制虚线Demo：打造个性化地图体验
最新发布
gitblog_09749的博客
09-11 1098
QML地图绘制虚线Demo：打造个性化地图体验 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 在现代应用程序中，地图功能已成为不可或缺的一部分。然而，标准的地图绘制工具往往无法满足所有需求，尤其是在需要自定义绘制效果时。QML地图绘制虚线Demo项目应运而生，它通过QML的Canvas自定义绘制功能，实现了在地图上绘制虚线线段的效果。这一功能不仅增强了地图的可视化效果...
Canvas 绘制虚线(setLineDash())
houyanhua1的专栏
04-10 6216
demo.html：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &am
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Fu_Lin_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值