SmoothFadeLoader Class Reference

Displays an item and smoothly fade when the source is changed. More...

Inheritance diagram for SmoothFadeLoader:

Collaboration diagram for SmoothFadeLoader:

Detailed Description

Displays an item and smoothly fade when the source is changed.

This component loads an item with a Loader and smoothly fade to another item when the source URL is changed.

Items are loaded synchronously, also the item being hidden is not unloaded to avoid an unpleasant "flash" after the transition.

Example of usage:

import QtQuick 2.10
import Fluid.Controls 1.0
 
Item {
    width: 640
    height: 480
 
    SmoothFadeLoader {
        anchors.fill: parent
        source: "MyComponent.qml"
        fadeDuration: 400
 
        MouseArea {
            anchors.fill: parent
            onClicked: parent.source = "AnotherComponent.qml"
        }
    }
}

---

The documentation for this class was generated from the following file:

• /home/runner/work/docs/docs/fluid/src/imports/controls/qml/SmoothFadeLoader.qml