{"id":15011,"date":"2023-07-19T09:49:47","date_gmt":"2023-07-19T04:19:47","guid":{"rendered":"https:\/\/fastbitlab.com\/?p=15011"},"modified":"2024-03-01T16:35:55","modified_gmt":"2024-03-01T11:05:55","slug":"stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation","status":"publish","type":"post","link":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/","title":{"rendered":"STM32-LTDC, LCD-TFT, LVGL(MCU3) Lecture 43| About portrait orientation"},"content":{"rendered":"
\n
\n
\n
<\/div>\n
\n

 <\/p>\n

About portrait orientation<\/strong><\/span><\/h1>\n
\n
\n
\n
<\/div>\n

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

The orientation of the display refers to how the content is displayed on the screen. The two common orientations are landscape<\/strong><\/span> and portrait<\/strong><\/span>.<\/span><\/p>\n

 <\/p>\n

What is Portrait orientation?<\/strong><\/span><\/span><\/p>\n

Portrait orientation means that the display is taller than it is wide, similar to the orientation of a portrait photograph.<\/span><\/strong><\/p>\n

This means that the height of the display is greater than its width. In portrait mode, the content is typically displayed vertically, with the height of the screen determining the vertical resolution and the width determining the horizontal resolution.<\/span><\/p>\n

 <\/p>\n

In the BSP_LCD_Init function, there is a step where the LCD_config command is used. Specifically, the command used is the ILI9341_MAC (Memory Access Control) register, which is responsible for changing the screen orientation. <\/span><\/p>\n

Currently, the register is set to landscape mode. Let me explain how to modify the parameters of this command to achieve the portrait mode.<\/span><\/p>\n

\"Figure
Figure 1. Memory access Control<\/span><\/figcaption><\/figure>\n

 <\/p>\n

You use the Memory access control values which are mentioned at the beginning of the file( as shown below).<\/span> <\/span><\/span><\/p>\n

#include<\/span> \"bsp_lcd.h\"<\/span>\r\n\r\n#define<\/span> MADCTL_MY 0x80   \/\/\/< Bottom to top<\/span>\r\n#define<\/span> MADCTL_MX 0x40   \/\/\/< Right to left<\/span>\r\n#define<\/span> MADCTL_MV 0x20   \/\/\/< Reverse Mode<\/span>\r\n#define<\/span> MADCTL_ML 0x10   \/\/\/< LCD refresh Bottom to top<\/span>\r\n#define<\/span> MADCTL_RGB 0x00  \/\/\/< Red-Green-Blue pixel order<\/span>\r\n#define<\/span> MADCTL_BGR 0x08  \/\/\/< Blue-Green-Red pixel order<\/span>\r\n#define<\/span> MADCTL_MH 0x04   \/\/\/< LCD refresh right to left<\/span><\/pre>\n
Memory access control(36h) bits degining<\/span><\/p>\n
 <\/p>\n
If you want to understand more about that command, you can just go to the <\/span>LCD datasheet<\/span><\/a><\/span> and just search for 36h. That’s a command 36h. Here it is, Memory Access Control, as shown in Figure 2.<\/span><\/span><\/p>\n
\"Figure
Figure 2. Memory Access Control(36h)<\/span><\/figcaption><\/figure>\n
You have to change MY, MX, MV, ML, BGR, and MH bits to get the desired orientation.<\/span> <\/span><\/span><\/p>\n
 <\/p>\n
 <\/span>How does it work? <\/strong><\/span><\/span><\/p>\n
\"Figure
Figure 3. Memory access control in Portrait mode<\/span><\/figcaption><\/figure>\n
Look at Figure 3. This is your LCD’s GRAM or frame memory. It has a width of 240 pixels and a height of 320 lines. Additionally, there is a display panel.<\/span><\/p>\n
Whenever you send data to the display module, the data is first stored in the GRAM of the display. Therefore, when you write data to the GRAM in the X direction, it will be displayed in the corresponding X direction on the display panel. This is the default behavior.<\/span><\/p>\n
 <\/p>\n
But we want something different. What we want is, let’s take the case of the landscape. In landscape, whenever you send data to the frame memory, frame memory will be written in the X direction, but you want the display to be happening in the Y direction.  That is a landscape mode, as shown in Figure 4.<\/span><\/p>\n
\"Figure
Figure 4. Memory access control in Landscape mode<\/span><\/figcaption><\/figure>\n
You want the display to happen either in a positive Y direction or in a negative Y direction. This is also a landscape mode. That’s why there is one bit called MV. So, that is used for this XY exchange.<\/span><\/p>\n
The writing is happening in the X direction, but the display is happening in the Y direction.  If you want to achieve that, then you have to set this bit MV = 1, Row\/Column Exchange(Figure 2). <\/span> <\/span><\/span><\/p>\n
 <\/p>\n
If you want to explore more, then go to page number 209, as shown in Figure 5. Here \u2018B\u2019 means begin.  \u2018E\u2019 means end.<\/span><\/p>\n
\"About
Figure 5. Frame memory<\/span><\/figcaption><\/figure>\n
 <\/p>\n
Everything is explained in the below diagram you can see here(Figure 6).<\/span><\/p>\n
\"About
Figure 6. Direction of pixel display<\/span><\/figcaption><\/figure>\n
In our portrait-1 mode, we want MX = 1, MY = 1,  MV = 0. But, if you want to hold the board in Portrait-2 orientation, then you can use  MX=0, MY=0, MV=0 parameters, like that.<\/span><\/p>\n
 <\/p>\n
There are two more important commands which you need to change. Now you have to change the number of rows and a number of columns information. When it is in the landscape, there are 320 columns. The number of columns we program in this column address set register(CASET). <\/span><\/p>\n
Look at below code snippet, here you can see that, I have programmed 320, which is 320 means in hex it is 0x140. So, I’m sending something like this.<\/span><\/p>\n
LCD_Write_Cmd(ILI9341_RASET); \/\/page address set<\/span>\r\nparams[0]= 0x00;\r\nparams[1]= 0x00;\r\nparams[2]= 0x00;\r\nparams[3]= 0xf0; \/\/240 rows = 0xf0<\/span>\r\nLCD_Write_Data(params, 4);\r\n\r\nLCD_Write_Cmd(ILI9341_CASET);\r\nparams[0]= 0x00;\r\nparams[1]= 0x00;\r\nparams[2]= 0x01;\r\nparams[3]= 0x40; \/\/320 columns = 0x140<\/span>\r\nLCD_Write_Data(params, 4);<\/pre>\n
<\/div>\n
<\/div>\n
If you want portrait orientation, this needs to be modified.  If you want to change the orientation because in portrait there are 240 columns. So, you have to exchange these values. <\/span><\/p>\n
Similarly for RASET, that is the page address set, where you need to configure the number of rows. <\/span><\/p>\n
void<\/span> BSP_LCD_Set_Orientation(int<\/span> orientation)\r\n{\r\n   uint8_t<\/span> params[4];\r\n\r\n     if<\/span>(orientation == LANDSCAPE){\r\n\r\n           LCD_Write_Cmd(ILI9341_RASET); \/\/page address set<\/span>\r\n           params[0]= 0x00;\r\n           params[1]= 0x00;\r\n           params[2]= 0x00;\r\n           params[3]= 0xf0; \/\/240 rows = 0xf0<\/span>\r\n           LCD_Write_Data(params, 4);\r\n\r\n           LCD_Write_Cmd(ILI9341_CASET);\r\n           params[0]= 0x00;\r\n           params[1]= 0x00;\r\n           params[2]= 0x01;\r\n           params[3]= 0x40; \/\/320 columns = 0x140\r\n           LCD_Write_Data(params, 4);\r\n\r\n           params[0] = MADCTL_MV | MADCTL_MY | MADCTL_BGR; \/*Memory Access Control <Landscape setting>*\/<\/span>\r\n    }else if<\/span>(orientation == PORTRAIT){\r\n\r\n           LCD_Write_Cmd(ILI9341_RASET); \/\/page address set<\/span>\r\n           params[0]= 0x00;\r\n           params[1]= 0x00;\r\n           params[2]= 0x01;\r\n           params[3]= 0x40; \/\/320 rows = 0x140<\/span>\r\n           LCD_Write_Data(params, 4);\r\n\r\n           LCD_Write_Cmd(ILI9341_CASET);\r\n           params[0]= 0x00;\r\n           params[1]= 0x00;\r\n           params[2]= 0x00;\r\n           params[3]= 0xf0; \/\/240 columns = 0xf0<\/span>\r\n           LCD_Write_Data(params, 4);\r\n\r\n           params[0] = MADCTL_MY| MADCTL_MX| MADCTL_BGR; \/* Memory Access Control <portrait setting> *\/<\/span>\r\n}<\/pre>\n
 <\/p>\n
Here, in this file, I have added a new function called BSP_LCD_Set_Orientation. This function allows you to specify the desired orientation. If you choose a landscape, we will reconfigure the RASET and CASET commands and set the MV and MY bits accordingly. On the other hand, if you choose a portrait, we will reconfigure RASET and CASET, modify the memory access control settings, and resend the command with the specified parameter.<\/span><\/p>\n
To complete this implementation, we need to provide the prototype of this function in bsp_lcd.h.<\/span><\/p>\n
 <\/p>\n
After that, let’s go to the main. And from the main, after you do the Layer_Init, we’ll call the BSP_LCD_Set_Orientation function. Orientation: let’s use Portrait. So, you can also use this after this LCD_Init. And in the bsp_lcd.h, so make sure that you select a Portrait.<\/span><\/p>\n
\"Figure
Figure 10. main.c file<\/span><\/figcaption><\/figure>\n
In the following article, we will test this.<\/span><\/p>\n
It’s important to consult the datasheet or documentation provided by the manufacturer of your TFT-LCD display for specific guidance on interfacing and programming in portrait orientation. The details may vary depending on the display controller and module you are using.<\/span><\/p>\n
 <\/p>\n
FastBit Embedded Brain Academy Courses<\/strong><\/span><\/p>\n
https:\/\/fastbitlab.com\/course1<\/a><\/span><\/p>\n
 <\/p>\n<\/div>\n
 <\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
  About portrait orientation   The orientation of the display refers to how the content is displayed on the screen. The two common orientations are landscape and portrait.   What is Portrait orientation? Portrait orientation means that the display is taller than it is wide, similar to the orientation of a portrait photograph. This means […]<\/p>\n","protected":false},"author":1,"featured_media":15020,"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-15011","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","entry","has-media"],"yoast_head":"\nAbout portrait orientation in LVGL<\/title>\n<meta name=\"description\" content=\"Portrait orientation means that the display is taller than it is wide, similar to the orientation of a portrait photograph. The landscape\" \/>\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\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About portrait orientation in LVGL\" \/>\n<meta property=\"og:description\" content=\"Portrait orientation means that the display is taller than it is wide, similar to the orientation of a portrait photograph. The landscape\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/\" \/>\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-19T04:19:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-01T11:05:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-7-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1741\" \/>\n\t<meta property=\"og:image:height\" content=\"1023\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/\"},\"author\":{\"name\":\"FastBitLab\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#\\\/schema\\\/person\\\/e32b38e733a0d76ffa7e6bc998652e5d\"},\"headline\":\"STM32-LTDC, LCD-TFT, LVGL(MCU3) Lecture 43| About portrait orientation\",\"datePublished\":\"2023-07-19T04:19:47+00:00\",\"dateModified\":\"2024-03-01T11:05:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/\"},\"wordCount\":961,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Figure-7-1.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/\",\"url\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/\",\"name\":\"About portrait orientation in LVGL\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Figure-7-1.png\",\"datePublished\":\"2023-07-19T04:19:47+00:00\",\"dateModified\":\"2024-03-01T11:05:55+00:00\",\"description\":\"Portrait orientation means that the display is taller than it is wide, similar to the orientation of a portrait photograph. The landscape\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Figure-7-1.png\",\"contentUrl\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Figure-7-1.png\",\"width\":1741,\"height\":1023,\"caption\":\"Figure 7. Direction of pixel display\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fastbitlab.com\\\/blog\\\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\\\/#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 43| About portrait orientation\"}]},{\"@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":"About portrait orientation in LVGL","description":"Portrait orientation means that the display is taller than it is wide, similar to the orientation of a portrait photograph. The landscape","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\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/","og_locale":"en_US","og_type":"article","og_title":"About portrait orientation in LVGL","og_description":"Portrait orientation means that the display is taller than it is wide, similar to the orientation of a portrait photograph. The landscape","og_url":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/","og_site_name":"FastBit EBA","article_publisher":"https:\/\/www.facebook.com\/fastbiteba\/","article_published_time":"2023-07-19T04:19:47+00:00","article_modified_time":"2024-03-01T11:05:55+00:00","og_image":[{"width":1741,"height":1023,"url":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-7-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":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/#article","isPartOf":{"@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/"},"author":{"name":"FastBitLab","@id":"https:\/\/fastbitlab.com\/blog\/#\/schema\/person\/e32b38e733a0d76ffa7e6bc998652e5d"},"headline":"STM32-LTDC, LCD-TFT, LVGL(MCU3) Lecture 43| About portrait orientation","datePublished":"2023-07-19T04:19:47+00:00","dateModified":"2024-03-01T11:05:55+00:00","mainEntityOfPage":{"@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/"},"wordCount":961,"commentCount":0,"publisher":{"@id":"https:\/\/fastbitlab.com\/blog\/#organization"},"image":{"@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/#primaryimage"},"thumbnailUrl":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-7-1.png","articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/","url":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/","name":"About portrait orientation in LVGL","isPartOf":{"@id":"https:\/\/fastbitlab.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/#primaryimage"},"image":{"@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/#primaryimage"},"thumbnailUrl":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-7-1.png","datePublished":"2023-07-19T04:19:47+00:00","dateModified":"2024-03-01T11:05:55+00:00","description":"Portrait orientation means that the display is taller than it is wide, similar to the orientation of a portrait photograph. The landscape","breadcrumb":{"@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/#primaryimage","url":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-7-1.png","contentUrl":"https:\/\/fastbitlab.com\/blog\/wp-content\/uploads\/2023\/07\/Figure-7-1.png","width":1741,"height":1023,"caption":"Figure 7. Direction of pixel display"},{"@type":"BreadcrumbList","@id":"https:\/\/fastbitlab.com\/blog\/stm32-ltdc-lcd-tft-lvglmcu3-lecture-43-about-portrait-orientation\/#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 43| About portrait orientation"}]},{"@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\/15011","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=15011"}],"version-history":[{"count":4,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/posts\/15011\/revisions"}],"predecessor-version":[{"id":16289,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/posts\/15011\/revisions\/16289"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/media\/15020"}],"wp:attachment":[{"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/media?parent=15011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/categories?post=15011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fastbitlab.com\/blog\/wp-json\/wp\/v2\/tags?post=15011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}