숫자를 원으로 배열하십시오.

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 
     } 
    } 
} 

당신이 똑바로 텍스트가 마지막 회전을 주석 처리하지 않으려면

.