import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2
import QtQuick.Layouts 1.1

ApplicationWindow {
    title: qsTr("Label Alignment Test")
    width: 300
    height: 200
    visible: true

    ColumnLayout {
        anchors.centerIn: parent

        Button {
            anchors.horizontalCenter: parent.horizontalCenter
            text: qsTr("Next")
            onClicked: _text.messageIndex += 1
        }

        Text {
            id: _text
            readonly property var messages: [
                qsTr("Loooooooong message"),
                qsTr("Short message")
            ]
            property int messageIndex: 0

            horizontalAlignment: Text.AlignHCenter
            text: messages[messageIndex % messages.length]

            Rectangle { // Highlight text bounds
                anchors.fill: parent
                color: "#7fff0000"
            }
        }
    }
}