Wie wird die Fortschrittskontrolle verwendet?

Was ist die Fortschrittskontrolle?

Fortschrittsleiste-Steuerung kann einige Werte der Veränderung des Effekts Bild visuell auf dem Bildschirm widerspiegeln, kann mit Text-Steuerung, Schieberegler-Steuerung, Tasten-Steuerung verwendet werden

Diese Routine beschreibt die Eigenschaften der Fortschrittsleiste-Steuerung, allgemeine Anwendungen, in Kombination mit dem Bildschirm in der Konstruktion der Konfiguration jeder Anwendung, allgemeine Anwendungen wie folgt

1. Starten Fortschrittsleiste: MCU sendet Daten regelmäßig an den Bildschirm beim Starten, Bildschirm Fortschrittsleiste automatisch erhöht Effekt
2. Steuerung Verknüpfung: Implementierung Fortschrittsleiste, Schieberegler, Textsteuerelementation Dreieckige Daten Verknüpfung Update
3. Inkremental Anpassung: Durch Tastensteuerelemente und Fortschrittsleiste Steuerelemente Assoziation, Durch Tasten Fortschrittsleiste Erhöhung und Verringerung

Anwendungsbereich: Vollständige Reihe von

Routinen Download-Links:Anwendungen für die Fortschrittssteuerung» (Klick auf springen)

Eigenschaften der Fortschrittsleiste

Startwert

Startposition des Anzeigebereiches für die Fortschrittsleiste

Endwert

Endposition des Anzeigebereiches für die Fortschrittsleiste

Startwert

Der Standort, an dem die Fortschrittsleiste beim Initialisieren angibt

Schieben Benachrichtigung

Sie können auf „Verbot", „Zulassen [Schieben Benachrichtigung]", „Zulassen [Lößern Benachrichtigung], „Zusammenhängende Schiebenleiste" eingestellt werden, wie unten gezeigt.

• Verbieten: Einstellen der Fortschrittsleiste Verbieten
• Zulassen [Slide-Benachrichtigung]: Die Fortschrittsleiste ist so eingestellt, dass sie gleiten kann und Benachrichtigungsdaten während des Gleitens ausgibt
• Zulassen [Benachrichtigung loslassen]: Der Fortschrittsleiste ist gesetzt, um rutschen zu können, und sendet Benachrichtigungsdaten, wenn es loslassen wird
• Zugeordneten Schiebeleisten: Einstellungen sind mit dem Schiebe-Steuerelement verknüpft, der Wert der Fortschrittsleiste kann durch Ziehen des Cursors geändert werden

Zahlenanzeige

Legen Sie die Anzeige des Fortschrittslebars auf „nicht anzeigen", „mitten anzeigen", „end anzeigen", wie folgt

• Schriftart: Legen Sie die Schriftgröße des Fortschrittslebars anzeigen
• Textfarbe: Legen Sie die Textfarbe des Fortschrittslebars anzeigen
• Prozentzeichen anzeigen: Legen Sie fest, ob der Wert der Fortschrittsleiste in Prozentzeichen angezeigt wird, können Sie "Ja" oder "Nein"

Fortschrittsleiste-Typ

Legen Sie fest, wie der Fortschrittsleiste im Steuerelement angezeigt wird, können Sie auf "Horizontal / Links", "Horizontal / Rechts", "Vertikal / Oben", "Vertikal / Unter"

Hintergrundtyp

Legen Sie den Hintergrundtyp der Fortschrittsleiste ein, können Sie auf "Transparent", "Monochromat Hintergrund", „Hintergrundbilder"

• Hintergrundfarbe: Wenn [Hintergrundtyp] auf "Monochromat Hintergrund" gesetzt ist, kann die Hintergrundfarbe über die Palette festgelegt werden
• Hintergrundbild: Wenn [Hintergrundtyp] auf "Hintergrundbild" gesetzt ist, können Sie den Hintergrund für die Fortschrittsleiste einstellen, indem Sie hier die Bild-UI einfügen.

Vordergrundtyp

Vordergrundtyp der Fortschrittsleiste festlegen, können Sie auf "Monochromat Vordergrund", "Vordergrundbild"

• Vordergrundfarbe: Wenn [Vordergrundtyp] auf „Monochrom Vordergrund" gesetzt ist, kann die Vordergrundfarbe über die Farbpalette festgelegt werden.
• Vordergrundbild: Wenn [Vordergrundtyp] auf "Vordergrundbild" gesetzt ist, können Sie den Vordergrund für die Fortschrittsleiste einstellen, indem Sie hier die Bild-UI einfügen.

3.2 Starten der Fortschrittsleiste-Anwendung

Wenn der Bildschirm eingeschaltet ist, können Sie die Fortschrittsleiste-Steuerelemente verwenden, um die Benutzererfahrung nach einem bestimmten Schrittwert zu erhöhen.

Bild Konfiguration

„Hintergrundbilder" des Bildes importieren entsprechende Kunstbilder

Attribut Konfiguration

