Preisgünstiges Drehknopf-Display von Team Source Display

• - Wiederveröffentlicht von NATHAN XI AI Diantang, Teil 1

Lösungsübersicht

Dies ist ein drehbares Display mit einem runden 240x240-TFT-LCD-Bildschirm und einem STM32C091-Controller. Es verfügt über einen Rahmen aus Aluminiumlegierung, der sich stufenlos nach links und rechts drehen lässt, eine 360°-LED-Umgebungsbeleuchtung und kann per Knopfdruck bedient werden. Es ist äußerst kostengünstig und erfordert zudem weniger Aufwand bei der Entwicklung im Bereich Interaktionsdesign.

Hardwarebeschreibung

Beim Öffnen der offiziellen Beispielprojektdatei zur Überprüfung der Peripheriegeräte fällt auf, dass mehr als die Hälfte der Pins von den integrierten Peripheriegeräten belegt sind und somit praktisch alle Ressourcen dieses LQFP48-Mikrocontrollers verbrauchen.

Dieses drehbare Display ist ein SPI-Bildschirm, der über SPI1 gesteuert wird. Es gibt außerdem drei PWM-Kanäle zur Steuerung der RGB-Umgebungsbeleuchtung.

Um das Debuggen ohne Programmiergerät zu vereinfachen, enthält das Vorlagenprojekt USART1 für die serielle Ausgabe. KEY_A und KEY_B sind Mikroschalter zur Erkennung der Drehung des äußeren Rahmens im Uhrzeigersinn bzw. gegen den Uhrzeigersinn. Ein Pin mit der Bezeichnung KEY_CLICK dient zur Feststellung, ob ein Knopf gedrückt wurde. Im Projekt kann ein KeySampler implementiert werden, um alle Hardwarekomponenten der Knöpfe mit der TouchGFX-Schnittstelle zu verbinden. Da die offizielle Dokumentation bereits einen solchen KeySampler bereitstellt, ist es nicht nötig, ihn wie bei der ersten Verwendung der ST-Bildschirmerweiterungsplatine selbst zu schreiben.

Softwarebeschreibung

Überraschenderweise hat ST offiziell eine TouchGFX-Projektvorlage dafür bereitgestellt, was Ihnen die Mühe erspart, sie selbst manuell zu portieren.

Inzwischen wurde auf support.touchgfx.com ein offizieller Entwicklungsleitfaden veröffentlicht, der uns den Einstieg in diesen Interaktionsmodus ohne Touchscreen (Drehknopf + einzelner Knopf) erleichtern soll.

Erstellen Sie ein Karussellmenü, das über einen Drehknopf gesteuert wird.

Zunächst skizzieren wir die Softwarearchitektur für diesen Teil.

Dieses Diagramm wurde von AI Diantang speziell für dieses Tutorial erstellt. Unser Hauptaugenmerk liegt darauf, wie sich die Funktionen von Hardware-Tasten und -Bedienelementen am einfachsten verknüpfen lassen. Dieses Diagramm erklärt im Prinzip alles.

Die Auslösung des Hardware-Buttons wird über KeySampler an die TouchGFX-Anwendungsschicht weitergeleitet.

In TouchGFX Designer definieren wir manuell die Funktionen, die beim Betätigen der einzelnen Schaltflächen ausgeführt werden. Diese Funktionen ermöglichen das Scrollen und Drehen des Menüs.

So etwas in der Art. In unserem Projekt müssen wir also eine Funktion für das Scrollmenü erstellen, mit der man mithilfe des Drehknopfs im Menü scrollen und drehen kann.