本文主要是介绍QML ShapePath绘制虚线,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一.qml PathLine介绍
在 QML(Qt Modeling Language)中,
PathLine
是Path
元素的一个子类型,用于创建两点之间的直线段。Path
类型用于描述一个二维路径,可以用来绘制形状、曲线和直线。PathLine
是所有路径曲线中最简单的路径曲线。
PathLine
的基本属性包括startX
和startY
,这两个属性决定了曲线路径的起点。通过设置这些属性,你可以控制直线段的起始位置。
二.qml PathLine使用示例
DottedLline.qml
import QtQuick 2.12
import QtQuick.Shapes 1.12Shape
{id:canvaswidth: parent.widthheight: parent.heightShapePath{strokeStyle: ShapePath.DashLine //虚线startX: 8startY: 10dashPattern: [1, 3] // 点的长度为1,点与点之间的空隙长度也是3PathLine{x:canvas.width;y:10}PathLine{x:canvas.width;y:canvas.height}PathLine{x:8;y:canvas.height}PathLine{x:8;y:10}fillColor: "transparent"strokeColor: "black";strokeWidth: 2;}
}
main.qml
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Shapes 1.12Window
{visible: truewidth: 900height: 400title: qsTr("Test Example")DottedLline{width: 200;height: width;}
}
运行效果:
这篇关于QML ShapePath绘制虚线的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!