doc/topics/sdk/display/display_fb_rotation_lite.html

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn" data-whc_version="26.0">
    <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="description" content="ArtInChip 平台支持屏幕旋转，支持竖屏横用和横屏竖用，兼容单缓冲 和双缓冲的应用程序。 Display Engine 并不提供旋转功能，旋转是由显示驱动调用 Graphics Engine 实现的。支持顺时针旋转 0°/ 90°/ 180°/ 270°。 屏幕旋转功能配置流程如下所示： 适配 LCD 屏幕。 无论是竖屏横用，还是横屏竖用，在适配 LCD ..."/><meta name="DC.rights.owner" content="(C) 版权 2025"/><meta name="copyright" content="(C) 版权 2025"/><meta name="generator" content="DITA-OT"/><meta name="DC.type" content="topic"/><meta name="DC.relation" content="../../../topics/sdk/display/display_user_guide_2.html"/><meta name="DC.relation" content="../../../topics/sdk/display/display_panel_port_lite.html"/><meta name="DC.relation" content="../../../topics/sdk/display/display_fb_roatate_buffer_choice_lite.html"/><meta name="DC.relation" content="../../../topics/sdk/display/display_fb_roatate_buffer_choice_lite.html"/><meta name="DC.contributor" content="yan.wang"/><meta name="DC.contributor" content="yan.wang"/><meta name="DC.date.modified" content="2024-01-15"/><meta name="DC.format" content="HTML5"/><meta name="DC.identifier" content="id"/><meta name="DC.language" content="zh-CN"/><title>屏幕旋转</title><!--  Build number 2023110923.  --><meta name="wh-path2root" content="../../../"/><meta name="wh-toc-id" content="id-d5856e3870"/><meta name="wh-source-relpath" content="topics/sdk/display/display_fb_rotation_lite.dita"/><meta name="wh-out-relpath" content="topics/sdk/display/display_fb_rotation_lite.html"/>

    <link rel="stylesheet" type="text/css" href="../../../webhelp/app/commons.css?buildId=2023110923"/>
    <link rel="stylesheet" type="text/css" href="../../../webhelp/app/topic.css?buildId=2023110923"/>

    <script src="../../../webhelp/app/options/properties.js?buildId=20250121171154"></script>
    <script src="../../../webhelp/app/localization/strings.js?buildId=2023110923"></script>
    <script src="../../../webhelp/app/search/index/keywords.js?buildId=20250121171154"></script>
    <script defer="defer" src="../../../webhelp/app/commons.js?buildId=2023110923"></script>
    <script defer="defer" src="../../../webhelp/app/topic.js?buildId=2023110923"></script>
<link rel="stylesheet" type="text/css" href="../../../webhelp/template/aic-styles-web.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/notes.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/aic-common.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/aic-images.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/footnote.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/aic-web-watermark.css?buildId=2023110923"/><link rel="stylesheet" type="text/css" href="../../../webhelp/template/topic-body-list.css?buildId=2023110923"/></head>

    <body id="id" class="wh_topic_page frmBody">
        <a href="#wh_topic_body" class="sr-only sr-only-focusable">
            跳转到主要内容
        </a>
        
        
        
        
        <header class="navbar navbar-default wh_header">
    <div class="container-fluid">
        <div class="wh_header_flex_container navbar-nav navbar-expand-md navbar-dark">
            <div class="wh_logo_and_publication_title_container">
                <div class="wh_logo_and_publication_title">
                    
                    <a href="http://www.artinchip.com" class=" wh_logo d-none d-sm-block "><img src="../../../company-logo-white.png" alt="RTOS SDK 使用指南SDK 指南文件"/></a>
                    <div class=" wh_publication_title "><a href="../../../index.html"><span class="booktitle"><span class="ph mainbooktitle">RTOS SDK 使用指南</span><span class="ph booktitlealt">SDK 指南文件</span></span></a></div>
                    
                </div>
                
                
            </div>

            <div class="wh_top_menu_and_indexterms_link collapse navbar-collapse" id="wh_top_menu_and_indexterms_link">
                
                
                
                
            </div>
        </div>
    </div>
