ブログ

QMLでテキストを回転させる

at_takuya.sasaki
2014年10月19日 22時23分

Armadillo-840でQMLを使ってテキストを90度回転させるサンプルコードを書いてみました。
10秒かけて[Hello World]という文字が90度回転し、さらに10秒かけて元の表示位置に戻ります。

import QtQuick 2.0
 
Rectangle {
    id: main
    width: 800
    height: 480
    color: "black"
 
    Text {
        id: telop
        x: (main.width - telop.width)/2
        y: (main.height - telop.height)/2
        text: qsTr("Hello World")
        color: "white"
        font.pointSize: 50
 
        // Animation start
        SequentialAnimation {
          running: true
          loops: Animation.Infinite
 
          NumberAnimation { target: telop; property: "rotation"; to: 90; duration: 10000; }
          NumberAnimation { target: telop; property: "rotation"; to: 0; duration: 10000; }
        }
    }
}