[游戏开发]Qml文本滚动显示

ScrollText.qml

import QtQuick 2.2
import QtQuick.Window 2.2

//文本滚动显示
Text {
	id: scrollText;
	
	//数字动画数组
	SequentialAnimation {
		id: sequentialAnimation;
		running: false;
		
		NumberAnimation {
			id: numberAnimationStart;
			target: scrollText;
			property: "x";
			duration: 10000;
			easing.type: Easing.Linear;
		}
		
		NumberAnimation {
			id: numberAnimationEnd;
			target: scrollText;
			property: "x";
			duration: 0;
			to: 0;
			easing.type: Easing.Linear;
		}
	}
	
	//每隔15秒检测scrollText的坐标加宽度有没有超过父控件，如果超过，则滚动显示
	Timer {
		id: numberAnimationTimer;
		interval: 15000;
		repeat:true;
		triggeredOnStart: true;
		running: true;
        
		onTriggered: {
			if(scrollText.x + scrollText.width > scrollText.parent.width){
				numberAnimationStart.to = 0 - scrollText.width;
				numberAnimationEnd.to = scrollText.x;
				sequentialAnimation.running = true;
			}else{
				sequentialAnimation.running = false;
			}
		}
	}
	
}

使用

import QtQuick 2.2
import QtQuick.Window 2.2

Rectangle {
	id: videoDisplayArea;
	radius: 1;
	opacity: 1;
	
	//在这里使用(当一个Text控件使用)
	ScrollText{
		id: videoDisplayAreaTitle;
		x: 10;
		text : "hello world qml text scroll display";
	}		
}