qml显示gif动画和文字滚动播出

班公湖里洗过脚

于 2020-01-30 17:57:26 发布

阅读量787

点赞数

分类专栏： qml 文章标签： qml

本文链接：https://blog.csdn.net/chenyijun/article/details/104117163

版权

qml 专栏收录该内容

38 篇文章

订阅专栏

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 640
    height: 680
    title: qsTr("Hello World")
    AnimatedImage {//显示gif动画
        id: gifImage
        width: 300; height: 300
        anchors{top: parent.top; topMargin: 190; left: parent.left; leftMargin: 170}

        source:"qrc:/hi.gif"
    }


    Rectangle {
        id:scrollRect
        width: 300; height: 40
        anchors.left:parent.left;
        anchors.leftMargin: 170
        anchors.top: parent.top;
        anchors.topMargin: 150
        radius: 5
        color: "transparent"//"green"
        clip:true

        Text
        {
            id:scrollText
            height:parent.height
            text:"qml显示gif动画和文字滚动播出"
            color:"red"
            font.bold: true
            //font.family: "楷体"
            font.pixelSize: 24
            verticalAlignment: Text.AlignVCenter

            SequentialAnimation on x {
                loops: Animation.Infinite

                PropertyAnimation {
                    from:scrollRect.width
                    to: -scrollText.width
                    duration: 5000
                }
            }
        }
        Component.onCompleted:{
            console.log("scrollText.font=====" + scrollText.font.family)
        }
    }
}