Einführung in das UART-Protokoll für Smart Displays
Das SmartDisplay UART-Protokoll ist ein proprietäres Kommunikationsprotokoll, das von WINSTAR entwickelt wurde, um es den Kunden zu ermöglichen, ihre HMI (Human-Machine Interface)-Bildschirme einfach über die UART-Schnittstelle zu steuern. Dieses innovative Protokoll kombiniert Winstars benutzerfreundlichen GUI Builder und bietet den Kunden ein intuitives und leistungsstarkes Werkzeug zur Anpassung und schnellen Erstellung von Widgets, die ihren Anforderungen entsprechen.
Mit dem GUI Builder können die Kunden eine Vielzahl von HMI-Objekten entwerfen, die von einfachen Schaltflächen und Texten bis hin zu komplexen Anzeigen und Tastaturen reichen, um verschiedenen Anwendungsszenarien gerecht zu werden. Dies spart nicht nur Zeit und Kosten, sondern macht das Design der Benutzeroberfläche auch flexibler und einzigartig.
Durch die Verwendung von WINSTARs benutzerdefinierten UART-Protokollbefehlen kann die Interaktion und Steuerung mit dem Smart Display problemlos erreicht werden. Wir sind bestrebt, das beste Kundenerlebnis zu bieten und unseren GUI Builder kontinuierlich zu verbessern, um sicherzustellen, dass er den sich entwickelnden Bedürfnissen unserer Kunden gerecht wird.
Egal, ob Sie ein professioneller Designer oder ein Anfänger sind, wir sind überzeugt, dass das SmartDisplay UART-Protokoll die ideale Wahl für die Erstellung hervorragender HMI-Oberflächen sein wird. Lassen Sie uns gemeinsam diese aufregende innovative Technologie erkunden und mehr Vitalität und Inspiration in Ihre Produkte einfließen lassen.
Smart Display GUI Builder – Anweisungen zur Projekteinstellung für UART
Der SmartDisplay GUI Builder bietet Ihnen eine intuitive und benutzerfreundliche Oberfläche, mit der Sie problemlos Ihre eigenen HMI-Projekte erstellen können. Ziehen Sie einfach verschiedene Widgets per Drag & Drop auf die Seite, und Sie können diese mühelos auf Ihrem SmartDisplay-Gerät anzeigen und mit ihnen interagieren. Durch einfache Bedienung und flexible Funktionalität kann es Ihre verschiedenen Bedürfnisse erfüllen und Ihre Arbeit effizienter gestalten.
Im Folgenden wird erklärt, wie Sie ein UART-Projekt mit dem Smart Display GUI Builder erstellen und wie Sie Objekte über UART steuern können.
■ Erstellen eines UART-Protokollprojekts
Um ein UART-Projekt zu erstellen, geben Sie den Projektnamen ein, wählen Sie den Gerätetyp des SmartDisplay aus und wählen Sie das SmartDisplay-Protokoll (UART) unter den Protokolloptionen basierend auf Ihren Anforderungen.
■ Fügen Sie ein Gauge und ein Horizontal Slider-Widget zur Hauptseite hinzu
Nach dem Hinzufügen eines Widgets hat jedes Objekt eine eindeutige Index-ID. Jedes Objekt hat auch seine Seitenindex- und Objekt-ID-Einstellungen. Wenn Sie diese beiden Einstellungen kennen, kann die Host-Seite dieses Objekt über UART-Befehle steuern.
■ Simulieren Sie die Interaktion zwischen UART und dem Widget
Klicken Sie auf das Symbol "Simulator With GUI", um den Simulator zu starten.
Nachdem Sie den Simulator gestartet haben, können Sie den Slider mit der Bezeichnung GAUGE_0 am unteren Rand ziehen, um zu simulieren, dass der Host Daten an GAUGE_0 sendet. Beobachten Sie die Änderungen im Gauge des Simulators und sehen Sie sich das UART-Befehlsprotokoll im Nachrichtenprotokoll rechts an. Sie können auch mit dem Horizontal Slider im Simulator interagieren, um zu simulieren, dass Daten von der Geräteseite gesendet werden.
■ Aktualisieren Sie die Einstellungen des SmartDisplay-Geräts
Nachdem Sie die Funktionalität im Simulator überprüft haben und alles korrekt funktioniert, können Sie sich mit dem Gerät verbinden und die Projekteinstellungen auf das SmartDisplay-Gerät hochladen.
Warten Sie, bis der Upload- und Aktualisierungsprozess abgeschlossen ist.
■ Überprüfen Sie die Interaktion zwischen dem Gerät und dem Widget
Nachdem Sie das Projekt auf das Gerät hochgeladen haben, können Sie die Funktionalität auf der SmartDisplay-Geräteseite weiter validieren. Verbinden Sie sich mit dem Gerät über den GUI Builder, klicken Sie auf "Test Device", und Sie können dann die Interaktion zwischen dem Host und dem Gerät testen.
■ Testgerät-Fenster
Über diese Testoberfläche können Sie simulieren, wie die Host-Seite den Wert des Objekts ändert. Ziehen Sie den Slider mit der Bezeichnung GAUGE_0 am unteren Rand, um zu simulieren, dass der Host den Wert von Objekt 0 sendet. Beobachten Sie die Änderungen im Gauge auf dem Gerät, und Sie können auch die Variationen im Sendebefehl und im Antwortbefehl im Nachrichtenprotokoll unten anzeigen. Interagieren Sie außerdem mit dem Horizontal Slider des Geräts, um den von der Geräteseite gesendeten Event-Befehl zu bestätigen.
Durch das oben beschriebene Testgerät-Fenster können Sie simulieren, dass der Host UART-Befehle sendet, um das SmartDisplay zu steuern. Sehen Sie sich den Ergebnisbildschirm auf dem SmartDisplay an und bestätigen Sie den Empfang von Event-Befehlinformationen auf der Host-Seite, indem Sie das SmartDisplay über das Touchpanel bedienen.
SmartDisplay GUI Builder – Benutzerdefiniertes Widget
Wenn die Standard-Widgets auf dem SmartDisplay nicht den Designanforderungen entsprechen, können Kunden eigene Widget-Icons entwerfen. Durch das Aktualisieren der entsprechenden Bilder können sie eine angepasste Widget-Oberfläche erreichen. Für einfache Schaltflächen oder Toggle-Schaltflächen genügt es, die Ein/Aus-Bilder zu ändern, um Anpassungsbedürfnisse zu erfüllen. Bei komplexeren Widgets sind neben dem Austausch von Bildern möglicherweise weitere Parameteranpassungen erforderlich, um sicherzustellen, dass das Widget korrekt angezeigt wird.
■ Erklärung und Beispiel für benutzerdefinierte Gauges
Sie können eine benutzerdefinierte Widget-Oberfläche erreichen, indem Sie die Bilder und die Gauge-Parameter der Reihe nach ändern.
■ Mehrsprachiger Text
Das SmartDisplay Text Widget unterstützt Unicode, was die Anzeige mehrsprachiger Texte ermöglicht. Kunden können die folgenden Schritte befolgen, um den gewünschten mehrsprachigen Text für die Anzeige einzurichten.
1. Fügen Sie eine benutzerdefinierte Schriftart hinzu: Wählen Sie die gewünschte Schriftart und -größe in der richtigen Reihenfolge aus und wählen Sie den anzuzeigenden Unicode-Zeichensatz aus (Sie können die Website https://unicode-table.com/en/blocks/ konsultieren, um den Unicode-Bereich des anzuzeigenden Textes zu bestätigen). Wenn der Bereich des anzuzeigenden Textes zu groß ist (wie z. B. bei chinesischen Schriftzeichen), was zu unzureichendem Flash-Speicher führt, können Sie den Flash-Speicher der Schriftart reduzieren, indem Sie nur die gewünschten Zeichen im Abschnitt Benutzerdefinierte Zeichen festlegen.
2. Stellen Sie die Schriftart für die Anzeige des Text-Widgets ein: Wählen Sie die Einstellungen des Text-Widgets aus, die Sie ändern möchten.
3. Fügen Sie ein Text-Widget hinzu und überprüfen Sie im Simulator, ob die Textanzeige korrekt ist.
Wprowadzenie do niestandardowych poleceń CAN
Następnie wyjaśnimy protokół poleceń używany w UART. Dzięki tym instrukcjom strona Host może łatwo kontrolować SmartDisplay, w tym zmieniać strony, dostosowywać jasność podświetlenia lub uruchamiać dźwięk buzzera.
Poniżej znajdują się domyślne ustawienia UART:
Default baud rate: 115200 (można go zmienić za pomocą GUI Builder)
Parity Bit: None
Data Bit: 8
Stop Bit: 1
Główny format danych dla UART jest następujący:
Header Byte(1 Byte) | Length(1 Byte) | Payload(N Byte) | CRC(2 Byte) |
---|---|---|---|
Command Header | Value: 4 + Payload length Payload max size: 250 |
Payload data max size: 250 | Modbus CRC16 (Calculate Modbus CRC16 https://www.modbustools.com/modbus_crc16.html) |
Protokół UART ma trzy główne typy poleceń: polecenie wysyłające, polecenie odpowiedzi oraz polecenie zdarzenia, w następujących formatach:
(1) Format polecenia wysyłającego
Polecenie wysyłające służy stronie Host do wysyłania poleceń do strony SmartDisplay.
Header Byte(1 Byte) | Length(1 Byte) | Payload(N byte) | CRC(2 Byte) |
---|---|---|---|
Start with 0x53 (S) | Value: 4 + Payload length Payload max size: 250 |
Command code: 1 byte Command parameter: 0 ~ N bytes |
Modbus CRC16 |
(2) Format polecenia odpowiedzi
Polecenie odpowiedzi jest używane przez stronę SmartDisplay do odpowiadania stronie Host z wynikami polecenia wysyłającego.
Header Byte(1 Byte) | Length(1 Byte) | Payload(N byte) | CRC(2 Byte) |
---|---|---|---|
Start with 0x52 (R) | Value: 4 + Payload length Payload max size: 250 |
Command Code: 1 byte Error Code: 1 byte Response Data: 0 ~ N bytes |
Modbus CRC16 |
(3) Polecenie zdarzenia
Kiedy strona SmartDisplay potrzebuje proaktywnie zgłosić dane, użyje tego polecenia, na przykład, gdy przycisk zostanie naciśnięty.
Header Byte(1 Byte) | Length(1 Byte) | Payload(N byte) | CRC(2 Byte) |
---|---|---|---|
Start with 0x45 (E) | Value: 4 + Payload length Payload max size: 250 |
Event Command Code: 1 byte Event Data: 0 ~ N bytes |
Modbus CRC16 |
* Aby uzyskać szczegółowe kody poleceń wysyłających i poleceń zdarzenia, prosimy o zapoznanie się z dokumentem podręcznika użytkownika SmartDisplay UART.
■ Erklärung und Beispiele des Send-/Response-Befehlsprotokolls
Im Folgenden wird der Datenformat und Beispiele für jede Befehlslast der Reihe nach dargestellt.
● Set Object Value: 0x3
Send Command
Command Code | 1 Byte | 0x3 |
Parameter data | 8 Byte | uint16 PageIndex; uint16 ObjectId; int32 value; |
Response command
Command Code | 1 Byte | 0x3 |
Error Code | 1 Byte | 0: Success 1: Failed |
Example: Set Object value
● Set Object Buffer Data: 0x5
Send Command
Command Code | 1 Byte | 0x5 |
Parameter data | N Byte | uint16 PageIndex; uint16 ObjectId; uint8 [] data (max 100 bytes) // Unicode String for Text // Clock setting for Digital Clock |
Response command
Command Code | 1 Byte | 0x5 |
Error Code | 1 Byte | 0: Success 1: Failed |
Example: Set Object Text: test
Example: Set Clock Widget date time: 2024/09/01 04:05:06
● Set Brightness: 0x6
Send Command
Command Code | 1 Byte | 0x6 |
Brightness | 1 Byte | Brightness value |
Response command
Command Code | 1 Byte | 0x6 |
Error Code | 1 Byte | 0: Success 1: Failed |
Example: Set brightness to 90.
● Set Buzzer: 0x7
Send Command
Command Code | 1 Byte | 0x7 |
Cycle | 1 Byte | Cycle value |
High | 1 Byte | High value (Unit: 10 ms) |
Low | 1 Byte | Low value (Unit: 10 ms) |
Response command
Command Code | 1 Byte | 0x7 |
Error Code | 1 Byte | 0: Success 1: Failed |
Example: Emitting buzzer: Cycle:1, High: 200 ms, Low: 0 ms
● Set Page Index: 0x8
Send Command
Command Code | 1 Byte | 0x8 |
Page Index | 1 Byte | Page Index value |
Response command
Command Code | 1 Byte | 0x8 |
Error Code | 1 Byte | 0: Success 1: Failed |
Example: Switching Page Index to 1.
Um die Seiten zu wechseln, müssen Sie zunächst den Gerätestatus auf ConfigMode setzen. Dann senden Sie den Befehl zum Seitenwechsel. Nachdem der Befehl zum Seitenwechsel abgeschlossen ist, setzen Sie den Gerätestatus auf Display Mode, um den Seitenwechsel abzuschließen. Die Reihenfolge der verwandten Befehle ist wie folgt:
● Set Device State: 0x20
Send Command
Command Code | 1 Byte | 0x20 |
Device State | 1 Byte | 0: ConfigMode 1: DisplayMode |
Response command
Command Code | 1 Byte | 0x20 |
Error Code | 1 Byte | 0: Success 1: Failed |
Example: Refer to the example of switching pages
■ Erklärung und Beispiele des Event-Command-Protokolls
● Page change event: 0x1
Event Command
Event Code | 1 Byte | 0x01 |
Parameter data | 2 Byte | Uint16 PageIndex |
Example: SmartDisplay switches to Page 1.
● Object Text change event: 0x2
Event Command
Event Code | 1 Byte | 0x02 |
Parameter data | N +2 Byte | Uint16 ObjectId N byte Unicode Text |
Example: Keypad widget sends the text "1234"
● Object Value change event: 0x3
Event Command
Event Code | 1 Byte | 0x03 |
Parameter data | 6 Byte | Uint16 ObjectId int32 value |
Example: Object value change event.
Kunden können die Benutzeroberfläche durch Ziehen und Ablegen von Widgets mit dem GUI Builder gestalten und so einen WYSIWYG-Effekt (What You See Is What You Get) erzielen, der das Design der Benutzeroberfläche intuitiv und effizient macht. Darüber hinaus ermöglicht die Vorschau der Design-Ergebnisse über den Simulator den Kunden, die Benutzeroberfläche sofort zu betrachten, was ein frühes Verständnis des endgültigen Effekts vermittelt und Zeit sowie Aufwand spart. Letztendlich können die Kunden durch Winstars benutzerdefiniertes UART-Protokoll das Gerät leicht steuern. Dieser durchgehende Designprozess ermöglicht eine nahtlose Integration von Design und Steuerung für die Kunden und verbessert die betriebliche Bequemlichkeit und Genauigkeit. Die Anwendung des SmartDisplay UART-Protokolls eröffnet den Kunden mehr Betriebsmöglichkeiten und Bequemlichkeiten und erweitert den Umfang der Produktentwicklung und -anwendungen. Diese umfassende Lösung steigert nicht nur die Effizienz der Kundenarbeit, sondern fördert auch die Kreativität und Wettbewerbsfähigkeit der Produkte. Aufgeregt? Laden Sie schnell den SmartDisplay GUI Builder herunter. Bevor Sie den SmartDisplay kaufen, können Sie den Simulator ausprobieren, um zu bestätigen, ob der SmartDisplay Ihren Anforderungen entspricht! Kontaktieren Sie uns