{"id":132822,"date":"2025-11-25T13:54:31","date_gmt":"2025-11-25T12:54:31","guid":{"rendered":"https:\/\/riverdi.com\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza"},"modified":"2025-11-25T13:54:31","modified_gmt":"2025-11-25T12:54:31","slug":"pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza","status":"publish","type":"post","link":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza","title":{"rendered":"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_87 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=\"Prze\u0142\u0105cznik Spisu Tre\u015bci\"><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\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Sprzet_komputerowy\" >Sprz\u0119t komputerowy<\/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\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Powiazania\" >Powi\u0105zania<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Oprogramowanie\" >Oprogramowanie<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Sklonuj_projekt\" >Sklonuj projekt<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Opcjonalnie_sklonuj_najnowsza_biblioteke_LVGL\" >Opcjonalnie: sklonuj najnowsz\u0105 bibliotek\u0119 LVGL<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Importowanie_projektu_do_STM32CubeIDE\" >Importowanie projektu do STM32CubeIDE<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Skompiluj_i_uruchom_przykladowy_program_LVGL\" >Skompiluj i uruchom przyk\u0142adowy program LVGL<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Stworzmy_wlasny_przyklad\" >Stw\u00f3rzmy w\u0142asny przyk\u0142ad<\/a><\/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\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Analiza_naszego_kodu\" >Analiza naszego kodu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Kolejne_kroki\" >Kolejne kroki<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\/#Podsumowanie\" >Podsumowanie<\/a><\/li><\/ul><\/nav><\/div>\n<p>W tym poradniku dowiesz si\u0119, jak uruchomi\u0107 wy\u015bwietlacz Riverdi STM32H7 za pomoc\u0105 <strong>LVGL<\/strong> \u2014 od sklonowania repozytorium po uruchomienie pierwszego w\u0142asnego interfejsu z obrazkiem i przyciskiem.<br \/>\nNauczysz si\u0119:<\/p>\n<ul>\n<li>pod\u0142\u0105cz sprz\u0119t,<\/li>\n<li>otw\u00f3rz i skompiluj projekt w <strong>STM32CubeIDE<\/strong>,<\/li>\n<li>uruchom demo LVGL,<\/li>\n<li>i stw\u00f3rz prosty, spersonalizowany interfejs u\u017cytkownika z logo Riverdi i interaktywnym przyciskiem.<\/li>\n<\/ul>\n<p>Na koniec b\u0119dziesz mia\u0142 gotow\u0105 podstaw\u0119 do stworzenia w\u0142asnego projektu GUI opartego na LVGL na STM32 Embedded Displays Riverdi.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sprzet_komputerowy\"><\/span>Sprz\u0119t komputerowy<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"table-wrapper\">\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: left;\">Wy\u015bwietlacz Riverdi<\/td>\n<td style=\"text-align: left;\"><strong>RVT101HVLNWC00-B<\/strong><\/td>\n<td style=\"text-align: left;\">10,1-calowy wy\u015bwietlacz IPS z wbudowanym uk\u0142adem STM32H7<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\">Programista<\/td>\n<td style=\"text-align: left;\"><strong>ST-Link V3<\/strong><\/td>\n<td style=\"text-align: left;\">Pod\u0142\u0105czony do z\u0142\u0105cza SWD Molex z ty\u0142u wy\u015bwietlacza<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\">Zasilanie<\/td>\n<td style=\"text-align: left;\">12 V DC<\/td>\n<td style=\"text-align: left;\">Pod\u0142\u0105czone do wej\u015bcia zasilania Molex<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\">Kable<\/td>\n<td style=\"text-align: left;\">Micro-USB \u00d72<\/td>\n<td style=\"text-align: left;\">Jeden do ST-Link, drugi do zasilania (je\u015bli zasilasz przez USB)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\">PC<\/td>\n<td style=\"text-align: left;\">Windows\/Linux\/macOS<\/td>\n<td style=\"text-align: left;\">Po zainstalowaniu STM32CubeIDE<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Powiazania\"><\/span>Powi\u0105zania<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wy\u015bwietlacz STM32H7 ma dwa z\u0142\u0105cza Molex:<\/p>\n<ul>\n<li><strong>SWD (programowanie)<\/strong> \u2013 pod\u0142\u0105cz tu swoje urz\u0105dzenie ST-Link.<\/li>\n<li><strong>Zasilanie (12 V)<\/strong> \u2013 do pod\u0142\u0105czenia zewn\u0119trznego \u017ar\u00f3d\u0142a zasilania.<\/li>\n<\/ul>\n<p>\u26a0\ufe0f Nie pod\u0142\u0105czaj zasilania do wy\u015bwietlacza i nie pod\u0142\u0105czaj ST-Linka jednocze\u015bnie przy pierwszym uruchomieniu, nie sprawdziwszy wcze\u015bniej prawid\u0142owej polaryzacji.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-127562\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_Grafika_POMIEDZY-TEKSTY_1_hardware.jpg\" alt=\"\" width=\"826\" height=\"400\" srcset=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_Grafika_POMIEDZY-TEKSTY_1_hardware.jpg 826w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_Grafika_POMIEDZY-TEKSTY_1_hardware-300x145.jpg 300w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_Grafika_POMIEDZY-TEKSTY_1_hardware-768x372.jpg 768w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_Grafika_POMIEDZY-TEKSTY_1_hardware-600x291.jpg 600w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_Grafika_POMIEDZY-TEKSTY_1_hardware-64x31.jpg 64w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Oprogramowanie\"><\/span>Oprogramowanie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"table-wrapper\">\n<table>\n<thead>\n<tr>\n<td style=\"text-align: left;\"><strong>Narz\u0119dzie<\/strong><\/td>\n<td style=\"text-align: left;\"><strong>Przeznaczenie<\/strong><\/td>\n<td style=\"text-align: left;\"><strong>Pobierz<\/strong><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"text-align: left;\"><strong>STM32CubeIDE<\/strong><\/td>\n<td style=\"text-align: left;\">Tworzenie, kompilacja i flashowanie<\/td>\n<td style=\"text-align: left;\"><a href=\"https:\/\/www.st.com\/en\/development-tools\/stm32cubeide.html\">STMicroelectronics<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>LVGL Project Creator<\/strong><\/td>\n<td style=\"text-align: left;\">Szablony projekt\u00f3w dla wy\u015bwietlaczy Riverdi<\/td>\n<td style=\"text-align: left;\"><a href=\"https:\/\/lvgl.io\">LVGL.io<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>Git<\/strong> (opcjonalnie)<\/td>\n<td style=\"text-align: left;\">Sklonuj repozytoria<\/td>\n<td style=\"text-align: left;\"><a href=\"https:\/\/git-scm.com\">Git SCM<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sklonuj_projekt\"><\/span>Sklonuj projekt<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Skorzystaj z LVGL Project Creator i pobierz projekt dostosowany do rozmiaru ekranu, z kt\u00f3rego korzystasz. Wystarczy, \u017ce wpiszesz \u201eRiverdi\u201d w pasku wyszukiwania po lewej stronie, wybierzesz odpowiedni projekt i klikniesz \u201ePobierz\u201d, tak jak wida\u0107 na poni\u017cszym obrazku. <\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-127567\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-Project-Creator.png\" alt=\"\" width=\"940\" height=\"508\" srcset=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-Project-Creator.png 940w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-Project-Creator-300x162.png 300w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-Project-Creator-768x415.png 768w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-Project-Creator-600x324.png 600w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-Project-Creator-64x35.png 64w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Opcjonalnie_sklonuj_najnowsza_biblioteke_LVGL\"><\/span>Opcjonalnie: sklonuj najnowsz\u0105 bibliotek\u0119 LVGL<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je\u015bli nie masz pewno\u015bci, czy biblioteka LVGL, kt\u00f3r\u0105 masz w projekcie, jest najnowsza, albo po prostu chcesz j\u0105 zaktualizowa\u0107, mo\u017cesz po prostu usun\u0105\u0107 zawarto\u015b\u0107 katalogu i r\u0119cznie pobra\u0107 bibliotek\u0119. \u017beby to zrobi\u0107, wpisz w wierszu polece\u0144: <\/p>\n<p><em>cd Riverdi-LVGL-101\/Middlewares\/Third_Party\/  <\/em><\/p>\n<p><em>git clone https:\/\/github.com\/lvgl\/lvgl.git lvgl<\/em><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Importowanie_projektu_do_STM32CubeIDE\"><\/span>Importowanie projektu do STM32CubeIDE<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Otw\u00f3rz <strong>STM32CubeIDE<\/strong>.<\/li>\n<li>Przejd\u017a do <strong>Plik \u2192 Otw\u00f3rz projekty z systemu plik\u00f3w\u2026<\/strong><\/li>\n<li>Kliknij <strong>\u201eKatalog\u2026\u201d<\/strong>, a potem wybierz podkatalog \u201eSTM32CubeIDE\u201d w sklonowanym folderze \u201eriverdi-lvgl-101\u201d.<\/li>\n<li>Kliknij <strong>\u201eZako\u0144cz<\/strong>\u201d.<\/li>\n<\/ol>\n<p>Projekt pojawi si\u0119 teraz w <strong>Eksploratorze projekt\u00f3w.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-127575\" src=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-import-to-cube.png\" alt=\"\" width=\"938\" height=\"622\" srcset=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-import-to-cube.png 938w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-import-to-cube-300x199.png 300w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-import-to-cube-768x509.png 768w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-import-to-cube-600x398.png 600w, https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/LVGL-import-to-cube-64x42.png 64w\" sizes=\"(max-width: 938px) 100vw, 938px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Skompiluj_i_uruchom_przykladowy_program_LVGL\"><\/span>Skompiluj i uruchom przyk\u0142adowy program LVGL<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Otw\u00f3rz plik main.c, kt\u00f3ry znajduje si\u0119 w katalogu CM7\/Application\/User\/Core. Po wszystkich inicjalizacjach powinna pojawi\u0107 si\u0119 funkcja<em> lv_demo_widgets()<\/em>, kt\u00f3ra jest wywo\u0142ywana przed PWM i j\u0105drem. <\/p>\n<p>Mo\u017cesz skompilowa\u0107 projekt, naciskaj\u0105c Ctrl+B albo ikon\u0119 m\u0142otka w lewym g\u00f3rnym rogu ekranu. Kompilacja mo\u017ce troch\u0119 potrwa\u0107 \u2013 nawet kilka minut. Je\u015bli pojawi\u0105 si\u0119 jakie\u015b ostrze\u017cenia, to nic si\u0119 nie sta\u0142o \u2013 mog\u0105 one wynika\u0107 z nowych wersji biblioteki LVGL lub programu CubeIDE.  <\/p>\n<p>Je\u015bli chcesz zapozna\u0107 si\u0119 z kolejnymi przyk\u0142adami LVGL i przeanalizowa\u0107 ich kod, wystarczy, \u017ce otworzysz katalog Middlewares\/LVGL\/lvgl\/examples i wywo\u0142asz wybrany przyk\u0142ad w miejscu, gdzie wywo\u0142ywana jest <em>funkcja lv_demo_widgets()<\/em>.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Stworzmy_wlasny_przyklad\"><\/span>Stw\u00f3rzmy w\u0142asny przyk\u0142ad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Stworzymy w\u0142asny przyk\u0142ad zawieraj\u0105cy obrazek i przycisk, kt\u00f3ry zmienia kolor ekranu na jeden z naszych kolor\u00f3w Riverdi.<\/p>\n<p><strong>Krok 1 \u2013 Przygotuj logo Riverdi<\/strong><\/p>\n<ol>\n<li>Pobierz<strong> logo Riverdi<\/strong> ze <a href=\"https:\/\/riverdi.com\/pl\/centrum-multimedialne\">strony internetowej Riverdi<\/a>.<\/li>\n<li>Uruchom program <a href=\"https:\/\/lvgl.io\/tools\/imageconverter\">LVGL Image Converter<\/a>.<\/li>\n<li>Wybierz format kolor\u00f3w: <strong>RGB565<\/strong><\/li>\n<li>Kliknij \u201eKonwertuj\u201d i pobierz wygenerowany plik .c.<\/li>\n<li>Umie\u015b\u0107 go obok pliku main.c.<\/li>\n<li>Dodaj ten wiersz na pocz\u0105tku pliku main.c:\n<ul>\n<li><em>extern const lv_image_dsc_t riverdi_logo;<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><strong>Uwaga<\/strong>: Je\u015bli twoje zdj\u0119cie ma czarne t\u0142o \u2013 wynika to z formatu .png \u2013 brak t\u0142a jest przez Image Converter przekszta\u0142cany na 0x00, czyli kolor czarny. Je\u015bli chcesz, \u017ceby t\u0142o by\u0142o bia\u0142e, po prostu zamie\u0144 wszystkie warto\u015bci 0x00 na 0xff w swoim IDE lub edytorze tekstowym. <\/p>\n<p><strong>Krok 2 \u2013 Dodaj nowy plik \u017ar\u00f3d\u0142owy<\/strong><\/p>\n<p>W STM32CubeIDE utw\u00f3rz nowy plik:<\/p>\n<p>Application\/User\/Core\/ui_riverdi_logo.c<\/p>\n<pre>#include \"lvgl.h\"\nextern const lv_image_dsc_t riverdi_logo;\n\nstatic lv_color_t colors[3];\nstatic uint8_t color_index = 0;\nstatic lv_obj_t * scr;\n\nstatic void color_btn_event_cb(lv_event_t * e)\n{\ncolor_index = (color_index + 1) % 3;\nlv_obj_set_style_bg_color(scr, colors[color_index], LV_PART_MAIN);\n}\n\nvoid ui_riverdi_logo_create(void)\n{\ncolors[0] = lv_color_make(0, 0, 255); \/\/ Niebieski\ncolors[1] = lv_color_make(0, 255, 0); \/\/ Zielony\ncolors[2] = lv_color_make(255, 0, 0); \/\/ Czerwony\n\nscr = lv_obj_create(NULL);\nlv_obj_set_style_bg_color(scr, colors[color_index], LV_PART_MAIN);\nlv_screen_load(scr);\n\nlv_obj_t * img = lv_image_create(scr);\nlv_image_set_src(img, &riverdi_logo);\nlv_obj_align(img, LV_ALIGN_CENTER, 0, -40);\n\nlv_obj_t * btn = lv_button_create(scr);\nlv_obj_align(btn, LV_ALIGN_CENTER, 0, 100);\nlv_obj_add_event_cb(btn, color_btn_event_cb, LV_EVENT_CLICKED, NULL);\n\nlv_obj_t * label = lv_label_create(btn);\nlv_label_set_text(label, \u201eZmie\u0144 kolor\u201d);\nlv_obj_center(label);\n}<\/pre>\n<p>&nbsp;<\/p>\n<p><strong>Krok 3 \u2013 Wywo\u0142aj funkcj\u0119<\/strong><\/p>\n<p>Otw\u00f3rz znowu plik main.c i zamie\u0144 <em>lv_demo_widgets();<\/em> na <em>ui_riverdi_logo_create();<\/em><\/p>\n<p>Nast\u0119pnie skompiluj i wgraj projekt.<\/p>\n<p><strong>Uwaga<\/strong>: Je\u015bli pojawi si\u0119 b\u0142\u0105d kompilacji, skompiluj jeszcze raz \u2014 CubeIDE czasami nieprawid\u0142owo indeksuje nowe pliki.<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Analiza_naszego_kodu\"><\/span>Analiza naszego kodu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><em>void color_btn_event_cb()<\/em> \u2013 ta funkcja to funkcja obs\u0142ugi zdarzenia, kt\u00f3ra jest wywo\u0142ywana po naci\u015bni\u0119ciu przycisku. W jej tre\u015bci zmieniamy kolor t\u0142a (bg) na jeden z kolor\u00f3w z tablicy colors[]. <\/p>\n<p><em>void ui_riverdi_logo_create()<\/em> \u2013 ta funkcja to ca\u0142y nasz interfejs u\u017cytkownika. Od g\u00f3ry: <\/p>\n<ul>\n<li>Tworzymy ekran, u\u017cywaj\u0105c jednego z kolor\u00f3w t\u0142a.<\/li>\n<li>Umieszczamy obraz na ekranie i wyr\u00f3wnujemy go do \u015brodka. Poni\u017csze liczby to wsp\u00f3\u0142rz\u0119dne X i Y od punktu wyr\u00f3wnania. W tym przyk\u0142adzie warto\u015b\u0107 -40 oznacza, \u017ce umieszczamy obraz 40 pikseli powy\u017cej \u015brodka ekranu.  <\/li>\n<li>Nast\u0119pnie tworzymy przycisk \u2013 nie nadaj\u0105c mu \u017cadnego stylu, zachowuje on domy\u015blny wygl\u0105d i dzia\u0142anie. Umieszczamy go 100 pikseli poni\u017cej \u015brodka, \u017ceby nie nak\u0142ada\u0142 si\u0119 na zdj\u0119cie. <\/li>\n<li>Na koniec tworzymy etykiet\u0119 przycisku \u2013 \u201eZmie\u0144 kolor\u201d. \u017beby umie\u015bci\u0107 j\u0105 na przycisku, po prostu przekazujemy przycisk jako parametr w funkcji lv_label_create. <\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Kolejne_kroki\"><\/span>Kolejne kroki<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Masz teraz dzia\u0142aj\u0105ce \u015brodowisko LVGL na platformie STM32H7 firmy Riverdi.<br \/>\nSt\u0105d mo\u017cesz:<\/p>\n<ul>\n<li>Dodaj wi\u0119cej wid\u017cet\u00f3w (etykiety, suwaki, wykresy)<\/li>\n<li>Zintegruj gesty dotykowe<\/li>\n<li>Zobacz animacje i motywy<\/li>\n<\/ul>\n<div class=\"table-wrapper\">\n<table>\n<thead>\n<tr>\n<td style=\"text-align: left;\"><strong>\u0179r\u00f3d\u0142o<\/strong><\/td>\n<td style=\"text-align: left;\"><strong>Link<\/strong><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"text-align: left;\"><strong>Dokumentacja LVGL<\/strong><\/td>\n<td style=\"text-align: left;\"><a href=\"https:\/\/docs.lvgl.io\">https:\/\/docs.lvgl.io<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>Riverdi na GitHubie<\/strong><\/td>\n<td style=\"text-align: left;\"><a href=\"https:\/\/github.com\/riverdi\">https:\/\/github.com\/riverdi<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>Tw\u00f3rca projektu LVGL<\/strong><\/td>\n<td style=\"text-align: left;\"><a href=\"https:\/\/lvgl.io\/tools\/project-creator\">https:\/\/lvgl.io\/tools\/project-creator<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Podsumowanie\"><\/span>Podsumowanie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>W\u0142a\u015bnie:<\/p>\n<ol>\n<li>Sklonowa\u0142em i otworzy\u0142em projekt LVGL dla wy\u015bwietlacza Riverdi STM32H7,<\/li>\n<li>Uruchom aplikacj\u0119 demonstracyjn\u0105 LVGL,<\/li>\n<li>Stworzy\u0142e\u015b w\u0142asny ekran na zam\u00f3wienie z obrazkiem i przyciskiem.<\/li>\n<\/ol>\n<p>Ten proces stanowi idealn\u0105 podstaw\u0119 do tworzenia <strong>profesjonalnych GUI<\/strong> na wbudowanych wy\u015bwietlaczach firmy Riverdi przy u\u017cyciu biblioteki LVGL.<\/p>\n<p>&nbsp;<\/p>\n<p><iframe style=\"aspect-ratio: 16\/9;\" title=\"\" src=\"https:\/\/www.youtube.com\/embed\/IE_kVkU9eMQ\" width=\"100%\" height=\"auto\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\">&lt;\/ifram<\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>W tym poradniku dowiesz si\u0119, jak uruchomi\u0107 wy\u015bwietlacz Riverdi STM32H7 za pomoc\u0105 LVGL \u2014 od sklonowania repozytorium po uruchomienie pierwszego w\u0142asnego interfejsu z obrazkiem i przyciskiem. Nauczysz si\u0119: pod\u0142\u0105cz sprz\u0119t, otw\u00f3rz i skompiluj projekt w STM32CubeIDE, uruchom demo LVGL, i stw\u00f3rz prosty, spersonalizowany interfejs u\u017cytkownika z logo Riverdi i interaktywnym przyciskiem. Na koniec b\u0119dziesz mia\u0142 [&hellip;]<\/p>\n","protected":false},"author":2659,"featured_media":132823,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[5043],"tags":[],"class_list":["post-132822","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wyswietlacz-101"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik - 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\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik - Riverdi\" \/>\n<meta property=\"og:description\" content=\"W tym poradniku dowiesz si\u0119, jak uruchomi\u0107 wy\u015bwietlacz Riverdi STM32H7 za pomoc\u0105 LVGL \u2014 od sklonowania repozytorium po uruchomienie pierwszego w\u0142asnego interfejsu z obrazkiem i przyciskiem. Nauczysz si\u0119: pod\u0142\u0105cz sprz\u0119t, otw\u00f3rz i skompiluj projekt w STM32CubeIDE, uruchom demo LVGL, i stw\u00f3rz prosty, spersonalizowany interfejs u\u017cytkownika z logo Riverdi i interaktywnym przyciskiem. Na koniec b\u0119dziesz mia\u0142 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\" \/>\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-11-25T12:54:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_COVER_LVGL.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=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kacper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\"},\"author\":{\"name\":\"Kacper\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl#\\\/schema\\\/person\\\/07605024d6619f9bd872665515d9bbfa\"},\"headline\":\"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik\",\"datePublished\":\"2025-11-25T12:54:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\"},\"wordCount\":1010,\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BLOG_COVER_LVGL.jpg\",\"articleSection\":[\"Wy\u015bwietlacz 101\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\",\"url\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\",\"name\":\"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik - Riverdi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BLOG_COVER_LVGL.jpg\",\"datePublished\":\"2025-11-25T12:54:31+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl#\\\/schema\\\/person\\\/07605024d6619f9bd872665515d9bbfa\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#primaryimage\",\"url\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BLOG_COVER_LVGL.jpg\",\"contentUrl\":\"https:\\\/\\\/riverdi.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/BLOG_COVER_LVGL.jpg\",\"width\":1280,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl\\\/blog\\\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Front Page\",\"item\":\"https:\\\/\\\/riverdi.com\\\/pl\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl#website\",\"url\":\"https:\\\/\\\/riverdi.com\\\/pl\",\"name\":\"Riverdi\",\"description\":\"Global TFT LCD Manufacturer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/riverdi.com\\\/pl?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/riverdi.com\\\/pl#\\\/schema\\\/person\\\/07605024d6619f9bd872665515d9bbfa\",\"name\":\"Kacper\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@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":"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik - 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\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza","og_locale":"pl_PL","og_type":"article","og_title":"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik - Riverdi","og_description":"W tym poradniku dowiesz si\u0119, jak uruchomi\u0107 wy\u015bwietlacz Riverdi STM32H7 za pomoc\u0105 LVGL \u2014 od sklonowania repozytorium po uruchomienie pierwszego w\u0142asnego interfejsu z obrazkiem i przyciskiem. Nauczysz si\u0119: pod\u0142\u0105cz sprz\u0119t, otw\u00f3rz i skompiluj projekt w STM32CubeIDE, uruchom demo LVGL, i stw\u00f3rz prosty, spersonalizowany interfejs u\u017cytkownika z logo Riverdi i interaktywnym przyciskiem. Na koniec b\u0119dziesz mia\u0142 [&hellip;]","og_url":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza","og_site_name":"Riverdi","article_publisher":"https:\/\/www.facebook.com\/riverdi.displays\/","article_published_time":"2025-11-25T12:54:31+00:00","og_image":[{"width":1280,"height":600,"url":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_COVER_LVGL.jpg","type":"image\/jpeg"}],"author":"Kacper","twitter_card":"summary_large_image","twitter_creator":"@riverdidisplays","twitter_site":"@riverdidisplays","twitter_misc":{"Napisane przez":"Kacper","Szacowany czas czytania":"6 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#article","isPartOf":{"@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza"},"author":{"name":"Kacper","@id":"https:\/\/riverdi.com\/pl#\/schema\/person\/07605024d6619f9bd872665515d9bbfa"},"headline":"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik","datePublished":"2025-11-25T12:54:31+00:00","mainEntityOfPage":{"@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza"},"wordCount":1010,"image":{"@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_COVER_LVGL.jpg","articleSection":["Wy\u015bwietlacz 101"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza","url":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza","name":"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik - Riverdi","isPartOf":{"@id":"https:\/\/riverdi.com\/pl#website"},"primaryImageOfPage":{"@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#primaryimage"},"image":{"@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#primaryimage"},"thumbnailUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_COVER_LVGL.jpg","datePublished":"2025-11-25T12:54:31+00:00","author":{"@id":"https:\/\/riverdi.com\/pl#\/schema\/person\/07605024d6619f9bd872665515d9bbfa"},"breadcrumb":{"@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#primaryimage","url":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_COVER_LVGL.jpg","contentUrl":"https:\/\/riverdi.com\/wp-content\/uploads\/2025\/11\/BLOG_COVER_LVGL.jpg","width":1280,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/riverdi.com\/pl\/blog\/pierwsze-kroki-z-lvgl-na-riverdi-stm32-kompletny-przewodnik-dla-wyswietlacza#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Front Page","item":"https:\/\/riverdi.com\/pl"},{"@type":"ListItem","position":2,"name":"Pierwsze kroki z LVGL na wy\u015bwietlaczu Riverdi STM32 \u2013 kompletny przewodnik"}]},{"@type":"WebSite","@id":"https:\/\/riverdi.com\/pl#website","url":"https:\/\/riverdi.com\/pl","name":"Riverdi","description":"Global TFT LCD Manufacturer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/riverdi.com\/pl?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Person","@id":"https:\/\/riverdi.com\/pl#\/schema\/person\/07605024d6619f9bd872665515d9bbfa","name":"Kacper","image":{"@type":"ImageObject","inLanguage":"pl-PL","@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\/pl\/wp-json\/wp\/v2\/posts\/132822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/users\/2659"}],"replies":[{"embeddable":true,"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/comments?post=132822"}],"version-history":[{"count":0,"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/posts\/132822\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/media\/132823"}],"wp:attachment":[{"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/media?parent=132822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/categories?post=132822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riverdi.com\/pl\/wp-json\/wp\/v2\/tags?post=132822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}