</header>
        
        
         
        
        <div class=" wh_search_input navbar-form wh_topic_page_search search " role="form">
            
            
            
            <form id="searchForm" method="get" role="search" action="../../../search.html"><div><input type="search" placeholder="搜索 " class="wh_search_textfield" id="textToSearch" name="searchQuery" aria-label="搜索查询" required="required"/><button type="submit" class="wh_search_button" aria-label="搜索"><span class="search_input_text">搜索</span></button></div></form>
            
            
            
        </div>
        
        <div class="container-fluid" id="wh_topic_container">
            <div class="row">

                <nav class="wh_tools d-print-none navbar-expand-md" aria-label="Tools">
                    
                    <div data-tooltip-position="bottom" class=" wh_breadcrumb "><ol class="d-print-none"><li><span class="home"><a href="../../../index.html"><span>主页</span></a></span></li><li><div class="topicref" data-id="id"><div class="title"><a href="../../../topics/sdk/chapter-advanced-app.html">高级应用</a><div class="wh-tooltip"><p class="shortdesc">系统、存储、多媒体、接口、安全等模块的详细配置和设计说明。</p></div></div></div></li><li><div class="topicref" data-id="concept_mcc_32s_nbc"><div class="title"><a href="../../../topics/chapter-title/chapter-multi-media-sdk.html">多媒体</a><div class="wh-tooltip"><p class="shortdesc">GE、VE、Display、DVP、MPP、MPP 播放器等多媒体模块的介绍和使用说明。</p></div></div></div></li><li><div class="topicref" data-id="id"><div class="title"><a href="../../../topics/sdk/display/display_user_guide_2.html">Display 使用指南</a></div></div></li><li class="active"><div class="topicref" data-id="id"><div class="title"><a href="../../../topics/sdk/display/display_fb_rotation_lite.html">屏幕旋转</a></div></div></li></ol></div>
                    
                    
                    
                    <div class="wh_right_tools">
                        <button class="wh_hide_highlight" aria-label="切换搜索突出显示" title="切换搜索突出显示"></button>
                        <button class="webhelp_expand_collapse_sections" data-next-state="collapsed" aria-label="折叠截面" title="折叠截面"></button>
                        <div class=" wh_navigation_links "><span id="topic_navigation_links" class="navheader">
  
