ELoading Loading

import EUI 1.0

Examples

Loading over a target

QML sourceQML

import EUI 1.0
import QtQuick 2.15
import QtQuick.Layouts 1.15
import QtQuick.Controls 2.15

Item {
    width: Math.min(640, parent.width)
    height: 480

Column {
        width: parent.width - 48
        spacing: 16
        anchors.centerIn: parent

ERectangle {
            id: webNavigationLoadingTarget

radius: 8
            height: 140
            width: parent.width
            color: EPaletteManager.ThemePalette.surfaceComponent(ETheme.dark)

EButton {
                anchors.centerIn: parent
                text: qsTr("Start task")

onClicked: webNavigationTaskTimer.restart()
            }
        }
        ELoading {
            target: webNavigationLoadingTarget
            loading: webNavigationTaskTimer.running
            text: qsTr("Working…")
            backgroundColor: ETheme.dark ? Qt.rgba(0.1, 0.12, 0.16, 0.85) : Qt.rgba(1, 1, 1, 0.85)
        }
        Timer {
            id: webNavigationTaskTimer

interval: 1800
        }
    }
}

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Loading

QML sourceQML

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

backgroundColorcolor

Background color.

DefaultDynamic binding

beforeClosevar

Callback before closing; dialogs complete asynchronous checks through done(cancel).

Defaultnull

clockwisebool

Draw or rotate clockwise.

Defaulttrue

colorcolor

Custom color; a transparent value usually selects theme or semantic colors.

DefaultDynamic binding

durationint

Animation or display duration in milliseconds; the component binding identifies its use.

Default1000

enabledbool

Allow interaction; false disables the control.

Defaulttrue

fullscreenbool

Use full-screen display or a full-window overlay.

Defaultfalse

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

loadingbool

Whether the component is loading.

Defaulttrue

lockbool

Block interaction with the target area while loading.

Defaulttrue

materialbool

Use a Material-style loading arc animation.

Defaultfalse

showBackgroundbool

Show the progress track or loading overlay background.

Defaulttrue

spinnerComponentComponent

Component slot for custom loading spinner; null uses the default content. See this page’s examples for delegate context.

Defaultnull

strokeWidthint

Border, divider or progress track width in pixels.

Default6

styleTypeint

Semantic color style.

EStyle.Default
EStyle.Primary
EStyle.Success
EStyle.Info
EStyle.Warning
EStyle.Danger

DefaultEStyle.Primary

svgurl

Custom SVG content for the loading graphic.

Default""

sweepAngleint

Loading arc sweep in degrees.

Default180

targetItem

Target item for scrolling, positioning or the loading overlay.

Defaultnull

textstring

Displayed text.

Default""

textComponentComponent

Component slot for custom text; null uses the default content. See this page’s examples for delegate context.

Defaultnull

visiblebool

Whether the component is visible.

Defaultloading

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

angleintRead only

Current loading-graphic rotation angle in degrees.

DefaultComputed at runtime

animPhaserealRead only

Current or previous loading-animation phase used for continuous rotation.

DefaultComputed at runtime

cycleOffsetDegrealRead only

Accumulated rotation offset for continuous loading animation, in degrees.

DefaultComputed at runtime

lastPhaserealRead only

Previous loading animation phase used at cycle boundaries.

DefaultComputed at runtime

overlayModeboolRead only

Whether loading is displayed as an overlay.

DefaultComputed at runtime

Signals

SignaturePurpose

closed()

Emitted after the component closes.

Methods

SignaturePurpose

close()

Close the component panel or popup.

ELoading Loading ​

Examples ​

Loading over a target ​

Loading ​

Properties ​

Signals ​

Methods ​

ELoading Loading

Examples

Loading over a target

Loading

Properties

Signals

Methods