Einrichten [Numerische Anzeige] auf "End-Anzeige" und "Anzeige Prozentzeichen", [Hintergrund-Typ] auf "Transparent", [Vordergrund-Typ] auf "Vordergrund-Bild", [Vordergrund-Bild] fügt vorbereitete UI-Bilder ein, wie folgt konfiguriert:

Ausführen Vorschau

Führen Sie den virtuellen Bildschirm und VisualTFT, um eine Verbindung herzustellen, in [Befehlsassistenten] „Fortschrittsleiste / Instrument / Schieberegler", ziehen Sie den Fortschritt, simulieren Sie den Startfortschritt, wie unten gezeigt

Externe MCU-Steuerung

Siehe die Funktionsdeklaration in der Datei him.dever.h im Programm keil im Entwicklungspaket und die Definition in der Datei him.dever.c. Zum Beispiel müssen Benutzer den Effekt von [Start-Fortschrittsleiste] in der Routine implementieren (Fortschrittsleiste wird von [0-100] in Schleife zunimmt), und können die Funktion SetProgressValue () direkt aufrufen, die den Fortschrittsleiste-Steuerungswert aktualisiert, wie folgt:

/************************************************************************
** Function name:    void SetProgressValue (uint16 screen_id,
**                                          uint16 control_id,
**                                          uint32 value);
** Descriptions    :  设置进度条控件值
** input parameters: 
**                    screen_id : 画面ID
**                    control_id: 控件ID
**                    value     : 设置的数值
** output parameters : 无
** Returned value    : 无
************************************************************************/
uint8 Start_Progress = 0;

/*!
* brief 更新开机进度条值
*/
void UpdateUI()
{
    if(current_screen_id == 0)
    {
        Start_Progress += 1;
        if(Start_Progress > 100)
        {
            Start_Progress = 0;
        }    
        SetProgressValue(0, 1, Start_Progress);//设置画面0,ID1进度条控件值
    }
}

3.3 Steuerelement-Link - Anwendung

Attribute-Konfiguration

Text-Steuerelement - Konfiguration, Fortschrittsleiste-Steuerelement, Schiebeleiste-Steuerelement Attribute wie folgt:

Textsteuerelement-Eigenschaft

Fortschrittsleiste-Eigenschaft

Schieberegler-Eigenschaft

Externe MCU-Steuerung

Zum Beispiel muss der Benutzer implementieren, wenn der Schieberegler [0-100] und der Cursor an die Stelle „88" gleiten, werden die Fortschrittsleiste und die Werte des Textsteuerelementes gleichzeitig auf „88" aktualisiert. Oder wenn Sie Text eingeben, wird der Wert der Fortschrittsleiste mit der Änderung des Textwerts aktualisiert, rufen Sie die Fortschrittsleiste-Steuerung NotifyProgress () und die Textsteuerung NotifyText () direkt auf, der Code ist wie folgt:

/************************************************************************
** Function name:    void NotifyProgress (uint16 screen_id,
**                                        uint16 control_id,
**                                        uint32 value);
** Descriptions    : 设置进度条控件通知
** input parameters: 
**             screen_id: 画面ID
**            control_id: 控件ID
**                 value: 进度条控件值
** output parameters: 无
** Returned value   : 无
************************************************************************/
void NotifyProgress(uint16 screen_id, uint16 control_id, uint32 value)
{
    if(screen_id == 0 && control_id == 3)
    {
        SetTextInt32(0,2,value,0,1);//关联进度条的值赋值给画面0，ID2的文本控件
    }
} 
/************************************************************************
** Function name:    void NotifyText (uint16 screen_id,
**                                    uint16 control_id,
**                                    uint8 *str);
** Descriptions    : 设置文本控件通知
** input parameters:
**              screen_id: 画面ID
**             control_id: 控件ID
**                    str: 文本控件内容
** output parameters: 无
** Returned value   : 无
************************************************************************/
void NotifyText(uint16 screen_id, uint16 control_id, uint8 *str)
{
    int32 value = 0;
    if(screen_id == 0 && control_id == 2)
    {
        sscanf(str,"%ld",&value);//字符转化为整数
        SetProgressValue(0,3,value);//文本控件数值赋值给画面0，ID3的进度条控件
    }
}

3.4 Fortschrittsleiste Fortschrittsanpassung

Fortschrittsleiste Steuerelement, Taste Attribut wie folgt

Textsteuerelement Attribut

Fortschrittsleiste Steuerelement Attribut

Externe MCU-Steuerung

Zum Beispiel Benutzer setzen Sie den Wert der Fortschrittsleiste, rufen Sie einfach, die Funktion SetProgressValue () kann, der Code wie folgt

/************************************************************************
** Function name:    void SetProgressValue (uint16 screen_id,
**                                          uint16 control_id,
**                                          uint32 value);
** Descriptions    :  设置进度条控件值
** input parameters: 
**                    screen_id : 画面ID
**                    control_id: 控件ID
**                    value     : 设置的数值
** output parameters : 无
** Returned value    : 无
************************************************************************/

{
    ......
    SetProgressValue(0, 1, Start_Progress);//设置画面0,ID1进度条控件值
    ......
}