ActivityIndicator

Extends Widget

A widget representing a spinning indicator for indeterminate loading / processing time.

Import this type with “const {ActivityIndicator} = require('tabris');”

Android iOS
ActivityIndicator on Android ActivityIndicator on iOS

Properties

tintColor

iOSAndroid

Type: Color

The color of the indicator.

Events

tintColorChanged

Fired when the tintColor property has changed.

Event Parameters

  • target: this The widget the event was fired on.

  • value: Color The new value of tintColor.

Example

  1. const {ActivityIndicator, Button, ui} = require('tabris');
  3. // Create the activity indicator centered in the page
  4. let activityIndicator = new ActivityIndicator({
  5.   centerX: 0,
  6.   centerY: 0
  7. }).appendTo(ui.contentView);
  9. // Create reload button
  10. let reloadButton = new Button({
  11.   centerX: 0, centerY: 0,
  12.   text: 'Run Task'
  13. }).on('select', () => executeLongRunningTask())
  14.   .appendTo(ui.contentView);
  16. function executeLongRunningTask() {
  17.   // Toggle visibility of elements
  18.   activityIndicator.visible = true;
  19.   reloadButton.visible = false;
  21.   setTimeout(() => {
  22.     // Async action is done
  23.     activityIndicator.visible = false;
  24.     reloadButton.visible = true;
  25.   }, 2500);
  26. }
  28. executeLongRunningTask();

See also

原文:

https://youjingyu.github.io/Tabris-Documention/?folderName=widgets&pageName=ActivityIndicator.html