anyuianyui
Home
Getting Started
Documentation
Download
Feedback
  • English
  • 简体中文
Home
Getting Started
Documentation
Download
Feedback
  • English
  • 简体中文
  • Setup

    • Installation
  • Core Concepts

    • Introduction
    • Design
    • Hide and Lock
    • Resource Management
  • Higher Order Component

    • State Button
    • Label Slider
    • Value Slider
    • Check Group & Radio Group
    • StatusBar
    • NavigateBar
    • Drawer
  • Advanced Features

    • Use External Image File as Source
    • GIF Animated Image
    • Template Component
    • Global Components
    • Screen Management
    • Communication Commands and Events
    • Lottie Animation
  • Development

    • Build Mode
    • Build Toolchain Configuration
    • Code Transplant
  • Technical Support

    • FAQ

Introduction

The StatusBar is a Higher Order Component that provides a status display area for text elements such as current time or icon indicators such as WiFi and battery status.

Usage

Right-click on the StatusBar component to configure events for text and icon elements. The default configuration includes:

  • A label configured to receive time updates
  • An icon configured to receive battery status updates
  • An icon configured to receive Bluetooth status updates

StatusBar vs Global StatusBar

There're two types of StatusBar:

  • Local StatusBar

    If you drag and drop the StatusBar component to a screen from WidgetBar, it will be a local StatusBar. The changes made to the StatusBar will only affect the screen where it is placed.

  • Global StatusBar

    If you enable StatusBar thru screen's property panel, it will be a global StatusBar. The changes made to the StatusBar will affect all screens. Refer to Global Components for more information.

Communication Commands and Events

The StatusBar supports commands to initialize icon states during screen setup.

Refer to Communication Command and Event for comprehensive implementation details.

Prev
Check Group & Radio Group
Next
NavigateBar