我正在尝试找到一种方法来在绑定(bind)更改时对 QML 元素进行转换。假设您有一个 Text 元素，其中 text 属性绑定(bind)到某物。我想要的是当绑定(bind)中的数据发生变化时，元素淡出(仍显示旧数据)，切换并淡入新数据(实际转换发生在元素不可见时。)

我一直在到处寻找执行此操作的方法，但我能弄清楚。我试过在 QML 中使用 Qt Quick 动画，但是数据本身在动画运行之前发生了变化，从而使动画变得不必要。我已经尝试创建一个自定义 QDeclarativeItem 对象，该对象在 QDeclarativeItem::paint() 中调用动画，但我不知道如何让它实际运行。

我应该在这里指出，我知道我的绑定(bind)工作正常，因为显示的数据发生变化，我只是无法让这些动画在适当的时间运行。

这是我用 QML 尝试过的:

Text {
    id: focusText
    text: somedata

    Behavior on text {
         SequentialAnimation {
             NumberAnimation { target: focusText; property: "opacity"; to: 0; duration: 500 }
             NumberAnimation { target: focusText; property: "opacity"; to: 1; duration: 500 }
         }
     }
}

下面是我在实现自定义 QDeclarativeItem 时所尝试的:

// PAINTER
void AnimatedBinding::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) {
    // Setup the pen
    QPen pen(m_color, 2);
    painter->setPen(pen);
    painter->setOpacity(this->opacity());

    // Draw the item
    if (m_bindingType == QString("text")) {
        QPropertyAnimation animation(this, "opacity");
        animation.setDuration(1000);
        animation.setStartValue(1);

        if (drawn) {
            animation.setStartValue(1);
            animation.setEndValue(0);
            animation.start();
        } else drawn = true;

        painter->drawText(boundingRect(), m_data.toString());
        animation.setEndValue(0);
        animation.start();
    } else {
        qCritical() << "Error unknown binding type!";
        return;
    }
}

但正如我所说，我在 Painter 中启动的动画实际上从未触发。

有什么建议吗？以前有人做过吗？大约一个星期以来，我一直在努力解决这个问题。

最佳答案

如何仅通过这种方式在 qml 中执行此操作:

1. 定义一个您自己类型的自定义元素，其行为方式符合您的要求。
2. 使用此元素代替传统元素进行动画处理。

例如。我已经创建了一个自定义的“AnimatedText”类型，以便在与文本相关的文本发生变化时在文本元素上具有淡入和淡出行为。

文件 1:AnimatedText.qml

import QtQuick 1.0

Item
{
    id: topParent
    property string aText: ""
    property string aTextColor: "black"
    property int aTextFontSize: 10
    property int aTextAnimationTime : 1000

    Behavior on opacity { NumberAnimation { duration: aTextAnimationTime } }

    onATextChanged:
    {
         topParent.opacity = 0
         junkTimer.running = true
    }

    Timer
    {
       id: junkTimer
       running: false
       repeat: false
       interval: aTextAnimationTime
       onTriggered:
       {
           junkText.text = aText
           topParent.opacity = 1
       }
    }

    Text
    {
        id: junkText
        anchors.centerIn: parent
        text: ""
        font.pixelSize: aTextFontSize
        color: aTextColor
    }
}

在你的 main.qml 中

import QtQuick 1.0

Rectangle
{
    id: topParent
    width:  360
    height: 360

    AnimatedText
    {
      id: someText

      anchors.centerIn: parent
      aText: "Click Me to change!!!.."
      aTextFontSize: 25
      aTextColor: "green"
      aTextAnimationTime: 500
    }

    MouseArea
    {
        anchors.fill: parent
        onClicked:
        {
            someText.aText = "Some random junk"
        }
    }
}

关于c++ - Qt 中的动画绑定(bind)更改，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14343232/