{"id":14995,"date":"2023-07-15T14:34:37","date_gmt":"2023-07-15T09:04:37","guid":{"rendered":"https:\/\/fastbitlab.com\/?p=14995"},"modified":"2023-10-20T16:45:49","modified_gmt":"2023-10-20T11:15:49","slug":"testing-exercise-001-in-landscape-mode","status":"publish","type":"post","link":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/","title":{"rendered":"STM32-LTDC, LCD-TFT, LVGL(MCU3) Lecture 42| Testing exercise 001 in landscape mode"},"content":{"rendered":"
\n
\n
\n
<\/div>\n
\n

 <\/p>\n

Testing exercise 001 in landscape mode<\/b><\/span><\/h1>\n
\n
\n
\n
<\/div>\n

 <\/p>\n<\/div>\n<\/div>\n<\/div>\n

Display VIBGYOR color bars in Landscape mode:<\/b><\/span><\/p>\n

In the landscape mode, we are displaying these seven color bars( as shown in Figure 1).<\/span><\/p>\n

\"VIBGYOR
Figure 1. VIBGYOR bars<\/span><\/figcaption><\/figure>\n

 <\/p>\n

Look at below code snippet, which shows the function bsp_lcd_fill_rect. You can utilize this function by providing the following parameters: the starting horizontal position and width of the rectangle in pixels, as well as the starting vertical position and height of the rectangle.<\/span><\/p>\n

For instance, in this scenario, the display has a width of 320 and a height of 240. Hence, the columns are numbered from 0 to 319, where 319 represents the last column, and the first column is denoted by 0. Similarly, there are 240 rows, numbered from 0 (first row) to 239 (last row).<\/span><\/p>\n

\/*<\/span>\r\n* Disc: Creates a rectangle and fills color<\/span>\r\n* rgb888: Color value in RGB888 format<\/span>\r\n* x_start : Horizontal start position of the rectangle ( 0 <= x_start < BSP_FB_WIDTH)<\/span>\r\n* x_width : Width of the rectangle in number of pixels ( 1 <= x_width <= BSP_FB_WIDTH )<\/span>\r\n* y_start : Vertical start position of the rectangle ( 0 <= y_start < BSP_FB_HEIGHT)<\/span>\r\n* y_height : Height of the rectangle in number of pixels ( 1 <= y_height <= BSP_FB_HEIGHT )<\/span>\r\n*\/<\/span>\r\nvoid<\/span> bsp_lcd_fill_rect(uint32_t<\/span> rgb888, uint32_t<\/span> x_start, uint32_t<\/span> x_width,uint32_t<\/span> y_start,uint32_t<\/span> y_height)\r\n{\r\n    void<\/span> *fb_ptr;\r\n\r\n   if((x_start+x_width) > BSP_FB_WIDTH) return;\r\n   if((y_start+y_height) > BSP_FB_HEIGHT) return;\r\n\r\n   while<\/span>(y_height--){\r\n#if(BSP_LCD_PIXEL_FMT == BSP_LCD_PIXEL_FMT_RGB565)\r\n         #define<\/span> BYTES_PER_PIXEL 2\r\n         uint32_t<\/span> fb_offset = (BSP_FB_WIDTH * BYTES_PER_PIXEL * y_start) + (x_start * BYTES_PER_PIXEL);\r\n         fb_ptr = (uint16_t<\/span>*)&bsp_fb[fb_offset];\r\n         write_to_fb_rgb565(fb_ptr,x_width,Convert_RGB888_to_RGB565(rgb888));\r\n#endif<\/span>\r\ny_start++;\r\n}\r\n}<\/pre>\n
To use this bsp_lcd_fill_rect<\/span><\/strong> function, you have to first send the color in the form of RGB888 and the horizontal start position.<\/span>
\n<\/span><\/p>\n
 <\/p>\n
Let’s begin with VIOLET; the color should be sent in the RGB888 format. The horizontal start position is 0, and the desired width is the full-screen width of 320 pixels. The vertical start position is also 0, and the vertical height is 34. This will create a rectangle with a violet color.<\/span><\/p>\n
Next is the Indigo color. Here, we first send the color in the RGB888 format. The horizontal start position is 0, the width is 320 pixels, the vertical start position begins at 34, and the vertical height is also 34. By following this pattern, you can create the remaining rectangles as shown below.<\/span><\/p>\n
void <\/span>SystemClock_Setup(void);\r\nvoid<\/span> LTDC_Pin_Init(void);\r\nvoid<\/span> LTDC_Init(void);\r\nvoid<\/span> LTDC_Layer_Init(LTDC_Layer_TypeDef *pLayer);\r\nint<\/span> main(void<\/span>)\r\n{\r\n     SystemClock_Setup();\r\n     BSP_LCD_Init();\r\n     BSP_LCD_Set_Orientation(PORTRAIT);\r\n     LTDC_Pin_Init();\r\n     LTDC_Init();\r\n     LTDC_Layer_Init(LTDC_Layer1);\r\n     bsp_lcd_set_fb_background_color(BLACK);\r\n     bsp_lcd_fill_rect(VIOLET, 0, 320, 34*0, 34);<\/strong><\/span>\r\n     bsp_lcd_fill_rect(INDIGO, 0, 320, 34*1, 34);<\/strong><\/span>\r\n     bsp_lcd_fill_rect(BLUE, 0, 320, 34*2, 34);<\/strong><\/span>\r\n     bsp_lcd_fill_rect(GREEN, 0, 320, 34*3, 34);<\/strong><\/span>\r\n     bsp_lcd_fill_rect(YELLOW, 0, 320, 34*4, 34);<\/strong><\/span>\r\n     bsp_lcd_fill_rect(ORANGE, 0, 320, 34*5, 34);<\/strong><\/span>\r\n     bsp_lcd_fill_rect(RED, 0, 320, 34*6, 34);\r\n\/*loop forever*\/<\/span>\r\nfor(;;);<\/span>\r\n}<\/span><\/strong><\/span><\/pre>\n
 <\/p>\n
Now, let’s set the fb_background_color as shown below.<\/span><\/p>\n
#define<\/span> VIOLET  RGB888(148,0,211)<\/strong>\r\n#define<\/span> INDIGO  RGB888(75,0,130)<\/strong>\r\n#define<\/span> BLUE    RGB888(0,0,255)<\/strong>\r\n#define<\/span> GREEN   RGB888(0,255,0)<\/strong>\r\n#define <\/span>YELLOW  RGB888(255,255,0)<\/strong>\r\n#define<\/span> ORANGE  RGB888(255,127,0)<\/strong>\r\n#define<\/span> RED     RGB888(255,0,0)<\/strong>\r\n#define <\/span>WHITE   RGB888(255,255,255)<\/strong>\r\n#define<\/span> BLACK   RGB888(0,0,0)<\/strong>\r\n\r\nvoid<\/span> SystemClock_Setup(void<\/span>);\r\nvoid <\/span>LTDC_Pin_Init(void<\/span>);\r\nvoid <\/span>LTDC_Init(void<\/span>);\r\nvoid LTDC_Layer_Init(LTDC_Layer_TypeDef<\/span> *pLayer);\r\nint main(void)\r\n{\r\n       SystemClock_Setup();\r\n       BSP_LCD_Init();\r\n       BSP_LCD_Set_Orientation(PORTRAIT);\r\n       LTDC_Pin_Init();\r\n       LTDC_Init();\r\n       LTDC_Layer_Init(LTDC_Layer1);\r\n       bsp_lcd_set_fb_background_color(BLACK);<\/strong><\/span>\r\n\r\n\/*loop forever*\/\r\n\r\nfor(;;);\r\n\r\n}<\/pre>\n
 <\/p>\n
 <\/p>\n
Next, navigate to bsp_lcd.h and set the orientation to landscape mode. Then, set the layer width and height.<\/span><\/p>\n
\/*Select orientation*\/<\/span><\/strong>\r\n#define<\/span> PORTRAIT 0\r\n#define<\/span> LANDSCAPE 1\r\n#define<\/span> BSP_LCD_ORIENTATION LANDSCAPE<\/span><\/strong>\r\n\r\n#if<\/span>(BSP_LCD_ORIENTATION == PORTRAIT)\r\n   #define<\/span> BSP_LCD_ACTIVE_WIDTH    BSP_LCD_WIDTH\r\n   #define<\/span> BSP_LCD_ACTIVE_HEIGHT   BSP_LCD_HEIGHT\r\n#elif<\/span>(BSP_LCD_ORIENTATION == LANDSCAPE)\r\n   #define<\/span> BSP_LCD_ACTIVE_WIDTH    BSP_LCD_HEIGHT\r\n   #define<\/span> BSP_LCD_ACTIVE_HEIGHT   BSP_LCD_WIDTH\r\n#endif<\/span>\r\n\r\n\r\n\/*Set layer width and height *\/<\/span>\r\n#define<\/span> BSP_LTDC_LAYER_WIDTH      BSP_LCD_ACTIVE_WIDTH<\/strong>\r\n#define <\/span>BSP_LTDC_LAYER_HEIGHT     BSP_LCD_ACTIVE_HEIGHT<\/strong>\r\n#define<\/span> BSP_LTDC_LAYER_H_START     0<\/strong>\r\n#define<\/span> BSP_LTDC_LAYER_H_STOP     BSP_LCD_ACTIVE_WIDTH<\/strong>\r\n#define<\/span> BSP_LTDC_LAYER_V_START     0<\/strong>\r\n#define<\/span> BSP_LTDC_LAYER_V_STOP     BSP_LCD_ACTIVE_HEIGHT<\/strong><\/pre>\n
 <\/p>\n
Afterwards, execute the program and observe the output in Figure 2. You will notice seven color bars being displayed.<\/span><\/p>\n
\"VIBGYOR
Figure 2. Output<\/span><\/figcaption><\/figure>\n
In the following article, let’s see how to display these things in portrait mode.<\/span> <\/span><\/span><\/p>\n
 <\/p>\n
Get the Mastering Microcontroller: STM32-LTDC, LCD-TFT, LVGL(MCU3) Full Course on Here<\/a><\/span><\/span><\/strong><\/p>\n
FastBit Embedded Brain Academy Courses<\/strong><\/span><\/p>\n
https:\/\/fastbitlab.com\/course1<\/a><\/span><\/p>\n
 <\/p>\n<\/div>\n
\n
 <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
  Testing exercise 001 in landscape mode   Display VIBGYOR color bars in Landscape mode: In the landscape mode, we are displaying these seven color bars( as shown in Figure 1).   Look at below code snippet, which shows the function bsp_lcd_fill_rect. You can utilize this function by providing the following parameters: the starting horizontal […]<\/p>\n","protected":false},"author":1,"featured_media":14998,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"off","ocean_gallery_id":[],"footnotes":""},"categories":[8],"tags":[],"class_list":["post-14995","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","entry","has-media"],"yoast_head":"\nDisplay VIBGYOR Color Bars in Landscape Mode with LVGL<\/title>\n<meta name=\"description\" content=\"Learn how to create VIBGYOR color bars in landscape mode using LVGL. Follow a step-by-step guide to set up the display, define colors, use\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display VIBGYOR Color Bars in Landscape Mode with LVGL\" \/>\n<meta property=\"og:description\" content=\"Learn how to create VIBGYOR color bars in landscape mode using LVGL. Follow a step-by-step guide to set up the display, define colors, use\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/\" \/>\n<meta property=\"og:site_name\" content=\"FastBit EBA\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/fastbiteba\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-15T09:04:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-20T11:15:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1879\" \/>\n\t<meta property=\"og:image:height\" content=\"781\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"FastBitLab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fastbiteba\" \/>\n<meta name=\"twitter:site\" content=\"@fastbiteba\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"FastBitLab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/\"},\"author\":{\"name\":\"FastBitLab\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#\\\/schema\\\/person\\\/e32b38e733a0d76ffa7e6bc998652e5d\"},\"headline\":\"STM32-LTDC, LCD-TFT, LVGL(MCU3) Lecture 42| Testing exercise 001 in landscape mode\",\"datePublished\":\"2023-07-15T09:04:37+00:00\",\"dateModified\":\"2023-10-20T11:15:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/\"},\"wordCount\":369,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Figure-1-1.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/\",\"url\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/\",\"name\":\"Display VIBGYOR Color Bars in Landscape Mode with LVGL\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Figure-1-1.png\",\"datePublished\":\"2023-07-15T09:04:37+00:00\",\"dateModified\":\"2023-10-20T11:15:49+00:00\",\"description\":\"Learn how to create VIBGYOR color bars in landscape mode using LVGL. Follow a step-by-step guide to set up the display, define colors, use\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Figure-1-1.png\",\"contentUrl\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Figure-1-1.png\",\"width\":1879,\"height\":781,\"caption\":\"Figure 1. VIBGYOR bars\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/testing-exercise-001-in-landscape-mode\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"STM32-LTDC, LCD-TFT, LVGL(MCU3) Lecture 42| Testing exercise 001 in landscape mode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/\",\"name\":\"FastBit EBA\",\"description\":\"Your Online Academy of Embedded Systems\",\"publisher\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#organization\",\"name\":\"FastBit EBA\",\"url\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-EzNrEnyr.png\",\"contentUrl\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-EzNrEnyr.png\",\"width\":640,\"height\":640,\"caption\":\"FastBit EBA\"},\"image\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/fastbiteba\\\/\",\"https:\\\/\\\/x.com\\\/fastbiteba\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fastbit-embedded-brain-academy-b3167b124\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCa1REBV9hyrzGp2mjJCagBg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#\\\/schema\\\/person\\\/e32b38e733a0d76ffa7e6bc998652e5d\",\"name\":\"FastBitLab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9230d0f9bdef28b63a01e7ca274ee7b2e8ed9abe932ee564af8809caaf52a0c8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9230d0f9bdef28b63a01e7ca274ee7b2e8ed9abe932ee564af8809caaf52a0c8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9230d0f9bdef28b63a01e7ca274ee7b2e8ed9abe932ee564af8809caaf52a0c8?s=96&d=mm&r=g\",\"caption\":\"FastBitLab\"},\"description\":\"The FastBit Embedded Brain Academy uses the power of internet to bring the online courses related to the field of embedded system programming, Real time operating system, Embedded Linux systems, etc at your finger tip with very low cost. Backed with strong experience of industry, we have produced lots of courses with the customer enrolment over 3000+ across 100+ countries.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Display VIBGYOR Color Bars in Landscape Mode with LVGL","description":"Learn how to create VIBGYOR color bars in landscape mode using LVGL. Follow a step-by-step guide to set up the display, define colors, use","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:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/","og_locale":"en_US","og_type":"article","og_title":"Display VIBGYOR Color Bars in Landscape Mode with LVGL","og_description":"Learn how to create VIBGYOR color bars in landscape mode using LVGL. Follow a step-by-step guide to set up the display, define colors, use","og_url":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/","og_site_name":"FastBit EBA","article_publisher":"https:\/\/www.facebook.com\/fastbiteba\/","article_published_time":"2023-07-15T09:04:37+00:00","article_modified_time":"2023-10-20T11:15:49+00:00","og_image":[{"width":1879,"height":781,"url":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-1-1.png","type":"image\/png"}],"author":"FastBitLab","twitter_card":"summary_large_image","twitter_creator":"@fastbiteba","twitter_site":"@fastbiteba","twitter_misc":{"Written by":"FastBitLab","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/#article","isPartOf":{"@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/"},"author":{"name":"FastBitLab","@id":"https:\/\/fastbitlab.com\/blog\/#\/schema\/person\/e32b38e733a0d76ffa7e6bc998652e5d"},"headline":"STM32-LTDC, LCD-TFT, LVGL(MCU3) Lecture 42| Testing exercise 001 in landscape mode","datePublished":"2023-07-15T09:04:37+00:00","dateModified":"2023-10-20T11:15:49+00:00","mainEntityOfPage":{"@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/"},"wordCount":369,"commentCount":0,"publisher":{"@id":"https:\/\/fastbitlab.com\/blog\/#organization"},"image":{"@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-1-1.png","articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/","url":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/","name":"Display VIBGYOR Color Bars in Landscape Mode with LVGL","isPartOf":{"@id":"https:\/\/fastbitlab.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/#primaryimage"},"image":{"@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-1-1.png","datePublished":"2023-07-15T09:04:37+00:00","dateModified":"2023-10-20T11:15:49+00:00","description":"Learn how to create VIBGYOR color bars in landscape mode using LVGL. Follow a step-by-step guide to set up the display, define colors, use","breadcrumb":{"@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/#primaryimage","url":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-1-1.png","contentUrl":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-1-1.png","width":1879,"height":781,"caption":"Figure 1. VIBGYOR bars"},{"@type":"BreadcrumbList","@id":"https:\/\/fastbitlab.com\/blog\/testing-exercise-001-in-landscape-mode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fastbitlab.com\/blog\/"},{"@type":"ListItem","position":2,"name":"STM32-LTDC, LCD-TFT, LVGL(MCU3) Lecture 42| Testing exercise 001 in landscape mode"}]},{"@type":"WebSite","@id":"https:\/\/fastbitlab.com\/blog\/#website","url":"https:\/\/fastbitlab.com\/blog\/","name":"FastBit EBA","description":"Your Online Academy of Embedded Systems","publisher":{"@id":"https:\/\/fastbitlab.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fastbitlab.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fastbitlab.com\/blog\/#organization","name":"FastBit EBA","url":"https:\/\/fastbitlab.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fastbitlab.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2026\/04\/logo-EzNrEnyr.png","contentUrl":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2026\/04\/logo-EzNrEnyr.png","width":640,"height":640,"caption":"FastBit EBA"},"image":{"@id":"https:\/\/fastbitlab.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/fastbiteba\/","https:\/\/x.com\/fastbiteba","https:\/\/www.linkedin.com\/in\/fastbit-embedded-brain-academy-b3167b124\/","https:\/\/www.youtube.com\/channel\/UCa1REBV9hyrzGp2mjJCagBg"]},{"@type":"Person","@id":"https:\/\/fastbitlab.com\/blog\/#\/schema\/person\/e32b38e733a0d76ffa7e6bc998652e5d","name":"FastBitLab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9230d0f9bdef28b63a01e7ca274ee7b2e8ed9abe932ee564af8809caaf52a0c8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9230d0f9bdef28b63a01e7ca274ee7b2e8ed9abe932ee564af8809caaf52a0c8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9230d0f9bdef28b63a01e7ca274ee7b2e8ed9abe932ee564af8809caaf52a0c8?s=96&d=mm&r=g","caption":"FastBitLab"},"description":"The FastBit Embedded Brain Academy uses the power of internet to bring the online courses related to the field of embedded system programming, Real time operating system, Embedded Linux systems, etc at your finger tip with very low cost. Backed with strong experience of industry, we have produced lots of courses with the customer enrolment over 3000+ across 100+ countries."}]}},"_links":{"self":[{"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/posts\/14995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/comments?post=14995"}],"version-history":[{"count":5,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/posts\/14995\/revisions"}],"predecessor-version":[{"id":16172,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/posts\/14995\/revisions\/16172"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/media\/14998"}],"wp:attachment":[{"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/media?parent=14995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/categories?post=14995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/tags?post=14995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}