2017-07-25 69 views
1

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(); 

結果

に半円を描かしかし、どのように私はそれがこのように破線行うことができます。私は

+0

実行してテストできる最小限のコードを入力してください。 –

+1

残念ながら、QMLキャンバスの実装では、HTMLキャンバスと互換性があると思われるにもかかわらず、 'setLineDash()'メソッドは実装されていません...答えが示唆しているように、点線を描くことができる 'QPainter'を使う' QQuickPaintedItem'実装のために行くことができます。 – dtech

答えて

0

が必要

私は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; 
}