ДС
Ақп. 1, 2022, 2:15 Т.Қ.

Синхронизация анимаций в ListView

qml, animation

Добрый день. Столкнулся с проблемой синхронизации анимации разных делегатов. У меня есть ListView, в котором хранятся делегаты состояния сети, я навешиваю анимацию на индикатор состояния при переходя состояний. Вопрос, как синхронизировать анимации внутри делегатов, чтобы они меняли свойство opacity в "такт".


ListView {
    id: networkList
    model: ListModel { id: networksModel }

    highlightMoveDuration : 200

    orientation: ListView.Horizontal
    anchors.right: right_button.left
    anchors.left: left_button.right
    anchors.top: parent.top
    anchors.bottom: parent.bottom

    anchors.leftMargin: 10 * pt
    anchors.rightMargin: 10 * pt
    delegate: networkItem
    interactive: false
    clip: true
}



Component {
        id: networkItem

        Item {
            id:controlDelegate
            width: networksModel.count > visible_count -1 ? item_width : parent.parent.width/networksModel.count
            height: 40

            RowLayout {
                anchors.verticalCenter: parent.verticalCenter
                anchors.horizontalCenter: parent.horizontalCenter
                spacing: 5 * pt
                Text {
                    id: nameNet
                    Layout.fillWidth: true
                    font: dapQuicksandFonts.dapMainFontTheme.dapFontQuicksandBold12
                    color: currTheme.textColor
                    text: name
                }

                ImageLoader{
                    id:img
                    Layout.alignment: Qt.AlignVCenter
                    Layout.preferredHeight: 8 * pt
                    Layout.preferredWidth: 8 * pt
                    innerWidth: 8 * pt
                    innerHeight: 8 * pt

                    source: networkState === "OFFLINE" ? "qrc:/resources/icons/" + pathTheme + "/indicator_offline.png" :
                            networkState === "ERROR" ?   "qrc:/resources/icons/" + pathTheme + "/indicator_error.png":
                                                         "qrc:/resources/icons/" + pathTheme + "/indicator_online.png"
                }
                SequentialAnimation {
                    NumberAnimation {
                        target: img
                        properties: "opacity"
                        from: 1.0
                        to: 0.1
                        duration: 1000
                    }

                    NumberAnimation {
                        target: img
                        properties: "opacity"
                        from: 0.1
                        to: 1.0
                        duration: 1000
                    }
                    loops:Animation.Infinite
                    running: networkState !== targetState? true : false
                    onRunningChanged:
                    {
                        if(!running)
                            img.opacity = 1;
                    }
                }
            }
        }
    }
}
1

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

0

Пікірлер

Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
Кіріңіз немесе Тіркеліңіз