Qt（QML）虚线圈

问题描述：

有什么办法可以在QML中绘制半虚线的圆圈吗？我画半圈以这种方式Qt（QML）虚线圈

var Circle = getContext("2d"); 
      Circle.save(); 
      var CircleGradient = 
Circle.createLinearGradient(parent.width/4,parent.height,parent.width/4,0); 
     CircleGradient.addColorStop(0, firstGradientPoint); 
        CircleGradient.addColorStop(1, secondGradientPoint); 
        Circle.clearRect(0, 0, parent.width, parent.height); 
        Circle.beginPath(); 
        Circle.lineCap = "round"; 
        Circle.lineWidth = 10; 
        Circle.strokeStyle = CircleGradient 
        Circle.arc(parent.width/2, parent.height/2, canvas.radius - (Circle.lineWidth/2), Math.PI/2, canvas.Value); 
        Circle.stroke(); 
        Circle.restore();

结果

但我怎么可以让它破灭这样。

我需要

请提供一个可以执行和测试的最小代码。 –

不幸的是，QML画布实现并没有实现'setLineDash（）'方法，尽管它应该是HTML画布兼容的......所以你要么需要画出一系列中间连线作为答案的建议，要么你可以使用'QutilPaintedItem'实现，该实现使用可以绘制虚线的'QPainter'。 – dtech

答

我知道QML点点，但从来没有编码。但是你可以通过逻辑来解决你的问题。

这里是逻辑 - 下面的代码是伪的，不会工作，但会给你一个想法。

绘制循环中的小圆弧，中间有空格。

//DECLARE YOUR ANGLES START AND END 
startAngle = 0.0; 
endAngle = pi/20;// 10 ARCS AND 10 SPACES 

while (q++ < 10){ 

    Circle.arc(parent.width/2, parent.height/2, canvas.radius - (Circle.lineWidth/2), startAngle, endAngle, canvas.Value) 

    //LEAVE SPACE AND CREATE NEW START AND END ANGLE. 
    startAngle = endAngle + endAngle; 
    endAngle = startAngle + endAngle; 
}

相关推荐