<span class="navprev"><a class="- topic/link link" href="../../../topics/sdk/display/display_panel_port_lite.html" title="屏适配指南" aria-label="上一主题: 屏适配指南" rel="prev"></a></span>  
<span class="navnext"><a class="- topic/link link" href="../../../topics/sdk/display/display_fb_roatate_buffer_choice_lite.html" title="场景选择" aria-label="下一主题: 场景选择" rel="next"></a></span>  </span></div>
                        
                        
                        
                        <div class=" wh_print_link print d-none d-md-inline-block "><button onClick="window.print()" title="打印此页" aria-label="打印此页"></button></div>
                        
                        <button type="button" id="wh_toc_button" class="custom-toggler navbar-toggler collapsed wh_toggle_button navbar-light" aria-expanded="false" aria-label="Toggle publishing table of content" aria-controls="wh_publication_toc">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                    </div>
                    
                </nav>
            </div>
            
            
            
            
            <div class="wh_content_area">
                <div class="row">
                    
                        <nav id="wh_publication_toc" class="col-lg-3 col-md-3 col-sm-12 d-md-block d-none d-print-none" aria-label="Table of Contents Container">
                            <div id="wh_publication_toc_content">
		                        
                            	<div class=" wh_publication_toc " data-tooltip-position="right"><span class="expand-button-action-labels"><span id="button-expand-action" role="button" aria-label="Expand"></span><span id="button-collapse-action" role="button" aria-label="Collapse"></span><span id="button-pending-action" role="button" aria-label="Pending"></span></span><ul role="tree" aria-label="Table of Contents"><li role="treeitem"><div data-tocid="revinfo_linux-d5856e989" class="topicref" data-id="revinfo_linux" data-state="leaf"><span role="button" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/revinfo/revinfo_rtos.html" id="revinfo_linux-d5856e989-link">修订记录</a></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="id-d5856e1003" class="topicref" data-id="id" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action id-d5856e1003-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/env/sdk-compile.html" id="id-d5856e1003-link">SDK 编译</a><div class="wh-tooltip"><p class="shortdesc">介绍不同编译环境下 SDK 的详细编译流程。</p></div></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="id-d5856e1152" class="topicref" data-id="id" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action id-d5856e1152-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/advanced/sdk-usage.html" id="id-d5856e1152-link">使用指南</a><div class="wh-tooltip"><p class="shortdesc">系统镜像、编译选项、开发板、应用等相关的详细使用说明。</p></div></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="concept_rcx_czh_pzb-d5856e1416" class="topicref" data-id="concept_rcx_czh_pzb" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action concept_rcx_czh_pzb-d5856e1416-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/chapter-app.html" id="concept_rcx_czh_pzb-d5856e1416-link">应用场景</a><div class="wh-tooltip"><p class="shortdesc">描述了 SDK 在不同应用场景中的配置和使用，包括系统更新、OTA、安全方案等。</p></div></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="id-d5856e2119" class="topicref" data-id="id" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action id-d5856e2119-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/peripheral/peripheral-intro.html" id="id-d5856e2119-link">外设移植</a><div class="wh-tooltip"><p class="shortdesc"><span class="ph">CTP、U 盘、SD             卡、有线和无线网络</span>等外设的介绍和使用说明。</p></div></div></div></li><li role="treeitem" aria-expanded="false"><div data-tocid="id-d5856e2244" class="topicref" data-id="id" data-state="not-ready"><span role="button" tabindex="0" aria-labelledby="button-expand-action id-d5856e2244-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/bringup/chapter-bringup.html" id="id-d5856e2244-link">BringUp</a><div class="wh-tooltip"><p class="shortdesc">在硬件上电后快速初始化系统，为操作系统的启动准备好必要的硬件环境。</p></div></div></div></li><li role="treeitem" aria-expanded="true"><div data-tocid="id-d5856e2345" class="topicref" data-id="id" data-state="expanded"><span role="button" tabindex="0" aria-labelledby="button-collapse-action id-d5856e2345-link" class="wh-expand-btn"></span><div class="title"><a href="../../../topics/sdk/chapter-advanced-app.html" id="id-d5856e2345-link">高级应用</a><div class="wh-tooltip"><p class="shortdesc">系统、存储、多媒体、接口、安全等模块的详细配置和设计说明。</p></div></div></div><ul role="group" class="navbar-nav nav-list"><li role="treeitem" aria-expanded="false"><div data-tocid="_0-d5856e2360" class="topicref" data-id="_0" data-state="not-ready"><spa
		                        
                            </div>
                        </nav>
                    
                    
                    <div class="col-lg-9 col-md-9 col-sm-12" id="wh_topic_body">
                        <button id="wh_close_publication_toc_button" class="close-toc-button d-none" aria-label="Toggle publishing table of content" aria-controls="wh_publication_toc" aria-expanded="true">
                            <span class="close-toc-icon-container">
                                <span class="close-toc-icon"></span>     
                            </span>
                        </button>
                        
                        
                        <div class=" wh_topic_content body "><main role="main"><article class="- topic/topic topic" role="article" aria-labelledby="ariaid-title1"><span class="edit-link" style="font-size:12px; opacity:0.6; text-align:right; vertical-align:middle"><a target="_blank" href="http://172.16.35.88/tasks/jdssno1uvvbf2mltu9kb9v3if05d5gopuakboe8hlud18rma/edit/F:/aicdita/aicdita-cn/topics/sdk/display/display_fb_rotation_lite.dita">Edit online</a></span><h1 class="- topic/title title topictitle1" id="ariaid-title1">屏幕旋转</h1><div class="date inPage">15 Jan 2024</div><div style="color: gray;">
                    Read time: 2 minute(s)
                </div><div class="- topic/body body"><div class="- topic/div div">
                    <p class="- topic/p p" data-ofbid="d209949e21__20250121171639">ArtInChip 平台支持屏幕旋转，支持竖屏横用和横屏竖用，兼容单缓冲 和双缓冲的应用程序。</p>
                    <p class="- topic/p p" data-ofbid="d209949e24__20250121171639">Display Engine 并不提供旋转功能，旋转是由显示驱动调用 Graphics Engine 实现的。支持顺时针旋转 0°/ 90°/ 180°/
                        270°。</p>
                </div><div class="- topic/p p" data-ofbid="d209949e27__20250121171639">屏幕旋转功能配置流程如下所示：<ol class="- topic/ol ol" id="id__ol_npk_zps_2dc" data-ofbid="id__ol_npk_zps_2dc"><li class="- topic/li li" data-ofbid="d209949e30__20250121171639">适配 LCD 屏幕。<div class="- topic/div div">
                    <p class="- topic/p p" data-ofbid="d209949e34__20250121171639">无论是竖屏横用，还是横屏竖用，在适配 LCD 屏幕时，按照屏幕的物理宽高配置时序参数即可，不需要将时序参数中的宽高互换。</p>
                    <p class="- topic/p p" data-ofbid="d209949e37__20250121171639">显示驱动在旋转时会根据旋转角度自动互换宽高。LCD 屏幕适配可参考<a xml:lang="zh-CN" lang="zh-CN" class="- topic/xref xref" href="../../../reusables/reused-topics/../../topics/sdk/display/display_panel_port.html">屏适配指南</a>。</p>
                </div></li><li class="- topic/li li" data-ofbid="d209949e44__20250121171639">进入 menuconfig
                        的功能配置界面，按如下选择，配置屏幕旋转的角度：<pre class="+ topic/pre pr-d/codeblock pre codeblock language-c" id="id__codeblock_igy_cqs_2dc" data-ofbid="id__codeblock_igy_cqs_2dc">Board options  ---&gt;
    Graphics Support  ---&gt;
        Graphics support
            [*] Display Support
                framebuffer rotation degree (<span class="hl-number">0</span>)  ---&gt;</pre><p class="- topic/p p" data-ofbid="d209949e48__20250121171639">如果设置为 0
                        度，则不调用 Graphics Engine 进行旋转。</p></li><li class="- topic/li li" data-ofbid="d209949e50__20250121171639">在 <span class="+ topic/ph sw-d/filepath ph filepath">disp_conf.h</span> 头文件中，配置 GUI 使用的绘制 buf 个数。<p class="- topic/p p" data-ofbid="d209949e55__20250121171639">推荐设置为
                        2，能满足应用程序在不同平台上的兼容性。</p><pre class="+ topic/pre pr-d/codeblock pre codeblock language-c" id="id__codeblock_vl2_14s_2dc" data-ofbid="id__codeblock_vl2_14s_2dc"><span class="hl-tag-doctype-comment">/**
 * FB ROTATION options
 */</span>

