{"id":101838,"date":"2023-01-26T13:49:22","date_gmt":"2023-01-26T12:49:22","guid":{"rendered":"http:\/\/riverdi.com\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/"},"modified":"2024-05-20T11:23:41","modified_gmt":"2024-05-20T09:23:41","slug":"como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech","status":"publish","type":"post","link":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech","title":{"rendered":"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX &#8211; por 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=\"Alternar tabla de contenidos\"><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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Primeros_pasos_con_Riverdi_STM32_Embedded_Display\" >Primeros pasos con 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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Conexion\" >Conexi\u00f3n<\/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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Diseno_TouchGFX\" >Dise\u00f1o TouchGFX<\/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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Anadir_imagen_de_fondo\" >A\u00f1adir imagen de fondo<\/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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Anadir_los_widgets\" >A\u00f1adir los 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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Anadir_la_interaccion\" >A\u00f1adir la interacci\u00f3n<\/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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Generar_el_codigo\" >Generar el c\u00f3digo<\/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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#El_codigo\" >El c\u00f3digo<\/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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Cargar_el_proyecto_para_visualizarlo\" >Cargar el proyecto para visualizarlo<\/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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Resultado\" >Resultado<\/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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\/#Riverdi_el_fabricante_europeo_de_expositores_de_mayor_calidad\" >Riverdi: el fabricante europeo de expositores de mayor calidad<\/a><\/li><\/ul><\/nav><\/div>\n<p><span data-contrast=\"auto\">Esta gu\u00eda r\u00e1pida describe c\u00f3mo conectar Riverdi STM32 Embedded Display e iniciar un nuevo proyecto en TouchGFX Designer.<\/span><span data-ccp-props=\"{}\"><br \/>\n<\/span><\/p>\n<p><strong>Tutorial &#8211; Riverdi STM32 Embedded Display primera ejecuci\u00f3n utilizando TouchGFX<br \/>\n<\/strong><\/p>\n<p>Una de las pantallas Riverdi STM32 Embedded fue revisada por Controllerstech &#8211; Robotics Simplified, una empresa de desarrollo de software con sede en la India. Su objetivo es proporcionar conocimientos de software para microcontroladores, especialmente los de tecnolog\u00eda m\u00e1s sofisticada como STM32. Por esta raz\u00f3n, han preparado una Introducci\u00f3n a Riverdi STM32 Embedded Display.<\/p>\n<p>A continuaci\u00f3n presentamos la gu\u00eda de Controllerstech, publicada originalmente aqu\u00ed: <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>Vea el video tutorial de c\u00f3mo empezar con Riverdi STM32 Embedded Display &amp; TouchGFX:<\/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=\"Primeros_pasos_con_Riverdi_STM32_Embedded_Display\"><\/span><strong><em>Primeros pasos con Riverdi STM32 Embedded Display<\/em><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><em>Este tutorial cubrir\u00e1 c\u00f3mo ejecutar nuestro primer proyecto en las pantallas STM32 Embedded proporcionadas por el Riverdi. Est\u00e1n especializados en la fabricaci\u00f3n de diferentes tipos de pantallas, entre las que se incluye la pantalla basada en STM32 compatible con TouchGFX. La pantalla puede adquirirse en <a href=\"https:\/\/riverdi.com\/es\/categoria-producto\/pantallas-integradas-stm32\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/riverdi.com\/product-category\/stm32-embedded-displays<\/a><\/em><\/p>\n<p><em>El uso de TouchGFX como software de dise\u00f1o le da ventaja sobre otras pantallas inteligentes que hayas utilizado hasta ahora y que carecen de un dise\u00f1ador s\u00f3lido. Adem\u00e1s, tener STM32H7 en el n\u00facleo es otra ventaja, ya que sabemos lo capaz que es esta MCU.<\/em><\/p>\n<p><em>No s\u00f3lo se puede utilizar para la interconexi\u00f3n de la pantalla, pero tambi\u00e9n tenemos todo tipo de perif\u00e9ricos disponibles para la interfaz de otros dispositivos como CAN, ADD, DAC, UART, I2C, SPI, etc.<\/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>Veamos c\u00f3mo ejecutar nuestro primer proyecto en esta pantalla Riverdi.<\/em><\/p>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Conexion\"><\/span><em>Conexi\u00f3n<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Como este va a ser un proyecto muy b\u00e1sico, no voy a conectarle ning\u00fan dispositivo externo. As\u00ed que para la conexi\u00f3n b\u00e1sica s\u00f3lo necesitamos conectar la alimentaci\u00f3n y el enlace ST.<\/em><\/p>\n<p><em>He resaltado los puertos Power y SWD en la imagen de arriba.<\/em><\/p>\n<p><em>Debajo de la imagen, de la hoja de datos de la pantalla, muestra los pinouts para estos puertos.<\/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>He realizado la conexi\u00f3n seg\u00fan la descripci\u00f3n de patillas que aparece en las im\u00e1genes anteriores.  <\/em><br \/>\n<em>Para el conector de alimentaci\u00f3n s\u00f3lo he conectado el VCC al pin 1 y GND al pin 6. Y para el SWD, he conectado los 6 pines a los respectivos pines del enlace ST<\/em><\/p>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Diseno_TouchGFX\"><\/span><em>Dise\u00f1o TouchGFX<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<blockquote><p><em>Nota: Necesita tener como m\u00ednimo TouchGFX Versi\u00f3n 4.20.<\/em><\/p><\/blockquote>\n<p><em>A continuaci\u00f3n se muestra la imagen que muestra c\u00f3mo crear el proyecto<\/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>Haga clic en crear para crear un nuevo proyecto<\/em><\/li>\n<li><em>Busque el Riverdi para ver los tableros disponibles<\/em><\/li>\n<li><em>Elige la pantalla que tengas. Tengo la pantalla de 10.1&#8243;, as\u00ed que estoy eligiendo 101STM32H7<\/em><\/li>\n<li><em>Dar nombre al proyecto<\/em><\/li>\n<li><em>Haga clic en crear para crear el proyecto.<\/em><\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Anadir_imagen_de_fondo\"><\/span><em>A\u00f1adir imagen de fondo<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>A continuaci\u00f3n se muestran los pasos para a\u00f1adir la imagen de fondo. Ya tengo la imagen de la misma resoluci\u00f3n que la pantalla en formato PNG.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_5.webp\"><\/p>\n<ol>\n<li>Haga clic en la pesta\u00f1a imagen<\/li>\n<li>Seleccione el widget de imagen<\/li>\n<li>Haz clic en la imagen vac\u00eda para ver sus propiedades<\/li>\n<li>En la secci\u00f3n de im\u00e1genes, haga clic en sin imagen<\/li>\n<li>Pulsa el bot\u00f3n a\u00f1adir(+) para a\u00f1adir la imagen.<\/li>\n<\/ol>\n<p>Ahora busca la imagen y a\u00f1\u00e1dela al proyecto.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Anadir_los_widgets\"><\/span>A\u00f1adir los widgets<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Tambi\u00e9n a\u00f1adiremos algunos widgets a este proyecto. Voy a a\u00f1adir un control deslizante y un indicador. La idea es simple, quiero que el indicador gire seg\u00fan como movamos el deslizador.<\/p>\n<p>A continuaci\u00f3n se muestran las im\u00e1genes de las configuraciones de la corredera y el man\u00f3metro.<\/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>B\u00e1sicamente he a\u00f1adido el deslizador y el indicador a la pantalla. El control deslizante oscila entre 0 y 100, al igual que el indicador. Esto es para asegurar la uniformidad entre ellos.<\/em><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Anadir_la_interaccion\"><\/span><em>A\u00f1adir la interacci\u00f3n<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Ahora al final a\u00f1adiremos una interacci\u00f3n a esta pantalla. Para ello, debes hacer clic en interacci\u00f3n y, a continuaci\u00f3n, en el bot\u00f3n +.<\/em><\/p>\n<p><em>Ahora haz clic en la interacci\u00f3n para configurarla.<\/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>La interacci\u00f3n se activar\u00e1 cada vez que cambie el valor del control deslizante.<\/em><\/li>\n<li><em>Esto llamar\u00e1 a una nueva funci\u00f3n virtual, cuyo nombre he establecido como <strong>sliderupdated<\/strong>.<\/em><\/li>\n<li><em>M\u00e1s adelante escribiremos esta funci\u00f3n en el IDE.<\/em><\/li>\n<\/ul>\n<h4 class=\"has-text-align-left\"><span class=\"ez-toc-section\" id=\"Generar_el_codigo\"><\/span><em>Generar el c\u00f3digo<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>Ahora todo est\u00e1 terminado, as\u00ed que vamos a generar el c\u00f3digo haciendo clic en el bot\u00f3n <strong>generar<\/strong> como se muestra en la imagen de abajo.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_10.webp\"><\/p>\n<p><em>Una vez generado el c\u00f3digo, lo abriremos en el IDE del cubo.<\/em><\/p>\n<p><em>Haga clic en el bot\u00f3n de <strong>archivos<\/strong> como se muestra en la imagen de arriba. Se abrir\u00e1 la carpeta del proyecto.<\/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>Ahora vuelve a la carpeta principal del proyecto.<\/em><\/li>\n<li><em>Aqu\u00ed ver\u00e1s la carpeta cubeIDE, as\u00ed que \u00e1brela.<\/em><\/li>\n<li><em>All\u00ed encontrar\u00e1 el archivo del proyecto, que puede abrirse con el cubeIDE.<\/em><\/li>\n<\/ul>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"El_codigo\"><\/span><em>El c\u00f3digo<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>S\u00f3lo tenemos que escribir un peque\u00f1o c\u00f3digo en el archivo Screen1view.cpp. Puede ver la ubicaci\u00f3n del archivo en la estructura del proyecto.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_12.webp\"><\/p>\n<p><em>Primero tenemos que definir la funci\u00f3n <strong>sliderupdated <\/strong>que hemos creado (en la interacci\u00f3n) dentro del archivo de cabecera.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/riverdi_14.webp\"><\/p>\n<p><em>Ahora crearemos esta funci\u00f3n en el archivo fuente y escribiremos el c\u00f3digo dentro de ella.<\/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>Aqu\u00ed la funci\u00f3n <strong>slidderupdated <\/strong>ser\u00e1 llamada cada vez que el deslizador reporte un nuevo valor cambiado.<\/em><\/p>\n<p><em>Simplemente llamaremos a la funci\u00f3n <strong>setvalue <\/strong>para establecer el valor del indicador. Y se llamar\u00e1 a la funci\u00f3n <strong>invalidar <\/strong>para que el nuevo valor surta efecto.<\/em><\/p>\n<h4 class=\"has-text-align-center\"><span class=\"ez-toc-section\" id=\"Cargar_el_proyecto_para_visualizarlo\"><\/span><em>Cargar el proyecto para visualizarlo<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>No se puede cargar el proyecto utilizando cube IDE. Tienes que usar el programador de cubos o el propio GFX t\u00e1ctil.<\/em><\/p>\n<p><em>En cualquiera de los casos, primero tenemos que copiar el archivo del cargador externo en el directorio del programador del cubo.<\/em><\/p>\n<p><em>El archivo del cargador externo se encuentra dentro del proyecto que hemos creado. Su ubicaci\u00f3n se muestra a continuaci\u00f3n.<\/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>Solo necesitamos copiar este archivo dentro del directorio del programador del cubo. En mi caso es <strong>C:Archivos de ProgramaSTMicroelectronicsSTM32CubeSTM32CubeProgrammerbinExternalLoader<\/strong><\/em><\/p>\n<p><em>Una vez copiado el cargador, reinicie el GFX t\u00e1ctil para que pueda ver el nuevo cargador.<\/em><\/p>\n<p><em>Ahora haz clic en Ejecutar objetivo para cargar el proyecto en la pantalla.<\/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=\"Resultado\"><\/span><em>Resultado<\/em><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><em>A continuaci\u00f3n se muestran las im\u00e1genes que muestran la posici\u00f3n de la corredera junto con la posici\u00f3n de la galga.<\/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_el_fabricante_europeo_de_expositores_de_mayor_calidad\"><\/span>Riverdi: el fabricante europeo de expositores de mayor calidad<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u00bfPor qu\u00e9 deber\u00eda confiar en nosotros y en nuestros productos? Riverdi es el fabricante europeo de expositores de mayor calidad. Llevamos m\u00e1s de 10 a\u00f1os fabricando pantallas LCD TFT y tenemos muchos clientes en todo el mundo a los que suministramos pantallas con regularidad.<\/p>\n<p>En nuestro sitio web encontrar\u00e1 muchas series de pantallas diferentes, pero lo que ofrecemos no es s\u00f3lo pantallas de la m\u00e1xima calidad, sino tambi\u00e9n una documentaci\u00f3n perfecta. En el sitio web tambi\u00e9n encontrar\u00e1s modelos en 3D de cada pantalla, la mayor\u00eda de los cuales vienen con un informe EMI, para que conozcas el nivel de emisiones. El proceso de pedido es sencillo, si desea pedir una muestra, puede comprarla en nuestra tienda web. S\u00f3lo tienes que ir a <a href=\"https:\/\/riverdi.com\/es\/categoria-producto\/pantallas-integradas-stm32\">https:\/\/riverdi.com\/product-category\/stm32-embedded-displays\/.<\/a><\/p>\n<p>Tambi\u00e9n puede ponerse en contacto con uno de nuestros distribuidores. Riverdi cuenta con una amplia red de distribuci\u00f3n que incluye numerosos socios estadounidenses que pueden entregarle la pantalla de inmediato.<\/p>\n<p>Recuerde SUSCRIBIRSE a nuestro <a href=\"https:\/\/www.youtube.com\/c\/Riverdi\">canal de YouTube <\/a>y rellenar el <a href=\"https:\/\/riverdi.com\/miembros-abonados\">FORMULARIO DE AFILIACI\u00d3N<\/a>,<br \/>\npara mantenerse informado sobre nuestros materiales de la Universidad Riverdi y eventos en directo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esta gu\u00eda r\u00e1pida describe c\u00f3mo conectar Riverdi STM32 Embedded Display e iniciar un nuevo proyecto en TouchGFX Designer. Tutorial &#8211; Riverdi STM32 Embedded Display primera ejecuci\u00f3n utilizando TouchGFX Una de las pantallas Riverdi STM32 Embedded fue revisada por Controllerstech &#8211; Robotics Simplified, una empresa de desarrollo de software con sede en la India. Su objetivo [&hellip;]<\/p>\n","protected":false},"author":32,"featured_media":115213,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[787,4708],"tags":[],"class_list":["post-101838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pantalla-101","category-productos"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX - por Controllerstech - Riverdi<\/title>\n<meta name=\"description\" content=\"Esta gu\u00eda r\u00e1pida describe c\u00f3mo conectar Riverdi STM32 Embedded Display e iniciar un nuevo proyecto en TouchGFX Designer.\" \/>\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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX - por Controllerstech - Riverdi\" \/>\n<meta property=\"og:description\" content=\"Esta gu\u00eda r\u00e1pida describe c\u00f3mo conectar Riverdi STM32 Embedded Display e iniciar un nuevo proyecto en TouchGFX Designer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-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:23:41+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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Wojciech Unterschuetz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\"},\"author\":{\"name\":\"Wojciech Unterschuetz\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/es#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\"},\"headline\":\"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX &#8211; por Controllerstech\",\"datePublished\":\"2023-01-26T12:49:22+00:00\",\"dateModified\":\"2024-05-20T09:23:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\"},\"wordCount\":1310,\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/Controllerstech-Riverdi-STM32-getting-started.jpg\",\"articleSection\":[\"Pantalla 101\",\"Productos\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\",\"url\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\",\"name\":\"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX - por Controllerstech - Riverdi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/es#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-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:23:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/es#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\"},\"description\":\"Esta gu\u00eda r\u00e1pida describe c\u00f3mo conectar Riverdi STM32 Embedded Display e iniciar un nuevo proyecto en TouchGFX Designer.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-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\\\/es\\\/blog\\\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Front Page\",\"item\":\"https:\\\/\\\/riverdi.com\\\/es\\\/portada\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX &#8211; por Controllerstech\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/es#website\",\"url\":\"https:\\\/\\\/riverdi.com\\\/es\",\"name\":\"Riverdi\",\"description\":\"Global TFT LCD Manufacturer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/riverdi.com\\\/es?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/es#\\\/schema\\\/person\\\/7434a17c848809d60e9762a64da7cb19\",\"name\":\"Wojciech Unterschuetz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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":"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX - por Controllerstech - Riverdi","description":"Esta gu\u00eda r\u00e1pida describe c\u00f3mo conectar Riverdi STM32 Embedded Display e iniciar un nuevo proyecto en TouchGFX Designer.","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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX - por Controllerstech - Riverdi","og_description":"Esta gu\u00eda r\u00e1pida describe c\u00f3mo conectar Riverdi STM32 Embedded Display e iniciar un nuevo proyecto en TouchGFX Designer.","og_url":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-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:23:41+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":{"Escrito por":"Wojciech Unterschuetz","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#article","isPartOf":{"@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech"},"author":{"name":"Wojciech Unterschuetz","@id":"https:\/\/riverdi.com\/es#\/schema\/person\/7434a17c848809d60e9762a64da7cb19"},"headline":"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX &#8211; por Controllerstech","datePublished":"2023-01-26T12:49:22+00:00","dateModified":"2024-05-20T09:23:41+00:00","mainEntityOfPage":{"@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech"},"wordCount":1310,"image":{"@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2023\/01\/Controllerstech-Riverdi-STM32-getting-started.jpg","articleSection":["Pantalla 101","Productos"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech","url":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech","name":"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX - por Controllerstech - Riverdi","isPartOf":{"@id":"https:\/\/riverdi.com\/es#website"},"primaryImageOfPage":{"@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#primaryimage"},"image":{"@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-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:23:41+00:00","author":{"@id":"https:\/\/riverdi.com\/es#\/schema\/person\/7434a17c848809d60e9762a64da7cb19"},"description":"Esta gu\u00eda r\u00e1pida describe c\u00f3mo conectar Riverdi STM32 Embedded Display e iniciar un nuevo proyecto en TouchGFX Designer.","breadcrumb":{"@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/riverdi.com\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-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\/es\/blog\/como-empezar-con-riverdi-stm32-embedded-displays-usando-touchgfx-por-controllerstech#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Front Page","item":"https:\/\/riverdi.com\/es\/portada"},{"@type":"ListItem","position":2,"name":"C\u00f3mo empezar con Riverdi STM32 Embedded Displays usando TouchGFX &#8211; por Controllerstech"}]},{"@type":"WebSite","@id":"https:\/\/riverdi.com\/es#website","url":"https:\/\/riverdi.com\/es","name":"Riverdi","description":"Global TFT LCD Manufacturer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/riverdi.com\/es?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/riverdi.com\/es#\/schema\/person\/7434a17c848809d60e9762a64da7cb19","name":"Wojciech Unterschuetz","image":{"@type":"ImageObject","inLanguage":"es","@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\/es\/wp-json\/wp\/v2\/posts\/101838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/comments?post=101838"}],"version-history":[{"count":0,"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/posts\/101838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/media\/115213"}],"wp:attachment":[{"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/media?parent=101838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/categories?post=101838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riverdi.com\/es\/wp-json\/wp\/v2\/tags?post=101838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}