Progress bars and indicators

Tillhandahåll dina användare med information om inläsningstillstånd genom att använda förloppsrader.

När programmet än gör något som tar en märkbart lång tid, bör du använda ett visuellt element som talar om för användaren att någonting händer i bakgrunden.

QtQuick Controls tillhandahåller två användbara komponenter som du kan använda i detta syfte.

Förloppsrad

Controls.ProgressBar är en komponent som enkelt låter dig inkludera förloppsrader i programmet. Det finns fyra huvudegenskaper som du behöver använda:

  • from: Det minsta värdet som representeras av förloppsradens början
  • from: Det maximala värdet som representeras av förloppsradens slut
  • value: Det aktuella värdet för åtgärden som pågår (t.ex. 50 % inläst)
  • indeterminate: om åtgärden som för närvarande pågår har inget klart förloppsvärde, kan du ställa in den här egenskapen till true för att visa för användaren att någonting händer men att förloppet inte ännu är klart (men snart är det).
import QtQuick 2.15
import QtQuick.Controls 2.15 as Controls
import QtQuick.Layouts 1.15
import org.kde.kirigami 2.20 as Kirigami

Kirigami.Page {

    Controls.ProgressBar {
        from: 0
        to: 100
        value: 50
        indeterminate: false
    }
}
Ovan: förloppsrad vid 50 %, nedan: obestämd förloppsrad

Ovan: förloppsrad vid 50 %, nedan: obestämd förloppsrad

Upptagetindikering

I fallen där inläsningstider är kortare eller det inte är möjligt att mäta förloppet, kan du använda Controls.BusyIndicator istället. Komponenten tillhandahåller ett enkelt spinnande hjul som visar att något händer för användaren.

Controls.BusyIndicator {}

En upptagetindikering

Om du vill att indikatorn ska sluta köra, kan du göra det genom att ställa in egenskapen running till false.

Controls.BusyIndicator {
    running: false
}