<em class="hl-comment">/* drawing buf for GUI, range [1, 2] */</em>
#<span class="hl-directive">define</span> AIC_FB_DRAW_BUF_NUM <span class="hl-number">2</span></pre><div class="- topic/note note tip note_tip" id="id__note_gh4_qn3_ddc" data-ofbid="id__note_gh4_qn3_ddc"><span class="note__title">提示：</span> 
                        <p class="- topic/p p" data-ofbid="d209949e61__20250121171639">关于绘制 buf 的含义，可查看<a class="- topic/xref xref" href="display_fb_rotation_lite.html#id__section_kbw_44s_2dc">实现原理</a>。</p>
                    </div></li></ol></div><section class="- topic/section section" id="id__section_kbw_44s_2dc" data-ofbid="id__section_kbw_44s_2dc"><h2 class="- topic/title title sectiontitle">实现原理</h2>
            
            <p class="- topic/p p" data-ofbid="d209949e73__20250121171639">屏幕旋转时，显示驱动管理着两种 buffer：</p>
            <ul class="- topic/ul ul simple" id="id__ul_c2p_xns_2dc" data-ofbid="id__ul_c2p_xns_2dc"><li class="- topic/li li" data-ofbid="d209949e77__20250121171639">
                    <p class="- topic/p p" data-ofbid="d209949e79__20250121171639">屏幕旋转时，显示驱动管理着两种 buffer：</p>
                    <p class="- topic/p p" data-ofbid="d209949e82__20250121171639">当屏幕处于竖屏横用状态时，GUI 应用会以横屏的方式在绘制 buf 中绘制界面，并将数据写入到绘制缓冲区中，然后调用 pan_display
                        ioctl。</p>
                    <p class="- topic/p p" data-ofbid="d209949e85__20250121171639">如果配置了屏幕旋转，底层显示驱动在接收到 pan_display ioctl 后会调用 graphics engine，将横屏的界面旋转为竖屏，并把数据
                        bitblt 到显示 buf 中。</p>
                </li><li class="- topic/li li" data-ofbid="d209949e88__20250121171639">
                            <p class="- topic/p p" id="id__p_ltc_hrk_ndc" data-ofbid="id__p_ltc_hrk_ndc">Display Engine 使用的显示
                                buffer，即底层显示引擎使用的缓冲区，用于将最终的图像数据传输到 LCD 屏幕上。</p>
                            <p class="- topic/p p" data-ofbid="d209949e93__20250121171639">Display Engine 将显示 buf 中的数据传送给 LCD
                                屏幕。显示缓冲区与绘制缓冲区在物理上是连续的内存块，但它们的布局会根据屏幕的旋转角度不同而有所变化。</p>
                        </li></ul>
            <div class="- topic/p p" data-ofbid="d209949e97__20250121171639">以竖屏横用为例，底层的内存使用情况如下所示：<pre class="+ topic/pre pr-d/codeblock pre codeblock language-c" id="id__codeblock_gpr_cjg_d1c" data-ofbid="id__codeblock_gpr_cjg_d1c">+--------------------+
