Sailfish OS
  • Info
  • User Experience
  • Cases
  • Community
  • Developers
  • Contact
  • Get Sailfish OS
Select Page
  • Info
  • User Experience
  • Cases
  • Community
  • Developers
  • Contact
  • Get Sailfish OS

API Documentation

Documentation for developing SailfishOS applications
  • API Documentation
  • Libsailfishapp
  • Sailfish Silica
    • Documentation
    • Icon Reference
  • Sailfish Components
    • Sailfish Accounts
    • Sailfish Bluetooth
    • Sailfish Contacts
    • Sailfish Crypto
    • Sailfish Gallery
    • Sailfish Media
    • Sailfish Pickers
    • Sailfish Secrets
    • Sailfish Share
    • Sailfish Telephony
    • Sailfish Webview
    • Amber Web Authorization
    • Amber MPRIS
  • Nemo QML Plugins
    • Configuration
    • Contacts
    • D-Bus
    • Keepalive
    • Notifications
    • Thumbnailer
  • Sailfish Middleware
    • MDM Framework
    • MDM Policy Framework
    • User Manager Daemon
  • API Documentation
  • Libsailfishapp
  • Sailfish Silica
    • Documentation
    • Icon Reference
  • Sailfish Components
    • Sailfish Accounts
    • Sailfish Bluetooth
    • Sailfish Contacts
    • Sailfish Crypto
    • Sailfish Gallery
    • Sailfish Media
    • Sailfish Pickers
    • Sailfish Secrets
    • Sailfish Share
    • Sailfish Telephony
    • Sailfish Webview
    • Amber Web Authorization
    • Amber MPRIS
  • Nemo QML Plugins
    • Configuration
    • Contacts
    • D-Bus
    • Keepalive
    • Notifications
    • Thumbnailer
  • Sailfish Middleware
    • MDM Framework
    • MDM Policy Framework
    • User Manager Daemon

Contents

  • Detailed Description

FadeAnimator QML Type

A Sailfish-style fade animation that runs outside of the main application UI thread More...

Import Statement: import Sailfish.Silica 1.0
  • List of all members, including inherited members

Detailed Description

The FadeAnimator type provides a common animation for applying fade-in and fade-out animations to items. It is commonly used within a Behavior applied to an item's opacity to automatically animate opacity changes to the item in a Sailfish-styled manner.

Here is a simple example:

 import QtQuick 2.2
 import Sailfish.Silica 1.0

 Page {
     Button {
         enabled: canSend
         text: "Send message"
         opacity: enabled ? 1.0 : 0.0
         Behavior on opacity { FadeAnimator {} }
         anchors.centerIn: parent
     }
 }

FadeAnimator inherits the QtQuick OpacityAnimator type, so any properties, signals and methods of OpacityAnimator are also available to FadeAnimator objects. See the OpacityAnimator documentation for its full list of available properties, signals and methods.

  • Legal
  • Contact Us
  • Jollyboys Ltd © 2024

  • Facebook
  • Twitter
  • Mastodon
  • YouTube
  • LinkedIn