ДС
Feb. 1, 2022, 2:15 p.m.

Синхронизация анимаций в 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

Do you like it? Share on social networks!

0

Comments

Only authorized users can post comments.
Please, Log in or Sign up
  • Last comments
  • Evgenii Legotckoi
    March 9, 2025, 9:02 p.m.
    К сожалению, я этого подсказать не могу, поскольку у меня нет необходимости в обходе блокировок и т.д. Поэтому я и не задавался решением этой проблемы. Ну выглядит так, что вам действитель…
  • VP
    March 9, 2025, 4:14 p.m.
    Здравствуйте! Я устанавливал Qt6 из исходников а также Qt Creator по отдельности. Все компоненты, связанные с разработкой для Android, установлены. Кроме одного... Когда пытаюсь скомпилиров…
  • ИМ
    Nov. 22, 2024, 9:51 p.m.
    Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
  • Evgenii Legotckoi
    Oct. 31, 2024, 11:37 p.m.
    Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
  • A
    Oct. 19, 2024, 5:19 p.m.
    Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html