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

  • Properties
  • Detailed Description

RemoveAnimation QML Type

A Sailfish-style item-removal animation More...

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

Properties

  • duration : int
  • target : Item

Detailed Description

The RemoveAnimation type provides a common item-removal animation for SilicaListView and SilicaGridView.

Here is a simple example:

 import QtQuick 2.2
 import Sailfish.Silica 1.0

 SilicaListView {
     id: listView

     model: 100
     anchors.fill: parent
     delegate: BackgroundItem {
         id: backgroundItem

         onClicked: {
             listView.model = (listView.model == 100 ? 5 : 100)
         }

         ListView.onAdd: AddAnimation {
             target: backgroundItem
         }
         ListView.onRemove: RemoveAnimation {
             target: backgroundItem
         }

         Label {
             x: Theme.paddingLarge
             anchors.verticalCenter: parent.verticalCenter
             color: parent.down ? Theme.highlightColor : Theme.primaryColor
             text: "Index: " + index
         }
     }

     VerticalScrollDecorator {}
 }

The RemoveAnimation is recommended to be used to animate deletion of delegates.

See also ListItem::animateRemoval().

Property Documentation

duration : int

This property holds the duration of the remove animation, in milliseconds.

The default value is 150.


target : Item

The item that is animated on removal.


  • Legal
  • Contact Us
  • Jolla Mobile Ltd © 2025

  • Facebook
  • Twitter
  • Mastodon
  • YouTube
  • LinkedIn