Liri Fluid API

SmoothFadeLoader QML Type

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

Import Statement: import Fluid.Controls 1.1

Properties

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.