{"id":129651,"date":"2025-12-23T10:51:48","date_gmt":"2025-12-23T09:51:48","guid":{"rendered":"https:\/\/riverdi.com\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui"},"modified":"2025-12-23T10:51:48","modified_gmt":"2025-12-23T09:51:48","slug":"getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui","status":"publish","type":"post","link":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui","title":{"rendered":"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX"},"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-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Hardware_utilizzato\" >Hardware utilizzato<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Crea_il_tuo_esempio_da_zero\" >Crea il tuo esempio da zero<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Collegare_lhardware\" >Collegare l&#8217;hardware<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Creare_linterfaccia_utente_in_TouchGFX_Designer\" >Creare l&#8217;interfaccia utente in TouchGFX Designer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Costruire_linterfaccia_utente_della_demo\" >Costruire l&#8217;interfaccia utente della demo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Aggiungere_interazioni_in_TouchGFX\" >Aggiungere interazioni in TouchGFX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Generare_il_codice_e_aprire_il_progetto_in_CubeIDE\" >Generare il codice e aprire il progetto in CubeIDE<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Testare_il_progetto_simulatore_e_programmazione_del_target\" >Testare il progetto: simulatore e programmazione del target<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\/#Sintesi\" >Sintesi<\/a><\/li><\/ul><\/nav><\/div>\n<p>In questa guida ti mostriamo come costruire una semplice applicazione GUI utilizzando TouchGFX ed eseguirla su tre diverse schede STM32 Nucleo abbinate a display Riverdi. La guida \u00e8 completamente autonoma, quindi puoi seguire ogni passo senza guardare il video di accompagnamento. <\/p>\n<p>Se stai valutando i moduli Riverdi o se stai esplorando TouchGFX per la prima volta, questo progetto iniziale dimostra quanto velocemente puoi creare una logica UI interattiva, generare codice, integrarlo in STM32CubeIDE ed eseguirlo sull&#8217;hardware.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Hardware_utilizzato\"><\/span>Hardware utilizzato<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-127947\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_1-1.png\" alt=\"\" width=\"826\" height=\"500\" srcset=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_1-1.png 826w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_1-1-300x182.png 300w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_1-1-768x465.png 768w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_1-1-600x363.png 600w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_1-1-64x39.png 64w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>Utilizziamo tre schede STM32 Nucleo, ciascuna abbinata a un display Riverdi:<\/p>\n<p><strong>1. Nucleo-C092RC + Riverdi RVA15MD<br \/>\n<\/strong>Una scheda STM32 compatta ed economica, ideale per le demo TouchGFX di base e per la semplice logica UX. Abbinata al display rotondo da 1,54&#8243; RVA15MD, \u00e8 una configurazione ideale per l&#8217;ingresso. <\/p>\n<p><strong>2. Nucleo-WBA65RI + Riverdi RVA15MD<br \/>\n<\/strong>Una piattaforma Nucleo wireless pi\u00f9 potente e nuova di zecca che offre una connettivit\u00e0 moderna e prestazioni GUI pi\u00f9 elevate, ottime per le applicazioni Riverdi pi\u00f9 avanzate con display rotondo.<\/p>\n<p><strong>3. Nucleo-H563ZI + Riverdi RVA35HI<br \/>\n<\/strong>Una scheda Nucleo di fascia alta ad alte prestazioni con molta memoria per una grafica TouchGFX pi\u00f9 ricca, che qui pilota un display RVA35HI da 3,5&#8243;.<\/p>\n<p><strong>Non \u00e8 necessario un ST-Link esterno: tutte le<\/strong>schede sono dotate di ST-Link V3 integrato.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Crea_il_tuo_esempio_da_zero\"><\/span>Crea il tuo esempio da zero<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Collegare_lhardware\"><\/span>Collegare l&#8217;hardware<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Collegare i display Riverdi alle schede Nucleo richiede solo un attimo:<\/p>\n<ol>\n<li>Collega l&#8217;FFC del display all&#8217;adattatore o al connettore di Nucleo.<br \/>\nIl cavo flessibile ha una chiave e si inserisce in un solo modo.<\/li>\n<li>Collega la scheda utilizzando la <strong>porta USB-C ST-LINK<\/strong>.<br \/>\nIl LED verde conferma l&#8217;alimentazione e la disponibilit\u00e0 del debugger.<\/li>\n<li>Non sono necessari programmatori, ponticelli o adattatori esterni.<\/li>\n<\/ol>\n<p>Una volta collegato, passiamo direttamente allo sviluppo dell&#8217;interfaccia utente.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Creare_linterfaccia_utente_in_TouchGFX_Designer\"><\/span>Creare l&#8217;interfaccia utente in TouchGFX Designer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Apri <strong>TouchGFX Designer<\/strong> e inizia con un nuovo progetto: <\/p>\n<p><strong>Passo dopo passo<\/strong><\/p>\n<ol>\n<li>Clicca su <strong>Crea<\/strong> (il pulsante pi\u00f9 nella schermata iniziale).<\/li>\n<li>Nel <strong>Selettore di schede<\/strong>, cerca la tua scheda (ad esempio &#8220;H563&#8221; o &#8220;WBA65&#8221;).<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-127952\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_2-2.png\" alt=\"\" width=\"826\" height=\"380\" srcset=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_2-2.png 826w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_2-2-300x138.png 300w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_2-2-768x353.png 768w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_2-2-600x276.png 600w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_2-2-64x29.png 64w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/li>\n<li>Scegli il <strong>Nucleo<\/strong> corretto con il <strong>Display Riverdi<\/strong> (RVA)<\/li>\n<li>Dai un nome al tuo progetto e conferma con <strong>CREA<\/strong>.<\/li>\n<li>Designer si apre con una tela vuota che corrisponde alla risoluzione del tuo display.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Costruire_linterfaccia_utente_della_demo\"><\/span>Costruire l&#8217;interfaccia utente della demo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Per creare il nostro semplice esempio di regolazione della luminosit\u00e0:<\/p>\n<ol>\n<li>Dalla barra degli strumenti superiore, trascina un <strong>riquadro<\/strong> sull&#8217;area di disegno.<br \/>\nRidimensionalo in modo che copra l&#8217;intero schermo: servir\u00e0 da sfondo bianco.<\/li>\n<li>Aggiungi un widget <strong>Slider<\/strong>.<br \/>\nSpostalo al centro trascinandolo sulla tela.<\/li>\n<li>Scegli uno dei preset predefiniti di TouchGFX: nel video utilizziamo il <strong>piccolo cursore giallo<\/strong>.<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-127957\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-2.png\" alt=\"\" width=\"826\" height=\"480\" srcset=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-2.png 826w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-2-300x174.png 300w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-2-768x446.png 768w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-2-600x349.png 600w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-2-64x37.png 64w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/li>\n<\/ol>\n<p><strong>Configurazione del cursore<\/strong><\/p>\n<p>Nel pannello <strong>Propriet\u00e0<\/strong>:<\/p>\n<ul>\n<li>Imposta <strong>minimo = 0<\/strong><\/li>\n<li>Imposta il <strong>massimo = 200<\/strong><\/li>\n<li>(Opzionale) Imposta <strong>Valore iniziale = 200<\/strong> per avere una schermata iniziale completamente luminosa.<\/li>\n<\/ul>\n<p>Tutto ci\u00f2 che viene aggiunto \u00e8 visibile nell&#8217;albero dei widget a sinistra.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Aggiungere_interazioni_in_TouchGFX\"><\/span>Aggiungere interazioni in TouchGFX<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ora colleghiamo il cursore a una chiamata di funzione:<\/p>\n<ol>\n<li>Apri la scheda <strong>Interazioni<\/strong>.<\/li>\n<li>Premi l&#8217;icona <strong>+<\/strong> per aggiungere una nuova interazione.<\/li>\n<li>Scegli il <strong>valore del cursore modificato<\/strong> come trigger.<\/li>\n<li>Seleziona slider1 come widget.<\/li>\n<li>Per l&#8217;azione, scegli <strong>Chiama nuova funzione virtuale<\/strong>.<\/li>\n<li>Nome della funzione: sliderChanged<\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-127962\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-1.png\" alt=\"\" width=\"826\" height=\"420\" srcset=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-1.png 826w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-1-300x153.png 300w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-1-768x391.png 768w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-1-600x305.png 600w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_Grafika_POMIEDZY-TEKSTY_3-1-64x33.png 64w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>TouchGFX lo generer\u00e0 come metodo virtuale in Screen1ViewBase.<\/p>\n<p>Successivamente, generiamo il codice.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Generare_il_codice_e_aprire_il_progetto_in_CubeIDE\"><\/span>Generare il codice e aprire il progetto in CubeIDE<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vai a:<\/p>\n<p>Applicazione \u2192 Utente \u2192 gui \u2192 Screen1View.cpp<\/p>\n<p>&nbsp;<\/p>\n<p>TouchGFX ha gi\u00e0 generato la chiamata di callback nella classe base.<\/p>\n<p>Ora implementiamo la logica in Screen1View.cpp:<\/p>\n<pre>void Screen1View::sliderChange(int valore)\n{\n\/\/ Scala l'intervallo del cursore (0-200) all'intervallo alfa (0-255)\nuint8_t alpha = (valore * 255) \/ 200;\n\nbox1.setAlpha(alpha);\nbox1.invalidate();\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>Assicurati di aggiungere la dichiarazione in Screen1View.hpp:<\/p>\n<p>virtual void sliderChange(int value);<\/p>\n<p>Questa \u00e8 tutta la logica necessaria: nessun driver hardware e nessun codice HAL.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Testare_il_progetto_simulatore_e_programmazione_del_target\"><\/span>Testare il progetto: simulatore e programmazione del target<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Torna a TouchGFX Designer:<\/p>\n<ul>\n<li>Clicca su <strong>Esegui Simulatore<\/strong> (seconda icona rosa)<br \/>\n\u2192 Puoi testare il tuo cursore di luminosit\u00e0 istantaneamente senza hardware.<\/li>\n<li>Clicca su <strong>Program and Run Target<\/strong> (terza icona rosa o <strong>F6<\/strong>)<br \/>\n\u2192 In questo modo si costruisce, si flasha e si esegue il firmware direttamente sulla scheda Nucleo.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sintesi\"><\/span>Sintesi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Questa guida dimostra come sia possibile farlo rapidamente:<\/p>\n<ul>\n<li>Crea un progetto TouchGFX<\/li>\n<li>Aggiungi elementi dell&#8217;interfaccia utente<\/li>\n<li>Collega le interazioni dei widget<\/li>\n<li>Implementa una semplice logica in C++<\/li>\n<li>Generare e costruire codice<\/li>\n<li>Flash direttamente da TouchGFX Designer<\/li>\n<li>E puoi eseguirlo su qualsiasi scheda Nucleo abbinata ad un display Riverdi<\/li>\n<\/ul>\n<p>Con i moduli Riverdi basati su STM32 e l&#8217;ecosistema Nucleo della ST, la creazione di GUI interattive diventa veloce, prevedibile e facile da sviluppare.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In questa guida ti mostriamo come costruire una semplice applicazione GUI utilizzando TouchGFX ed eseguirla su tre diverse schede STM32 Nucleo abbinate a display Riverdi. La guida \u00e8 completamente autonoma, quindi puoi seguire ogni passo senza guardare il video di accompagnamento. Se stai valutando i moduli Riverdi o se stai esplorando TouchGFX per la prima [&hellip;]<\/p>\n","protected":false},"author":2659,"featured_media":127944,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[4710],"tags":[],"class_list":["post-129651","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visualizza-101"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX - Riverdi<\/title>\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\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX - Riverdi\" \/>\n<meta property=\"og:description\" content=\"In questa guida ti mostriamo come costruire una semplice applicazione GUI utilizzando TouchGFX ed eseguirla su tre diverse schede STM32 Nucleo abbinate a display Riverdi. La guida \u00e8 completamente autonoma, quindi puoi seguire ogni passo senza guardare il video di accompagnamento. Se stai valutando i moduli Riverdi o se stai esplorando TouchGFX per la prima [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\" \/>\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=\"2025-12-23T09:51:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_COVER_Guide-Nucleo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kacper\" \/>\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=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kacper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\"},\"author\":{\"name\":\"Kacper\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/it#\\\/schema\\\/person\\\/07605024d6619f9bd872665515d9bbfa\"},\"headline\":\"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX\",\"datePublished\":\"2025-12-23T09:51:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\"},\"wordCount\":738,\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/BLOG_COVER_Guide-Nucleo.jpg\",\"articleSection\":[\"Visualizza 101\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\",\"url\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\",\"name\":\"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX - Riverdi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/it#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/BLOG_COVER_Guide-Nucleo.jpg\",\"datePublished\":\"2025-12-23T09:51:48+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/it#\\\/schema\\\/person\\\/07605024d6619f9bd872665515d9bbfa\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#primaryimage\",\"url\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/BLOG_COVER_Guide-Nucleo.jpg\",\"contentUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/BLOG_COVER_Guide-Nucleo.jpg\",\"width\":1280,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/it\\\/blog\\\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Front Page\",\"item\":\"https:\\\/\\\/riverdi.com\\\/it\\\/prima-pagina\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/it#website\",\"url\":\"https:\\\/\\\/riverdi.com\\\/it\",\"name\":\"Riverdi\",\"description\":\"Global TFT LCD Manufacturer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/riverdi.com\\\/it?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/it#\\\/schema\\\/person\\\/07605024d6619f9bd872665515d9bbfa\",\"name\":\"Kacper\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a4711bf691e00761d7de544f816446f9f5a7336cea288862cef92938d19d0e12?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a4711bf691e00761d7de544f816446f9f5a7336cea288862cef92938d19d0e12?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a4711bf691e00761d7de544f816446f9f5a7336cea288862cef92938d19d0e12?s=96&d=mm&r=g\",\"caption\":\"Kacper\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX - Riverdi","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\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui","og_locale":"it_IT","og_type":"article","og_title":"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX - Riverdi","og_description":"In questa guida ti mostriamo come costruire una semplice applicazione GUI utilizzando TouchGFX ed eseguirla su tre diverse schede STM32 Nucleo abbinate a display Riverdi. La guida \u00e8 completamente autonoma, quindi puoi seguire ogni passo senza guardare il video di accompagnamento. Se stai valutando i moduli Riverdi o se stai esplorando TouchGFX per la prima [&hellip;]","og_url":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui","og_site_name":"Riverdi","article_publisher":"https:\/\/www.facebook.com\/riverdi.displays\/","article_published_time":"2025-12-23T09:51:48+00:00","og_image":[{"width":1280,"height":600,"url":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_COVER_Guide-Nucleo.jpg","type":"image\/jpeg"}],"author":"Kacper","twitter_card":"summary_large_image","twitter_creator":"@riverdidisplays","twitter_site":"@riverdidisplays","twitter_misc":{"Scritto da":"Kacper","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#article","isPartOf":{"@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui"},"author":{"name":"Kacper","@id":"https:\/\/riverdi.com\/it#\/schema\/person\/07605024d6619f9bd872665515d9bbfa"},"headline":"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX","datePublished":"2025-12-23T09:51:48+00:00","mainEntityOfPage":{"@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui"},"wordCount":738,"image":{"@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_COVER_Guide-Nucleo.jpg","articleSection":["Visualizza 101"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui","url":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui","name":"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX - Riverdi","isPartOf":{"@id":"https:\/\/riverdi.com\/it#website"},"primaryImageOfPage":{"@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#primaryimage"},"image":{"@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_COVER_Guide-Nucleo.jpg","datePublished":"2025-12-23T09:51:48+00:00","author":{"@id":"https:\/\/riverdi.com\/it#\/schema\/person\/07605024d6619f9bd872665515d9bbfa"},"breadcrumb":{"@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#primaryimage","url":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_COVER_Guide-Nucleo.jpg","contentUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/12\/BLOG_COVER_Guide-Nucleo.jpg","width":1280,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/riverdi.com\/it\/blog\/getting-started-with-stm32-nucleo-riverdi-displays-with-touchgfx-gui#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Front Page","item":"https:\/\/riverdi.com\/it\/prima-pagina"},{"@type":"ListItem","position":2,"name":"Iniziare a usare i display STM32 Nucleo Riverdi con la GUI TouchGFX"}]},{"@type":"WebSite","@id":"https:\/\/riverdi.com\/it#website","url":"https:\/\/riverdi.com\/it","name":"Riverdi","description":"Global TFT LCD Manufacturer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/riverdi.com\/it?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/riverdi.com\/it#\/schema\/person\/07605024d6619f9bd872665515d9bbfa","name":"Kacper","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/a4711bf691e00761d7de544f816446f9f5a7336cea288862cef92938d19d0e12?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a4711bf691e00761d7de544f816446f9f5a7336cea288862cef92938d19d0e12?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a4711bf691e00761d7de544f816446f9f5a7336cea288862cef92938d19d0e12?s=96&d=mm&r=g","caption":"Kacper"}}]}},"_links":{"self":[{"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/posts\/129651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/users\/2659"}],"replies":[{"embeddable":true,"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/comments?post=129651"}],"version-history":[{"count":0,"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/posts\/129651\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/media\/127944"}],"wp:attachment":[{"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/media?parent=129651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/categories?post=129651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riverdi.com\/it\/wp-json\/wp\/v2\/tags?post=129651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}