SmoothFadeLoader QML Type | Fluid Reference Documentation

- Fluid Reference Documentation
- Fluid 1.2.0

# SmoothFadeLoader QML Type

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

Import Statement: | import Fluid.Controls 1.1

- List of all members, including inherited members

## Properties

- fadeDuration : int
- running : bool
- source : url

## Detailed Description

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"
             }
         }
     }

## Property Documentation

fadeDuration : int

Set this to change the fade animation time (in milliseconds). Default value is 250 ms.

[read-only] running : bool

This property holds whether the fade animation is running or not.

source : url

The item being displayed.

See also Loader::source.