数字を円に沿って並べる

Question

私は数字のリストを持っています。

property var numbers: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120] 

時計のように円に配置したい。

QMLクロックの例を使用しようとしましたが、それを適用できませんでした。
QMLツールを使用してそのアレンジを動的に生成するにはどうすればよいですか？

Answer 1

三角関数などを使用して位置を計算することも、Text要素を上に固定するだけの「スポーク」としてItemを使用することもできます。

これは、次のようになります。あなたが直立テキストを持ってしたくない場合は、

Repeater { 
    id: rep 
    model: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110] 

    delegate: Item { 
     height: 100 
     anchors.bottom: parent.verticalCenter 
     anchors.left: center.horizontalCenter 
     transformOrigin: Item.Bottom 
     rotation: 360/rep.model.length * index 
     Text { 
      text: modelData 
      anchors.horizontalCenter: parent.horizontalCenter 
      rotation: -parent.rotation // If you want to have them upright 
     } 
    } 
} 

最後の回転をコメントアウト。