BusyIndicator QML Type
Displayed while waiting for content to load or some process to finish More...
Properties
Detailed Description
The BusyIndicator is a non-interactive display that shows a spinning circle. It should be shown while content is loading or when the UI is waiting for an action to be available.
For example, it could be used while a page is loading its contents:
import QtQuick 2.2
import Sailfish.Silica 1.0
Page {
BusyIndicator {
size: BusyIndicatorSize.Large
anchors.centerIn: parent
running: model.status == Model.Loading
}
}
Or, while an image is loading:
Image {
id: image
source: "http://some/remote/icon.png"
sourceSize.width: Theme.iconSizeMedium
sourceSize.height: Theme.iconSizeMedium
BusyIndicator {
size: BusyIndicatorSize.Medium
anchors.centerIn: image
running: image.status != Image.Ready
}
}
See also BusyLabel and PageBusyIndicator.
Property Documentation
Setting running to true starts the animation. The animation keeps playing until the property is set to false or when the application window goes to background.
The default value is false.
This size property can be used to select one of the following indicator sizes.
- BusyIndicatorSize.ExtraSmall - displayed when loading small details, matches well with extra small font
- BusyIndicatorSize.Small - displayed when loading details, matches well with normal size font
- BusyIndicatorSize.Medium - the standard size for display within a list item
- BusyIndicatorSize.Large - used for full-screen busy indication
The default value is BusyIndicatorSize.Medium.