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
Inherits:

Item

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.