{"id":101439,"date":"2023-01-26T13:49:22","date_gmt":"2023-01-26T12:49:22","guid":{"rendered":"http:\/\/riverdi.com\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/"},"modified":"2024-05-20T11:14:23","modified_gmt":"2024-05-20T09:14:23","slug":"erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech","status":"publish","type":"post","link":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech","title":{"rendered":"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX &#8211; von Controllerstech"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #002175;color:#002175\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #002175;color:#002175\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Erste_Schritte_mit_Riverdi_STM32_Embedded_Display\" >Erste Schritte mit Riverdi STM32 Embedded Display<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Verbindung\" >Verbindung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#TouchGFX_Gestaltung\" >TouchGFX Gestaltung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Hintergrundbild_hinzufuegen\" >Hintergrundbild hinzuf\u00fcgen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Hinzufuegen_der_Widgets\" >Hinzuf\u00fcgen der Widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Hinzufuegen_der_Interaktion\" >Hinzuf\u00fcgen der Interaktion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Erzeugen_Sie_den_Code\" >Erzeugen Sie den Code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Der_Code\" >Der Code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Laden_Sie_das_Projekt_zur_Anzeige\" >Laden Sie das Projekt zur Anzeige<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Ergebnis\" >Ergebnis<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\/#Riverdi_%E2%80%93_der_europaeische_Hersteller_von_Displays_hoechster_Qualitaet\" >Riverdi &#8211; der europ\u00e4ische Hersteller von Displays h\u00f6chster Qualit\u00e4t<\/a><\/li><\/ul><\/nav><\/div>\n<p><span data-contrast=\"auto\">Diese Kurzanleitung beschreibt, wie Sie Riverdi STM32 Embedded Display anschlie\u00dfen und ein neues Projekt mit TouchGFX Designer starten.<\/span><span data-ccp-props=\"{}\"><br \/>\n<\/span><\/p>\n<p><strong>Tutorial &#8211; Riverdi STM32 Embedded Display erster Durchlauf mit TouchGFX<br \/>\n<\/strong><\/p>\n<p>Eines der STM32 Embedded-Displays von Riverdi wurde von Controllerstech &#8211; Robotics Simplified, einem in Indien ans\u00e4ssigen Softwareentwicklungsunternehmen, getestet. Ihr Ziel ist es, Softwarekenntnisse f\u00fcr Mikrocontroller zu vermitteln, insbesondere f\u00fcr die anspruchsvollere Technologie wie STM32. Aus diesem Grund haben sie einen Leitfaden f\u00fcr die ersten Schritte mit Riverdi STM32 Embedded Display erstellt.<\/p>\n<p>Im Folgenden pr\u00e4sentieren wir den Leitfaden von Controllerstech, der urspr\u00fcnglich hier ver\u00f6ffentlicht wurde: <a href=\"https:\/\/controllerstech.com\/getting-started-with-riverdi-stm32-embedded-display\">https:\/\/controllerstech.com\/getting-started-with-riverdi-stm32-embedded-display\/<\/a><\/p>\n<p>Sehen Sie sich das Video-Tutorial an, wie Sie mit Riverdi STM32 Embedded Display &amp; TouchGFX beginnen:<\/p>\n<p><iframe title=\"Getting Started with Riverdi STM32 Embedded Display and TouchGFX free library\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/PnXC4hrvL9U?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Erste_Schritte_mit_Riverdi_STM32_Embedded_Display\"><\/span><strong><em>Erste Schritte mit Riverdi STM32 Embedded Display<\/em><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><em>In diesem Tutorial wird beschrieben, wie wir unser erstes Projekt in den STM32 Embedded Displays von Riverdi ausf\u00fchren. Sie sind auf die Herstellung verschiedener Arten von Displays spezialisiert, zu denen auch das STM32-basierte Display geh\u00f6rt, das TouchGFX unterst\u00fctzt. Das Display kann unter <a href=\"https:\/\/riverdi.com\/de\/produkt-kategorie\/stm32-embedded-displays-de\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/riverdi.com\/product-category\/stm32-embedded-displays<\/a> erworben werden.<\/em><\/p>\n<p><em>Die Verwendung von TouchGFX als Designersoftware verschafft ihm einen Vorteil gegen\u00fcber anderen intelligenten Displays, die Sie vielleicht bisher verwendet haben und denen ein solider Designer fehlt. Der STM32H7 als Kern ist ein weiterer Vorteil, da wir wissen, wie leistungsf\u00e4hig diese MCU ist.<\/em><\/p>\n<p><em>Es kann nicht nur f\u00fcr die Anbindung des Displays verwendet werden, sondern wir haben auch alle Arten von Peripherieger\u00e4ten zur Verf\u00fcgung, um andere Ger\u00e4te wie CAN, ADD, DAC, UART, I2C, SPI, etc. anzuschlie\u00dfen.<\/em><\/p>\n<p><strong> <\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_1.webp\"><\/p>\n<p><em>Schauen wir uns an, wie wir unser erstes Projekt auf diesem Riverdi-Display ausf\u00fchren k\u00f6nnen.<\/em><\/p>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Verbindung\"><\/span><em>Verbindung<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Da es sich hier um ein sehr einfaches Projekt handelt, werde ich kein externes Ger\u00e4t daran anschlie\u00dfen. F\u00fcr den Basisanschluss m\u00fcssen wir also nur den Strom und die ST-Verbindung anschlie\u00dfen.<\/em><\/p>\n<p><em>In der obigen Abbildung habe ich die Power- und SWD-Anschl\u00fcsse hervorgehoben.<\/em><\/p>\n<p><em>Das Bild unten, das dem Datenblatt des Displays entnommen wurde, zeigt die Pinbelegung f\u00fcr diese Anschl\u00fcsse.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_2.webp\"><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_3.webp\"><\/p>\n<p><em>Ich habe die Verbindung gem\u00e4\u00df der Pin-Beschreibung in den Bildern oben hergestellt.  <\/em><br \/>\n<em>F\u00fcr den Power-Anschluss habe ich nur die VCC an Pin 1 und GND an Pin 6 angeschlossen. Und f\u00fcr die SWD habe ich alle 6 Pins mit den entsprechenden Pins des ST-Links verbunden<\/em><\/p>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"TouchGFX_Gestaltung\"><\/span><em>TouchGFX Gestaltung<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<blockquote><p><em>Hinweis: Sie ben\u00f6tigen mindestens die TouchGFX-Version 4.20.<\/em><\/p><\/blockquote>\n<p>Das <em>folgende Bild zeigt, wie Sie das Projekt erstellen<\/em>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_4.webp\"><\/p>\n<ol>\n<li><em>Klicken Sie auf Erstellen, um ein neues Projekt zu erstellen<\/em><\/li>\n<li><em>Suchen Sie nach dem Riverdi, um die verf\u00fcgbaren Boards zu sehen<\/em><\/li>\n<li><em>W\u00e4hlen Sie die Anzeige, die Sie haben. Ich habe das 10,1&#8243;-Display, also w\u00e4hle ich 101STM32H7<\/em><\/li>\n<li><em>Geben Sie dem Projekt einen Namen<\/em><\/li>\n<li><em>Klicken Sie auf Erstellen, um das Projekt zu erstellen.<\/em><\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Hintergrundbild_hinzufuegen\"><\/span><em>Hintergrundbild hinzuf\u00fcgen<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Im Folgenden werden die Schritte zum Hinzuf\u00fcgen des Hintergrundbildes beschrieben. Ich habe bereits ein Bild mit der gleichen Aufl\u00f6sung wie das Display im PNG-Format.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_5.webp\"><\/p>\n<ol>\n<li>Klicken Sie auf die Registerkarte &#8222;Bild<\/li>\n<li>W\u00e4hlen Sie das Bild-Widget<\/li>\n<li>Klicken Sie auf das leere Bild, um seine Eigenschaften anzuzeigen<\/li>\n<li>Klicken Sie im Bildbereich auf kein Bild<\/li>\n<li>Klicken Sie auf die Schaltfl\u00e4che Hinzuf\u00fcgen (+), um das Bild hinzuzuf\u00fcgen.<\/li>\n<\/ol>\n<p>Durchsuchen Sie nun das Bild und f\u00fcgen Sie es dem Projekt hinzu.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Hinzufuegen_der_Widgets\"><\/span>Hinzuf\u00fcgen der Widgets<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Wir werden auch einige Widgets zu diesem Projekt hinzuf\u00fcgen. Ich werde einen Schieberegler und ein Messger\u00e4t hinzuf\u00fcgen. Die Idee ist einfach, ich will das Messger\u00e4t zu drehen, wie je nachdem, wie wir den Schieberegler bewegen.<\/p>\n<p>Die folgenden Bilder zeigen die Konfigurationen des Schiebers und des Messger\u00e4ts.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_6.webp\"><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_7.webp\"><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_8.webp\"><\/p>\n<p><em>Grunds\u00e4tzlich habe ich den Schieberegler und das Messger\u00e4t auf dem Bildschirm hinzugef\u00fcgt. Der Schieberegler reicht von 0 bis 100, ebenso wie die Anzeige. Damit soll die Einheitlichkeit zwischen ihnen gew\u00e4hrleistet werden.<\/em><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Hinzufuegen_der_Interaktion\"><\/span><em>Hinzuf\u00fcgen der Interaktion<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Zum Schluss f\u00fcgen wir noch eine Interaktion zu diesem Bildschirm hinzu. Dazu m\u00fcssen Sie auf Interaktion und dann auf die Schaltfl\u00e4che &#8222;+&#8220; klicken.<\/em><\/p>\n<p><em>Klicken Sie nun auf die Interaktion, um sie zu konfigurieren.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_9.webp\"><\/p>\n<ul>\n<li><em>Die Interaktion wird immer dann ausgel\u00f6st, wenn der Wert des Schiebereglers ge\u00e4ndert wird.<\/em><\/li>\n<li><em>Dadurch wird eine neue virtuelle Funktion aufgerufen, deren Namen ich als <strong>sliderupdated<\/strong> festgelegt habe.<\/em><\/li>\n<li><em>Wir werden diese Funktion sp\u00e4ter in der IDE schreiben.<\/em><\/li>\n<\/ul>\n<h4 class=\"has-text-align-left\"><span class=\"ez-toc-section\" id=\"Erzeugen_Sie_den_Code\"><\/span><em>Erzeugen Sie den Code<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Jetzt ist alles fertig und wir werden den Code generieren, indem wir auf die Schaltfl\u00e4che &#8220; <strong>Generieren<\/strong> &#8220; klicken, wie in der Abbildung unten gezeigt.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_10.webp\"><\/p>\n<p><em>Sobald der Code generiert ist, \u00f6ffnen wir ihn in der Cube-IDE.<\/em><\/p>\n<p><em>Klicken Sie auf die Schaltfl\u00e4che &#8220; <strong>Dateien&#8220;<\/strong>, wie in der Abbildung oben dargestellt. Dadurch wird der Projektordner ge\u00f6ffnet.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_11.webp\"><\/p>\n<ul>\n<li><em>Gehen Sie nun zur\u00fcck zum Hauptprojektordner.<\/em><\/li>\n<li><em>Hier sehen Sie den Ordner cubeIDE, \u00f6ffnen Sie ihn.<\/em><\/li>\n<li><em>Dort finden Sie die Projektdatei, die mit dem cubeIDE ge\u00f6ffnet werden kann.<\/em><\/li>\n<\/ul>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Der_Code\"><\/span><em>Der Code<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Wir m\u00fcssen nur einen kleinen Code in die Datei Screen1view.cpp schreiben. Sie k\u00f6nnen die Position der Datei in der Projektstruktur sehen.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_12.webp\"><\/p>\n<p><em>Zuerst m\u00fcssen wir die Funktion <strong>sliderupdated <\/strong>, die wir (in der Interaktion) erstellt haben, in der Header-Datei definieren.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_14.webp\"><\/p>\n<p><em>Jetzt werden wir diese Funktion in der Quelldatei erstellen und den Code darin schreiben.<\/em><\/p>\n<blockquote>\n<pre class=\"wp-block-code language-c\"><em><code class=\"language-c\" lang=\"c\"><strong><span class=\"token keyword\">void<\/span> <\/strong>Screen1View<span class=\"token operator\">::<\/span><strong><span class=\"token function\">slidderupdated<\/span><\/strong><span class=\"token punctuation\">(<\/span><strong><span class=\"token keyword\">int<\/span> <\/strong>value<span class=\"token punctuation\">)<\/span>\n<span class=\"token punctuation\">{<\/span>\ngauge1<span class=\"token punctuation\">.<\/span><strong><span class=\"token function\">setValue<\/span><\/strong><span class=\"token punctuation\">(<\/span>value<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\ngauge1<span class=\"token punctuation\">.<\/span><strong><span class=\"token function\">invalidate<\/span><\/strong><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><\/code><\/em><\/pre>\n<\/blockquote>\n<p><em> <\/em><\/p>\n<p><em>Hier wird die Funktion <strong>slidderupdated <\/strong>immer dann aufgerufen, wenn der Schieberegler einen neuen ver\u00e4nderten Wert meldet.<\/em><\/p>\n<p><em>Wir rufen einfach die Funktion <strong>setvalue <\/strong>auf, um den Wert f\u00fcr das Messger\u00e4t festzulegen. Und die Funktion <strong>invalidate <\/strong>wird aufgerufen, damit der neue Wert wirksam wird.<\/em><\/p>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Laden_Sie_das_Projekt_zur_Anzeige\"><\/span><em>Laden Sie das Projekt zur Anzeige<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Sie k\u00f6nnen das Projekt nicht mit der Cube IDE laden. Sie m\u00fcssen entweder den Cube Programmer oder das Touch GFX selbst verwenden.<\/em><\/p>\n<p><em>In beiden F\u00e4llen m\u00fcssen wir zun\u00e4chst die externe Ladedatei in das Verzeichnis des Cube-Programmierers kopieren.<\/em><\/p>\n<p><em>Die externe Ladedatei befindet sich in dem von uns erstellten Projekt. Ihr Standort ist unten angegeben.<\/em><\/p>\n<p><em> <\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_15.webp\"><\/p>\n<p><em>Wir m\u00fcssen diese Datei nur in das Verzeichnis des Cube-Programmierers kopieren. In meinem Fall ist es <strong>C:ProgrammdateienSTMicroelectronicsSTM32CubeSTM32CubeProgrammerbinExternalLoader<\/strong><\/em><\/p>\n<p><em>Sobald der Lader kopiert wurde, starten Sie das Touch GFX neu, damit es den neuen Lader sieht.<\/em><\/p>\n<p><em>Klicken Sie nun auf Ziel ausf\u00fchren, um das Projekt in die Anzeige zu laden.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_16.webp\"><\/p>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Ergebnis\"><\/span><em>Ergebnis<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Die folgenden Bilder zeigen die Position des Schiebereglers und die Position des Messger\u00e4ts.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_18.webp\"><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_19.webp\"><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Riverdi_%E2%80%93_der_europaeische_Hersteller_von_Displays_hoechster_Qualitaet\"><\/span>Riverdi &#8211; der europ\u00e4ische Hersteller von Displays h\u00f6chster Qualit\u00e4t<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Warum sollten Sie uns und unseren Produkten vertrauen? Riverdi ist der europ\u00e4ische Hersteller von Displays h\u00f6chster Qualit\u00e4t. Wir stellen seit \u00fcber 10 Jahren TFT-LCD-Displays her und haben viele Kunden weltweit, an die wir regelm\u00e4\u00dfig Displays liefern.<\/p>\n<p>Auf unserer Website finden Sie viele verschiedene Display-Serien, aber was wir liefern, ist nicht nur die h\u00f6chste Qualit\u00e4t der Displays, sondern auch eine perfekte Dokumentation. Auf der Website finden Sie auch 3D-Modelle von jedem Display, die meisten werden mit einem EMI-Bericht geliefert, damit Sie sich \u00fcber das Emissionsniveau informieren k\u00f6nnen. Der Bestellvorgang ist benutzerfreundlich, wenn Sie ein Muster bestellen m\u00f6chten, k\u00f6nnen Sie es in unserem Webshop kaufen. Gehen Sie einfach auf <a href=\"https:\/\/riverdi.com\/de\/produkt-kategorie\/stm32-embedded-displays-de\">https:\/\/riverdi.com\/product-category\/stm32-embedded-displays\/.<\/a><\/p>\n<p>Sie k\u00f6nnen sich auch an einen unserer Vertriebspartner wenden. Riverdi verf\u00fcgt \u00fcber ein umfangreiches Vertriebsnetz mit vielen US-Partnern, die das Display sofort an Sie liefern k\u00f6nnen.<\/p>\n<p>Bitte denken Sie daran, unseren <a href=\"https:\/\/www.youtube.com\/c\/Riverdi\">YouTube-Kanal <\/a>zu abonnieren und das <a href=\"https:\/\/de.riverdi.com\/mitglieder-im-abonnement\">MITGLIEDSCHAFTSFORMULAR<\/a> auszuf\u00fcllen,<br \/>\num \u00fcber unsere Riverdi University-Materialien und Live-Veranstaltungen informiert zu bleiben!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Diese Kurzanleitung beschreibt, wie Sie Riverdi STM32 Embedded Display anschlie\u00dfen und ein neues Projekt mit TouchGFX Designer starten. Tutorial &#8211; Riverdi STM32 Embedded Display erster Durchlauf mit TouchGFX Eines der STM32 Embedded-Displays von Riverdi wurde von Controllerstech &#8211; Robotics Simplified, einem in Indien ans\u00e4ssigen Softwareentwicklungsunternehmen, getestet. Ihr Ziel ist es, Softwarekenntnisse f\u00fcr Mikrocontroller zu vermitteln, [&hellip;]<\/p>\n","protected":false},"author":32,"featured_media":115211,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[1452,1453],"tags":[],"class_list":["post-101439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-anzeige-101","category-produkte"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX - von Controllerstech - Riverdi<\/title>\n<meta name=\"description\" content=\"Diese Kurzanleitung beschreibt, wie Sie Riverdi STM32 Embedded Display anschlie\u00dfen und ein neues Projekt mit TouchGFX Designer starten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX - von Controllerstech - Riverdi\" \/>\n<meta property=\"og:description\" content=\"Diese Kurzanleitung beschreibt, wie Sie Riverdi STM32 Embedded Display anschlie\u00dfen und ein neues Projekt mit TouchGFX Designer starten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\" \/>\n<meta property=\"og:site_name\" content=\"Riverdi\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/riverdi.displays\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-26T12:49:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-20T09:14:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/Controllerstech-Riverdi-STM32-getting-started.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1140\" \/>\n\t<meta property=\"og:image:height\" content=\"570\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Wojciech Unterschuetz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@riverdidisplays\" \/>\n<meta name=\"twitter:site\" content=\"@riverdidisplays\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Wojciech Unterschuetz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\"},\"author\":{\"name\":\"Wojciech Unterschuetz\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/de#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\"},\"headline\":\"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX &#8211; von Controllerstech\",\"datePublished\":\"2023-01-26T12:49:22+00:00\",\"dateModified\":\"2024-05-20T09:14:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\"},\"wordCount\":1240,\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Controllerstech-Riverdi-STM32-getting-started.jpg\",\"articleSection\":[\"Anzeige 101\",\"Produkte\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\",\"url\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\",\"name\":\"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX - von Controllerstech - Riverdi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/de#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Controllerstech-Riverdi-STM32-getting-started.jpg\",\"datePublished\":\"2023-01-26T12:49:22+00:00\",\"dateModified\":\"2024-05-20T09:14:23+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/de#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\"},\"description\":\"Diese Kurzanleitung beschreibt, wie Sie Riverdi STM32 Embedded Display anschlie\u00dfen und ein neues Projekt mit TouchGFX Designer starten.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#primaryimage\",\"url\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Controllerstech-Riverdi-STM32-getting-started.jpg\",\"contentUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Controllerstech-Riverdi-STM32-getting-started.jpg\",\"width\":1140,\"height\":570},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/de\\\/blog\\\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Front Page\",\"item\":\"https:\\\/\\\/riverdi.com\\\/de\\\/titelblatt\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX &#8211; von Controllerstech\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/de#website\",\"url\":\"https:\\\/\\\/riverdi.com\\\/de\",\"name\":\"Riverdi\",\"description\":\"Global TFT LCD Manufacturer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/riverdi.com\\\/de?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/de#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\",\"name\":\"Wojciech Unterschuetz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g\",\"caption\":\"Wojciech Unterschuetz\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX - von Controllerstech - Riverdi","description":"Diese Kurzanleitung beschreibt, wie Sie Riverdi STM32 Embedded Display anschlie\u00dfen und ein neues Projekt mit TouchGFX Designer starten.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech","og_locale":"de_DE","og_type":"article","og_title":"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX - von Controllerstech - Riverdi","og_description":"Diese Kurzanleitung beschreibt, wie Sie Riverdi STM32 Embedded Display anschlie\u00dfen und ein neues Projekt mit TouchGFX Designer starten.","og_url":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech","og_site_name":"Riverdi","article_publisher":"https:\/\/www.facebook.com\/riverdi.displays\/","article_published_time":"2023-01-26T12:49:22+00:00","article_modified_time":"2024-05-20T09:14:23+00:00","og_image":[{"width":1140,"height":570,"url":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/Controllerstech-Riverdi-STM32-getting-started.jpg","type":"image\/jpeg"}],"author":"Wojciech Unterschuetz","twitter_card":"summary_large_image","twitter_creator":"@riverdidisplays","twitter_site":"@riverdidisplays","twitter_misc":{"Verfasst von":"Wojciech Unterschuetz","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#article","isPartOf":{"@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech"},"author":{"name":"Wojciech Unterschuetz","@id":"https:\/\/riverdi.com\/de#\/schema\/person\/7434a17c848809d60e9762a64da7cb19"},"headline":"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX &#8211; von Controllerstech","datePublished":"2023-01-26T12:49:22+00:00","dateModified":"2024-05-20T09:14:23+00:00","mainEntityOfPage":{"@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech"},"wordCount":1240,"image":{"@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/Controllerstech-Riverdi-STM32-getting-started.jpg","articleSection":["Anzeige 101","Produkte"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech","url":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech","name":"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX - von Controllerstech - Riverdi","isPartOf":{"@id":"https:\/\/riverdi.com\/de#website"},"primaryImageOfPage":{"@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#primaryimage"},"image":{"@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/Controllerstech-Riverdi-STM32-getting-started.jpg","datePublished":"2023-01-26T12:49:22+00:00","dateModified":"2024-05-20T09:14:23+00:00","author":{"@id":"https:\/\/riverdi.com\/de#\/schema\/person\/7434a17c848809d60e9762a64da7cb19"},"description":"Diese Kurzanleitung beschreibt, wie Sie Riverdi STM32 Embedded Display anschlie\u00dfen und ein neues Projekt mit TouchGFX Designer starten.","breadcrumb":{"@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#primaryimage","url":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/Controllerstech-Riverdi-STM32-getting-started.jpg","contentUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/Controllerstech-Riverdi-STM32-getting-started.jpg","width":1140,"height":570},{"@type":"BreadcrumbList","@id":"https:\/\/riverdi.com\/de\/blog\/erste-schritte-mit-riverdi-stm32-embedded-displays-mit-touchgfx-von-controllerstech#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Front Page","item":"https:\/\/riverdi.com\/de\/titelblatt"},{"@type":"ListItem","position":2,"name":"Erste Schritte mit Riverdi STM32 Embedded Displays mit TouchGFX &#8211; von Controllerstech"}]},{"@type":"WebSite","@id":"https:\/\/riverdi.com\/de#website","url":"https:\/\/riverdi.com\/de","name":"Riverdi","description":"Global TFT LCD Manufacturer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/riverdi.com\/de?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/riverdi.com\/de#\/schema\/person\/7434a17c848809d60e9762a64da7cb19","name":"Wojciech Unterschuetz","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/45c1e4b66be8acc72101bc0fca3804506ea0cdd9d7550b9d54d5a295afb08661?s=96&d=mm&r=g","caption":"Wojciech Unterschuetz"}}]}},"_links":{"self":[{"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/posts\/101439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/comments?post=101439"}],"version-history":[{"count":0,"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/posts\/101439\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/media\/115211"}],"wp:attachment":[{"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/media?parent=101439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/categories?post=101439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riverdi.com\/de\/wp-json\/wp\/v2\/tags?post=101439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}