|                    |
|      绘制 buf      |
|                    |
+---------+----------+
|         |
|         |
|         |
|显示 buf |
|         |
|         |
+---------+</pre></div>
            <p class="- topic/p p" data-ofbid="d209949e102__20250121171639">这两块 buf 在底层是一大块物理连续内存，对应 framebuffer。只是横屏和竖屏的 stride 不同，才会有不同的内存布局。</p>
            <div class="- topic/note note tip note_tip" id="id__note_hh4_qn3_ddc" data-ofbid="id__note_hh4_qn3_ddc"><span class="note__title">提示：</span> 
                <p class="- topic/p p" data-ofbid="d209949e108__20250121171639">当屏幕被配置为竖屏横用时，GUI 应用通过 ioctl 接口获取到的是横屏的参数。这意味着，如果屏幕的实际分辨率是 1080x1920（竖屏），通过 ioctl
                    接口获取到的宽高将是 1920x1080（横屏）。由于 GUI 应用以为此时外接了一块横屏，就会以横屏的方式绘制好界面。 在编写应用程序时要注意，通过
                    ioctl 接口获得的参数与屏幕的实际宽高是相反的。</p>
                <p class="- topic/p p" data-ofbid="d209949e111__20250121171639">此外，GUI 只能操作到绘制 buf ，显示 buf 对 GUI 来说是透明的。</p>
            </div>
        </section></div></article></main></div>
                        
                        <div class=" wh_child_links d-print-none "><nav aria-label="Child Links" role="navigation" class="- topic/related-links related-links"><ul class="ullinks"><li class="- topic/link link ulchildlink"><strong><a href="../../../topics/sdk/display/display_fb_roatate_buffer_choice_lite.html">场景选择</a></strong></li></ul></nav></div>
                        
                        
                        
                        
                    </div>
                    
                </div>
            </div>
            
            
            
        </div> 
        <footer class="navbar navbar-default wh_footer">
  <div class=" footer-container mx-auto ">
    <title>footer def</title>
    <style><!--

.p1 {
  font-family: FangZhengShuSong, Times, serif;
}
.p2 {
  font-family: Arial, Helvetica, sans-serif;
}
.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}
    
--></style>
  

  
    
  
  
    
            
   
  

  <div class="webhelp.fragment.footer">
    <p class="p1">Copyright © 2019-2024 广东匠芯创科技有限公司. All rights reserved.</p>
  </div><div>
    <div class="generation_time">
      Update Time: 2025-01-21
    </div>        
  </div>
  </div>
</footer>
        
        <div id="go2top" class="d-print-none">
            <span class="oxy-icon oxy-icon-up"></span>
        </div>
        
        <div id="modal_img_large" class="modal">
            <span class="close oxy-icon oxy-icon-remove"></span>
            <div id="modal_img_container"></div>
            <div id="caption"></div>
        </div>
        
        
    <script src="${pd}/publishing/publishing-styles-AIC-template/js/custom.js" defer="defer"></script>

        
    </body>
</html>