Документация
ОС Аврора 5.1.5

QML-тип FadeAnimation

Анимация появления/исчезновения в стиле ОС Аврора. Подробнее…

Строка импорта: import Sailfish.Silica 1.0
Наследуется от: NumberAnimation

Свойства

Подробное описание

Тип FadeAnimation реализует стандартную анимацию затухания и появления элементов. Он часто используется внутри контейнера Behavior, применённого к свойству opacity для автоматической анимации изменения непрозрачности элемента в стиле приложений ОС Аврора.

Ниже приведён пример кода:

import QtQuick 2.2
import Sailfish.Silica 1.0

Page {
    property bool backgroundClicked

    MouseArea {
        anchors.fill: parent
        onClicked: backgroundClicked = !backgroundClicked
    }

    Rectangle {
        anchors.centerIn: parent
        width: Theme.itemSizeSmall
        height: width
        color: Theme.highlightBackgroundColor
        opacity: backgroundClicked ? Theme.highlightBackgroundOpacity : 1.0

        Behavior on opacity {
            FadeAnimation {}
        }
    }
}

Примечание: для анимации затухания/появления вместо FadeAnimation следует повсеместно использовать тип FadeAnimator. Тип FadeAnimator является неблокирующим вариантом, который осуществляет анимацию, даже если основной поток приложения перестает отвечать на запросы. Тип FadeAnimation обновляет свойство непрозрачности элемента каждый кадр и может использоваться в привязках, тогда как тип FadeAnimator выполняет анимацию прозрачности элемента только в потоке отрисовки. В большинстве случаев предпочтение следует отдавать типу FadeAnimator.

FadeAnimation наследуется от типа QtQuick NumberAnimation. Поэтому свойства, сигналы и методы NumberAnimation также доступны для объектов FadeAnimation. Полный список доступных свойств, сигналов и методов NumberAnimation доступен в документации к этому типу.

Описание свойств

property : string

Содержит название анимируемого свойства.

Значение по умолчанию: "opacity".

Мы используем cookies для персонализации сайта и его более удобного использования. Вы можете запретить cookies в настройках браузера.

Пожалуйста ознакомьтесь с политикой использования cookies.