CN114827694A - 一种显示设备及旋转时ui显示方法 - Google Patents

Abstract

本申请提供一种显示设备及旋转时UI显示方法，所述显示设备包括：显示器、旋转组件以及控制器。其中，旋转组件用于旋转显示器，以使显示器处于不同的旋转状态，控制器可以响应于显示器的旋转事件，实时获取显示器的转动数据和旋转状态；再提取旋转状态对应的UI界面，结合转动数据合成UI图像；最后控制显示器显示UI图像，以使显示器显示的画面保持为正向的状态。本申请提供的显示设备在屏幕旋转过程中还支持在UI界面进行操作，减少用户等待时间，提高用户体验。

Description

一种显示设备及旋转时UI显示方法

本案是基于申请号202010142305.1，申请日为2020.3.4，名称为“一种显示设备及旋转时UI显示方法”的分案申请。

技术领域

本申请涉及旋转电视技术领域，尤其涉及一种显示设备及旋转时UI显示方法。

背景技术

旋转社交电视是一种新型智能电视，主要包括显示屏和旋转组件。其中，显示屏通过旋转组件连接在支架或墙壁上，可通过旋转组件调节显示屏放置角度，达到旋转的目的。不同的显示屏放置角度可以适应不同宽高比的显示画面，例如，多数情况下显示屏横向放置，以显示宽高比为16:9的电影、电视剧等视频画面。当视频画面的宽高比为9:16的短视频、漫画等画面时，横向放置的显示屏需要对画面进行缩放，且在显示屏的两侧显示黑色区域。因此，可以通过旋转组件将显示屏竖向放置，以适应9:16比例的视频画面。

为了适应不同的显示屏放置角度，旋转社交电视的UI（User Interface，用户界面）会随着显示屏放置角度的变化而进行调整。例如，典型的社交电视在屏幕旋转时的UI显示方法为，先显示横屏状态的UI，在屏幕从横屏状态旋转切换到竖屏状态后，将UI切换为竖屏状态的UI。

但由于显示屏的转动过程多以电机驱动，而显示屏的体积和重量较大，导致旋转过程的旋转速度较慢。显示屏上所显示的UI画面会随着显示屏转动而出现方向倾斜，直到显示屏完全旋转至预定状态时，才能够切换为其他状态而回归正常方向。因此，用户需要长时间观看方向倾斜的UI画面，不仅降低用户体验，而且不便于用户在旋转期间执行操作交互，延长用户UI交互的等待时间。

发明内容

本申请提供了一种显示设备及旋转时UI显示方法，以缓解传统旋转社交电视屏幕旋转时长时间观看方向倾斜的UI画面的问题。

一方面，本申请提供一种显示设备，包括：显示器、旋转组件以及控制器；其中，所述旋转组件用于旋转所述显示器，以使所述显示器处于不同的旋转状态；所述控制器连接所述旋转组件和显示器，以及被配置为：

响应于所述显示器的旋转事件，实时获取所述显示器的转动数据以及所述转动数据归属的旋转状态；

提取旋转状态对应的UI界面，结合所述转动数据合成UI图像；

控制所述显示器显示所述UI图像，以使显示器显示的画面保持为正向的状态。

另一方面，本申请还提供一种旋转时UI显示方法，包括：

响应于所述显示器的旋转事件，实时获取所述显示器的转动数据以及所述转动数据归属的旋转状态；

提取旋转状态对应的UI界面，结合所述转动数据合成UI图像；

控制所述显示器显示所述UI图像，以使显示器显示的画面保持为正向的状态。

由以上技术方案可知，本申请提供一种显示设备及旋转时UI显示方法，所述显示设备包括：显示器、旋转组件以及控制器。其中，旋转组件用于旋转显示器，以使显示器处于不同的旋转状态，控制器可以响应于显示器的旋转事件，实时获取显示器的转动数据和旋转状态；再提取旋转状态对应的UI界面，结合转动数据合成UI图像；最后控制显示器显示UI图像，以使显示器显示的画面保持为正向的状态。在旋转过程中支持在UI界面进行操作，减少用户等待时间，提高用户体验。

附图说明

为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1A为本申请一些实施例提供的一种显示设备的应用场景图；

图1B为本申请一些实施例提供的一种显示设备的后视图；

图2为本申请一些实施例提供的图1中控制装置100的硬件配置框图；

图3为本申请一些实施例提供的图1中显示设备200的硬件配置框图；

图4为本申请一些实施例提供的显示设备200存储器中操作系统的架构配置框图；

图5A为本申请一些实施例提供的横屏状态UI界面示意图；

图5B为本申请一些实施例提供的竖屏状态UI界面示意图；

图5C为本申请一些实施例提供的横屏状态搜索界面示意图；

图5D为本申请一些实施例提供的竖屏状态切换控件示意图；

图6为本申请一些实施例提供的斜屏显示状态示意图；

图7为本申请提供的旋转时UI显示方法流程示意图；

图8为本申请一些实施例提供的触发旋转事件的流程示意图；

图9为本申请一些实施例提供的坐标轴示意图；

图10为本申请另一些实施例提供的触发旋转事件的流程示意图；

图11为本申请一些实施例提供的合成UI图像的流程示意图；

图12A为本申请一些实施例提供的UI界面surface图像示意图；

图12B为本申请另一些实施例提供的UI界面surface图像示意图；

图13为本申请一些实施例提供的裁切中间图像示意图；

图14为本申请一些实施例提供的基于基点裁切中间图像的流程示意图；

图15为本申请一些实施例提供的填充颜色流程示意图；

图16为本申请另一些实施例提供的合成UI图像的流程示意图；

图17为本申请一些实施例提供的对surface图像缩放示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

为方便用户在显示器不同的横竖屏状态展示目标媒资详情页，便于提升显示设备在不同观看状态时的用户观看体验，本申请实施例提供了一种显示设备、详情页展示方法及计算机存储介质，显示设备如旋转电视。需要说明的是，本实施例提供的方法不仅适用于旋转电视，还适用于其它显示设备，如计算机、平板电脑等。

本申请各实施例中使用的术语“模块”，可以是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合，能够执行与该元件相关的功能。

本申请各实施例中使用的术语“遥控器”，是指电子设备（如本申请中公开的显示设备）的一个组件，该组件通常可在较短的距离范围内无线控制电子设备。该组件一般可以使用红外线和/或射频（RF）信号和/或蓝牙与电子设备连接，也可以包括WiFi、无线USB、蓝牙、动作传感器等功能模块。例如：手持式触摸遥控器，是以触摸屏中用户界面取代一般遥控装置中的大部分物理内置硬键。

本申请各实施例中使用的术语“手势”，是指用户通过一种手型的变化或手部运动等动作，用于表达预期想法、动作、目的/或结果的用户行为。

本申请各实施例中使用的术语“硬件系统”，可以是指由集成电路（IntegratedCircuit，IC）、印刷电路板（Printed circuit board，PCB）等机械、光、电、磁器件构成的具有计算、控制、存储、输入和输出功能的实体部件。在本申请各个实施例中，硬件系统通常也会被称为主板（motherboard）或主芯片或控制器。

参见图1A，为本申请一些实施例提供的一种显示设备的应用场景图。如图1所示，控制装置100和显示设备200之间可以有线或无线方式进行通信。

其中，控制装置100被配置为控制显示设备200，其可接收用户输入的操作指令，且将操作指令转换为显示设备200可识别和响应的指令，起着用户与显示设备200之间交互的中介作用。如：用户通过操作控制装置100上频道加减键，显示设备200响应频道加减的操作。

控制装置100可以是遥控器100A，包括红外协议通信或蓝牙协议通信，及其他短距离通信方式等，通过无线或其他有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令，来控制显示设备200。如：用户可以通过遥控器上音量加减键、频道控制键、上/下/左/右的移动按键、语音输入按键、菜单键、开关机按键等输入相应控制指令，来实现控制显示设备200的功能。

控制装置100也可以是智能设备，如移动终端100B、平板电脑、计算机、笔记本电脑等。例如，使用在智能设备上运行的应用程序控制显示设备200。该应用程序通过配置可以在与智能设备关联的屏幕上，通过直观的用户界面(UI)为用户提供各种控制。

示例性的，移动终端100B可与显示设备200安装软件应用，通过网络通信协议实现连接通信，实现一对一控制操作的和数据通信的目的。如：可以使移动终端100B与显示设备200建立控制指令协议，通过操作移动终端100B上提供的用户界面的各种功能键或虚拟控件，来实现如遥控器100A布置的实体按键的功能。也可以将移动终端100B上显示的音视频内容传输到显示设备200上，实现同步显示功能。

显示设备200可提供广播接收功能和计算机支持功能的网络电视功能。显示设备可以实施为，数字电视、网络电视、互联网协议电视（IPTV）等。

显示设备200，可以是液晶显示器、有机发光显示器、投影设备。具体显示设备类型、尺寸大小和分辨率等不作限定。

显示设备200还与服务器300通过多种通信方式进行数据通信。这里可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器300可以向显示设备200提供各种内容和互动。示例的，显示设备200可以发送和接收信息，例如：接收电子节目指南(EPG)数据、接收软件程序更新、或访问远程储存的数字媒体库。服务器300可以一组，也可以多组，可以一类或多类服务器。通过服务器300提供视频点播和广告服务等其他网络服务内容。

在一些实施例中，如图1B所示，显示设备200包括旋转组件276，控制器250，显示器275，从背板上空隙处伸出的端子接口278以及和背板连接的旋转组件276，旋转组件276可以使显示器275进行旋转。从显示设备正面观看的角度，旋转组件276可以将显示屏旋转到竖屏状态，即屏幕竖向的边长大于横向的边长的状态，也可以将屏幕旋转至横屏状态，即屏幕横向的边长大于竖向的边长的状态。

图2中示例性示出了控制装置100的配置框图。如图2所示，控制装置100包括控制器110、存储器120、通信器130、用户输入接口140、用户输出接口150、供电电源160。

控制器110包括随机存取存储器（RAM）111、只读存储器（ROM）112、处理器113、通信接口以及通信总线。控制器110用于控制控制装置100的运行和操作，以及内部各部件之间的通信协作、外部和内部的数据处理功能。

示例性的，当检测到用户按压在遥控器100A上布置的按键的交互或触摸在遥控器100A上布置的触摸面板的交互时，控制器110可控制产生与检测到的交互相应的信号，并将该信号发送到显示设备200。

存储器120，用于在控制器110的控制下存储驱动和控制控制装置100的各种运行程序、数据和应用。存储器120，可以存储用户输入的各类控制信号指令。

通信器130在控制器110的控制下，实现与显示设备200之间控制信号和数据信号的通信。如：控制装置100经由通信器130将控制信号（例如触摸信号或控件信号）发送至显示设备200上，控制装置100可经由通信器130接收由显示设备200发送的信号。通信器130可以包括红外信号接口131和射频信号接口132。例如：红外信号接口时，需要将用户输入指令按照红外控制协议转化为红外控制信号，经红外发送模块进行发送至显示设备200。再如：射频信号接口时，需将用户输入指令转化为数字信号，然后按照射频控制信号调制协议进行调制后，由射频发送端子发送至显示设备200。

用户输入接口140，可包括麦克风141、触摸板142、传感器143、按键144等中至少一者，从而用户可以通过语音、触摸、手势、按压等将关于控制显示设备200的用户指令输入到控制装置100。

用户输出接口150，通过将用户输入接口140接收的用户指令输出至显示设备200，或者，输出由显示设备200接收的图像或语音信号。这里，用户输出接口150可以包括LED接口151、产生振动的振动接口152、输出声音的声音输出接口153和输出图像的显示器154等。例如，遥控器100A可从用户输出接口150接收音频、视频或数据等输出信号，并且将输出信号在显示器154上显示为图像形式、在声音输出接口153输出为音频形式或在振动接口152输出为振动形式。

供电电源160，用于在控制器110的控制下为控制装置100各元件提供运行电力支持。形式可以为电池及相关控制电路。

图3中示例性示出了显示设备200的硬件配置框图。如图3所示，显示设备200中可以包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、存储器260、用户接口265、视频处理器270、显示器275、音频处理器280、音频输出接口285、供电电源290。

调谐解调器210，通过有线或无线方式接收广播电视信号，可以进行放大、混频和谐振等调制解调处理，用于从多个无线或有线广播电视信号中解调出用户所选择的电视频道的频率中所携带的音视频信号，以及附加信息（例如EPG数据）。

调谐解调器210，可根据用户选择，以及由控制器250控制，响应用户选择的电视频道的频率以及该频率所携带的电视信号。

调谐解调器210，根据电视信号的广播制式不同，可以接收信号的途径有很多种，诸如：地面广播、有线广播、卫星广播或互联网广播等；以及根据调制类型不同，可以数字调制方式或模拟调制方式；以及根据接收电视信号的种类不同，可以解调模拟信号和数字信号。

在其他一些示例性实施例中，调谐解调器210也可在外部设备中，如外部机顶盒等。这样，机顶盒通过调制解调后输出电视信号，经过外部装置接口240输入至显示设备200中。

通信器220，是用于根据各种通信协议类型与外部设备或外部服务器进行通信的组件。例如显示设备200可将内容数据发送至经由通信器220连接的外部设备，或者，从经由通信器220连接的外部设备浏览和下载内容数据。通信器220可以包括WIFI模块221、蓝牙通信协议模块222、有线以太网通信协议模块223等网络通信协议模块或近场通信协议模块，从而通信器220可根据控制器250的控制接收控制装置100的控制信号，并将控制信号实现为WIFI信号、蓝牙信号、射频信号等。

检测器230，是显示设备200用于采集外部环境或与外部交互的信号的组件。检测器230可以包括声音采集器231，如麦克风，可以用于接收用户的声音，如用户控制显示设备200的控制指令的语音信号；或者，可以采集用于识别环境场景类型的环境声音，实现显示设备200可以自适应环境噪声。

在其他一些示例性实施例中，检测器230，还可以包括图像采集器232，如相机、摄像头等，可以用于采集外部环境场景，以自适应变化显示设备200的显示参数；以及用于采集用户的属性或与用户交互手势，以实现显示设备与用户之间互动的功能。

在其他一些示例性实施例中，检测器230，还可以包括光接收器，用于采集环境光线强度，以自适应显示设备200的显示参数变化等。

在其他一些示例性实施例中，检测器230，还可以包括温度传感器，如通过感测环境温度，显示设备200可自适应调整图像的显示色温。示例性的，当温度偏高的环境时，可调整显示设备200显示图像色温偏冷色调；当温度偏低的环境时，可以调整显示设备200显示图像色温偏暖色调。

外部装置接口240，是提供控制器250控制显示设备200与外部设备间数据传输的组件。外部装置接口240可按照有线/无线方式与诸如机顶盒、游戏装置、笔记本电脑等外部设备连接，可接收外部设备的诸如视频信号（例如运动图像）、音频信号（例如音乐）、附加信息（例如EPG）等数据。

其中，外部装置接口240可以包括：高清多媒体接口（HDMI）端子241、复合视频消隐同步（CVBS）端子242、模拟或数字分量端子243、通用串行总线（USB）端子244、组件（Component）端子（图中未示出）、红绿蓝（RGB）端子（图中未示出）等任一个或多个。

控制器250，通过运行存储在存储器260上的各种软件控制程序（如操作系统和各种应用程序），来控制显示设备200的工作和响应用户的操作。

如图3所示，控制器250包括随机存取存储器（RAM）251、只读存储器（ROM）252、图形处理器253、CPU处理器254、通信接口255、以及通信总线256。其中，RAM251、ROM252以及图形处理器253、CPU处理器254通信接口255通过通信总线256相连接。

ROM252，用于存储各种系统启动指令。如在接收到开机信号时，显示设备200电源开始启动，CPU处理器254运行ROM252中的系统启动指令，将存储在存储器260的操作系统拷贝至RAM251中，以开始运行启动操作系统。当操作系统启动完成后，CPU处理器254再将存储器260中各种应用程序拷贝至RAM251中，然后，开始运行启动各种应用程序。

图形处理器253，用于产生各种图形对象，如图标、操作菜单、以及用户输入指令显示图形等。图形处理器253可以包括运算器，用于通过接收用户输入各种交互指令进行运算，进而根据显示属性显示各种对象；以及包括渲染器，用于产生基于运算器得到的各种对象，将进行渲染的结果显示在显示器275上。

CPU处理器254，用于执行存储在存储器260中的操作系统和应用程序指令。以及根据接收的用户输入指令，来执行各种应用程序、数据和内容的处理，以便最终显示和播放各种音视频内容。

在一些示例性实施例中，CPU处理器254，可以包括多个处理器。多个处理器可包括一个主处理器以及多个或一个子处理器。主处理器，用于在显示设备预加载模式中执行显示设备200的一些初始化操作，和/或，在正常模式下显示画面的操作。多个或一个子处理器，用于执行在显示设备待机模式等状态下的一种操作。

通信接口255，可包括第一接口到第n接口。这些接口可以是经由网络被连接到外部设备的网络接口。

控制器250可以控制显示设备200的整体操作。例如： 响应于接收到用于选择在显示器275上显示的GUI对象的用户输入命令，控制器250便可以执行与由用户输入命令选择的对象有关的操作。

其中，该对象可以是可选对象中的任何一个，例如超链接或图标。该与所选择的对象有关的操作，例如显示连接到超链接页面、文档、图像等操作，或者执行与对象相对应的程序的操作。该用于选择GUI对象的用户输入命令，可以是通过连接到显示设备200的各种输入装置(例如，鼠标、键盘、触摸板等)输入命令或者与由用户说出语音相对应的语音命令。

存储器260，用于存储驱动和控制显示设备200运行的各种类型的数据、软件程序或应用程序。存储器260可以包括易失性和/或非易失性存储器。而术语“存储器”包括存储器260、控制器250的RAM251和ROM252、或显示设备200中的存储卡。

在一些实施例中，存储器260具体用于存储驱动显示设备200中控制器250的运行程序；存储显示设备200内置的和用户从外部设备下载的各种应用程序；存储用于配置由显示器275提供的各种GUI、与GUI相关的各种对象及用于选择GUI对象的选择器的视觉效果图像等数据。

在一些实施例中，存储器260具体用于存储调谐解调器210、通信器220、检测器230、外部装置接口240、视频处理器270、显示器275、音频处理器280等的驱动程序和相关数据，例如从外部装置接口接收的外部数据（例如音视频数据）或用户接口接收的用户数据（例如按键信息、语音信息、触摸信息等）。

在一些实施例中，存储器260具体存储用于表示操作系统(OS)的软件和/或程序，这些软件和/或程序可包括，例如：内核、中间件、应用编程接口(API)和/或应用程序。示例性的，内核可控制或管理系统资源，以及其它程序所实施的功能（如所述中间件、API或应用程序）；同时，内核可以提供接口，以允许中间件、API或应用程序访问控制器，以实现控制或管理系统资源。

图4中示例性示出了显示设备200存储器中操作系统的架构配置框图。该操作系统架构从上到下依次是应用层、中间件层和内核层。

应用层，系统内置的应用程序以及非系统级的应用程序都是属于应用层。负责与用户进行直接交互。应用层可包括多个应用程序，如设置应用程序、电子帖应用程序、媒体中心应用程序等。这些应用程序可被实现为Web应用，其基于WebKit引擎来执行，具体可基于HTML5、层叠样式表（CSS）和JavaScript来开发并执行。

这里，HTML，全称为超文本标记语言（Hyper Text Markup Language），是一种用于创建网页的标准标记语言，通过标记标签来描述网页，HTML标签用以说明文字、图形、动画、声音、表格、链接等，浏览器会读取HTML文档，解释文档内标签的内容，并以网页的形式显示出来。

CSS，全称为层叠样式表（Cascading Style Sheets），是一种用来表现HTML文件样式的计算机语言，可以用来定义样式结构，如字体、颜色、位置等的语言。CSS样式可以直接存储与HTML网页或者单独的样式文件中，实现对网页中样式的控制。

JavaScript，是一种应用于Web网页编程的语言，可以插入HTML页面并由浏览器解释执行。其中Web应用的交互逻辑都是通过JavaScript实现。JavaScript可以通过浏览器，封装JavaScript扩展接口，实现与内核层的通信，

中间件层，可以提供一些标准化的接口，以支持各种环境和系统的操作。例如，中间件层可以实现为与数据广播相关的中间件的多媒体和超媒体信息编码专家组（MHEG），还可以实现为与外部设备通信相关的中间件的DLNA中间件，还可以实现为提供显示设备内各应用程序所运行的浏览器环境的中间件等。

内核层，提供核心系统服务，例如：文件管理、内存管理、进程管理、网络管理、系统安全权限管理等服务。内核层可以被实现为基于各种操作系统的内核，例如，基于Linux操作系统的内核。

内核层也同时提供系统软件和硬件之间的通信，为各种硬件提供设备驱动服务，例如：为显示器提供显示驱动程序、为摄像头提供摄像头驱动程序、为遥控器提供按键驱动程序、为WIFI模块提供WiFi驱动程序、为音频输出接口提供音频驱动程序、为电源管理（PM）模块提供电源管理驱动等。

图3中，用户接口265，接收各种用户交互。具体的，用于将用户的输入信号发送给控制器250，或者，将从控制器250的输出信号传送给用户。示例性的，遥控器100A可将用户输入的诸如电源开关信号、频道选择信号、音量调节信号等输入信号发送至用户接口265，再由用户接口265转送至控制器250；或者，遥控器100A可接收经控制器250处理从用户接口265输出的音频、视频或数据等输出信号，并且显示接收的输出信号或将接收的输出信号输出为音频或振动形式。

在一些实施例中，用户可在显示器275上显示的图形用户界面（GUI）输入用户命令，则用户接口265通过GUI接收用户输入命令。确切的说，用户接口265可接收用于控制选择器在GUI中的位置以选择不同的对象或项目的用户输入命令。其中，“用户界面”，是应用程序或操作系统与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面（graphic userinterface，GUI），是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、控件、菜单、选项卡、文本框、对话框、状态栏、频道栏、Widget等可视的界面元素。

或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户接口265通过传感器识别出声音或手势，来接收用户输入命令。

视频处理器270，用于接收外部的视频信号，根据输入信号的标准编解码协议，进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频数据处理，可得到直接在显示器275上显示或播放的视频信号。

示例的，视频处理器270，包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等。

其中，解复用模块，用于对输入音视频数据流进行解复用处理，如输入MPEG-2流（基于数字存储媒体运动图像和语音的压缩标准）,则解复用模块将其进行解复用成视频信号和音频信号等。

视频解码模块，用于对解复用后的视频信号进行处理，包括解码和缩放处理等。

图像合成模块，如图像合成器，其用于将图形生成器根据用户输入或自身生成的GUI信号，与缩放处理后视频图像进行叠加混合处理，以生成可供显示的图像信号。

帧率转换模块，用于对输入视频的帧率进行转换，如将输入的60Hz视频的帧率转换为120Hz或240Hz的帧率，通常的格式采用如插帧方式实现。

显示格式化模块，用于将帧率转换模块输出的信号，改变为符合诸如显示器显示格式的信号，如将帧率转换模块输出的信号进行格式转换以输出RGB数据信号。

显示器275，用于接收源自视频处理器270输入的图像信号，进行显示视频内容、图像以及菜单操控界面。显示视频内容，可以来自调谐解调器210接收的广播信号中的视频内容，也可以来自通信器220或外部装置接口240输入的视频内容。显示器275，同时显示显示设备200中产生且用于控制显示设备200的用户操控界面UI。

以及，显示器275可以包括用于呈现画面的显示屏组件以及驱动图像显示的驱动组件。或者，倘若显示器275为一种投影显示器，还可以包括一种投影装置和投影屏幕。

旋转组件276，控制器可以发出控制信号使旋转组件276旋转显示器255。

音频处理器280，用于接收外部的音频信号，根据输入信号的标准编解码协议，进行解压缩和解码，以及降噪、数模转换、和放大处理等音频数据处理，得到可以在扬声器286中播放的音频信号。

示例性的，音频处理器280可以支持各种音频格式。例如MPEG-2、MPEG-4、高级音频编码（AAC）、高效AAC（HE-AAC）等格式。

音频输出接口285，用于在控制器250的控制下接收音频处理器280输出的音频信号，音频输出接口285可包括扬声器286，或输出至外接设备的发生装置的外接音响输出端子287，如耳机输出端子。

在其他一些示例性实施例中，视频处理器270可以包括一个或多个芯片组成。音频处理器280，也可以包括一个或多个芯片组成。

以及，在其他一些示例性实施例中，视频处理器270和音频处理器280，可以为单独的芯片，也可以与控制器250一起集成在一个或多个芯片中。

供电电源290，用于在控制器250的控制下，将外部电源输入的电力为显示设备200提供电源供电支持。供电电源290可以是安装在显示设备200内部的内置电源电路，也可以是安装在显示设备200外部的电源。

参见图5A，为本申请一些实施例提供的图1中显示设备的横屏状态的示意图。参见图5B，为本申请一些实施例提供的图1中显示设备的竖屏状态的示意图。显示器275处于横屏状态时的操作模式可以称为横屏媒资观看模式，对应显示的UI界面为横屏状态下的UI界面；显示器处于竖屏状态时的操作模式可以称为竖屏媒资观看模式，对应显示的UI界面为竖屏状态下的UI界面。

UI界面上可以显示多种类型的图像，包括用于执行用户交互的各种操作控件，例如返回按钮、系统应用图标等，以及用于表征媒资的图案，例如，电影海报、播放链接、推荐资源等。实际应用中，不同旋转状态对应不同的操作控件与图案的布局方式。例如，在图5A中，整个UI界面的上部区域可以显示与系统相关的操作控件，包括状态栏、导航栏、页面标签等；UI界面的中下部区域可以展示显示媒资图案。显然，媒资图案可以根据具体资源的不同进行不断更新，则显示设备200可进一步与服务器300通信连接，用于调用服务器300的接口，获取相应数据。

在本申请实施例中，显示设备200包括显示器275、旋转组件276以及控制器250，其中，显示器275能够根据用户需求进行旋转，用户通过向控制器250发送触发旋转的操作指令，使控制器250接收并响应于用户发送的触发旋转的操作指令，转换显示器275的旋转状态。旋转状态可以包括横屏状态或竖屏状态，还可以包括横屏状态、竖屏状态以外的其他状态。其中，横屏状态对应横屏媒资观看模式，竖屏状态对应竖屏媒资观看模式。

为了驱动显示器275进行旋转，显示设备200包括旋转组件276，该旋转组件276能够将显示设备200进行固定，并能够在控制器250的控制下，控制显示器275旋转以使显示器275处于横屏状态或竖屏状态。在一些实施例中，该旋转组件276固定在显示器275的背面，旋转组件276用于和墙面固定，且旋转组件276接收控制器250的控制，使显示器275在竖直的平面内进行旋转，使得显示器275处于横屏状态和竖屏状态。所述横屏状态是指，从显示器275正面观看时，所述显示器275水平方向上的长度大于竖直方向上的长度的状态；所述竖屏状态是指，从显示器275正面观看时，所述显示器275水平方向上的长度小于竖直方向上的长度的状态。其中，所述竖直在本申请中是指大致竖直，竖屏方向是指大致水平。

在不同的旋转状态下，显示器275上可以呈现不同的UI界面，不同的UI界面可以为用户呈现不同的操作方式。例如，在一种实现方式中，显示设备200启动后，可以通过检测当前显示器275所处的旋转状态，显示不同的UI界面。例如，如果显示器275处于横屏状态，请求调用服务器300的接口，向服务器300发送横屏数据的获取请求。服务器300响应于该获取请求，并将横屏数据下发至控制器250，如下发电影、电视剧等媒资链接及封面图像至控制器250。控制器250对横屏数据进行识别，并根据UI界面布局控制显示器275显示出横屏状态下的UI界面。

可见，在图5A中示出的UI界面中，显示电影、电视剧等媒资链接及封面图像的区域因宽度较高度更大，因此可以横向排布多个媒资链接及封面图像，构成资源阵列。用户通过控制装置100上的“上、下、左、右”键可以将焦点定位在不同的资源图像上，并且在媒资对应区域最下一排资源链接上再按“下”键，可以实现对资源阵列进行翻页或下拉操作，以显示更多的资源图像。

又例如，在图5B中示出的UI界面上，显示短视频、漫画资源的链接及封面图像也同样构成资源阵列。由于竖屏状态下屏幕宽度相对于高度较小，因此竖屏的资源阵列以纵向阵列为主。同样，用户通过控制装置100上的“上、下、左、右”键可以将焦点定位在不同的资源图像上，并且在媒资对应区域最下一排资源链接上再按“下”键，可以实现对资源阵列进行翻页或下拉操作，以显示更多的资源图像。

显然，UI界面并不局限于上述图5A、图5B中示出的情况，还可以随着用户的交互操作展示不同的交互UI界面。在部分UI界面中，可能仅包含操作控件，不包含媒资图案。例如，用户通过控制装置100在状态栏上选定搜索对应的操作控件时，可以调用“搜索”界面，如图5C所示。在“搜索”界面上，可以在画面的中部显示文本输入框；在输入框的下方，显示虚拟键盘，以供用户输入关键词。

在部分UI界面中，还可能只包含媒资图案或者播放画面，而不包含或隐藏操作控件。例如，当用户进入竖屏媒资观看模式，通过竖屏主页浏览短视频时，播放短视频的界面上可以没有或隐藏操作控件。而当用户想要结束短视频的观看，并想要观看电视剧时，用户可以通过点击控制装置100上的返回键退出播放UI界面，或者点击通过控制装置100上的确认键，显示隐藏的操作控件。此时，如图5D所示，用户可选择“观看正片”控件向控制器250发送触发旋转的操作指令，则控制器250控制显示器275旋转，并控制显示器275显示出出横屏UI界面。

在不同的旋转状态之间进行切换时，由于旋转组件276需要带动体积和重量都较大的显示器275进行转动，因此转动速度较慢，显示器275需要较长时间才能从一种旋转状态切换到另一种旋转状态。以横屏状态切换到竖屏状态为例，通常用户在输入旋转指令后，旋转组件276需要带动显示器275旋转10-20s，方能完成旋转状态的切换。而对于不同的显示设备200，其可处于的旋转状态可能存在多种，例如：横屏状态、+90度竖屏状态以及-90度竖屏状态，因此切换过程可能经过多个旋转状态，如从+90度竖屏状态旋转至-90度竖屏状态的过程消耗的时间会更长。

由于在旋转过程中，显示器275的屏幕会发生倾斜转动，因此显示器275屏幕上所呈现的UI界面也会随着转动过程发生倾斜。例如，如图6所示，显示器275从横屏状态切换至竖屏状态的过程中，显示器275会逆时针转动90度，在转动过程中显示器275上仍然显示横屏状态下的UI界面，直至转动到竖屏状态时，才将显示器275上显示的UI界面切换为竖屏状态，因此用户需要长时间观看倾斜的UI界面。而由于UI界面是倾斜的，因此原始横屏状态下的“上、下、左、右”的方位也会发生变化，用户很难分清具体方位，即无法通过控制装置100实施操作控制。

为了缓解用户在显示器275的旋转过程中长时间观看倾斜的UI界面，也便于用户在显示器275旋转过程中能够执行交互操作，如图7所示，本申请可以对控制器250进一步配置为执行以下程序步骤，以控制屏幕旋转时的UI界面显示：

S1：响应于所述显示器的旋转事件，实时获取所述显示器的转动数据以及所述转动数据归属的旋转状态。

实际应用中，控制器250可以对显示器275的旋转事件进行实时监听，当监听到显示器275发生旋转后，可以实时获取显示器275的转动数据。其中，旋转事件是指显示器275的放置角度发生变化的事件，由于显示器275的旋转过程是一个持续过程，因此随着显示器275的旋转过程，显示器275的放置角度会不断发生变化，即显示器275一直保持在旋转事件状态中。

转动数据可以用于指示显示器275在当前时刻对应的姿态，例如可以是转动的角度、倾斜的角度等。随着持续的旋转过程，控制器250可以不断地获取转动数据，例如可以在旋转事件的持续时间内，按照设定的采样频率获取转动数据，例如将显示设备的采样频率设置为显示器275屏幕的刷新率，如30Hz或60Hz。对于每一次获取的转动数据，控制器250可以对其进行分析，确定其归属的旋转状态。本申请中可以依据判断当前转动数据对应的显示器275姿态更接近于何种状态，而确定转动数据所归属的旋转状态。

例如，在触发显示器275的旋转事件后，控制器250获取转动数据为“+13度”，即显示器275相对于横屏状态顺时针转动了13度。通过判断显示器275当前姿态与两种旋转状态之间相差的角度可知，当前与横屏状态相差13度，与竖屏状态相差77度，则确定当前显示器275整体所处姿态更接近于横屏状态，因此，当前转动数据归属于横屏状态。又例如，在显示器275进入旋转事件后，控制器250获取转动数据为-75度，即相对于横屏状态逆时针转动了75度，则确定当前显示器275整体所处姿态更接近于竖屏状态，因此，可确定当前转动数据归属于竖屏状态。

S2：提取旋转状态对应的UI界面，结合所述转动数据合成UI图像。

控制器250在获取到旋转数据以及旋转数据对应的旋转状态以后，可以提取旋转状态对应的UI界面。例如，当前旋转数据归属于横屏状态，则从操作系统程序中获取横屏状态下的UI界面。本申请中，提取旋转状态对应的UI界面后，可以先不在显示器275的屏幕上进行显示，而是将UI界面的图形成画面进行调整处理，从而结合转动数据合成新的UI图像。

由于在显示器275的旋转过程中，屏幕上的UI界面会随着显示器275一起转动而处于倾斜状态。为了消除这种倾斜状态，显示器275上呈现的UI图像也应该进行转动调整，即以显示器275为参考时，UI图像为倾斜的状态。显然，如果显示器275顺时针转动，则为了消除倾斜，UI图像需相对于显示器275逆时针转动同样的角度；如果显示器275逆时针转动，则UI图像需相对于显示器275顺时针转动同样的角度。如此，从用户观看的方向为参考，UI图像才能一直处于正向的状态。因此，在本申请中，结合所述转动数据合成UI图像应至少包括对UI界面的表层图像进行旋转处理。

S3：控制所述显示器显示所述UI图像，以使显示器显示的画面保持为正向的状态。

在合成UI图像后，控制器250可以控制显示器275对合成的UI图像进行显示。由于显示器275和UI界面均发生了转动，因此显示器显示的画面可以保持为正向的状态。例如，获取的转动数据为当前显示器275逆时针旋转了23度，则需要对UI界面对应的表层图像顺时针旋转23度，合成UI图像。此时，如果以显示器275屏幕为参考，则UI图像相对于显示器275屏幕顺时针旋转23度，而在用户角度，则呈现为正向显示的状态。

由以上技术方案可知，本申请提供的显示设备200，通过在控制器250中配置UI显示的控制程序，可以让显示设备200在屏幕旋转时，UI界面始终正向呈现给用户。从而在旋转时，缓解用户长时间观看倾斜画面带来的体验影响，同时在旋转过程中用户可以继续在UI界面上实施交互操作，无需等待旋转时间。

本申请中，对于响应于所述显示器的旋转事件，实时获取所述显示器275的转动数据以及所述转动数据归属的旋转状态的步骤，所述显示器275的旋转事件可以由用户主动发起触发。例如，用户通过控制装置100发出旋转指令或者通过在UI界面上执行旋转显示器275的操作，触发生成旋转指令，控制器250在接收到旋转指令后，可以控制旋转组件276进行转动，即触发显示器275的旋转事件。

所述显示器275的旋转事件还可以由控制器250根据显示需求与显示器275的放置状态自动确定。例如，用户在横屏状态启动需要竖屏状态支持的短视频、漫画等应用时，需要对显示器275的旋转状态进行切换，则进入旋转事件。需要说明的是，本申请的部分实施例中，显示设备200中的应用可以包括三类，即仅支持横屏状态的应用；仅支持竖屏状态的应用，以及同时支持横屏状态和竖屏状态的应用。

因此，基于上述自动确定旋转事件的情况，在一种实现方式中，所述显示器275内设有重力加速度传感器，所述转动数据包括所述重力加速传感器检测的转动坐标值。如图8所示，所述控制器被进一步配置为：

S111：监听所述重力加速传感器检测的转动坐标值。

重力加速度传感器可以实时感知加速力的变化，即确定重力相对于显示器275的作用方向，从而确定当前显示器275的姿态。由于在本申请中，显示器275仅是在竖直平面内进行旋转，因此重力加速度传感器可以采用测量角加速度的陀螺仪。使用过程中，控制器250会实时对重力加速度传感器进行监听，从而在传感器的回调事件中，获得转动坐标值，用于表征当前显示器275偏移的坐标。

示例的，如图9所示，当显示设备200以横屏状态安装在墙壁上时，显示器275的显示屏默认平行于墙面。从用户观看方向，以垂直向上方向作为X轴，以水平向左方向作为Y轴，以垂直于屏幕正面外边方向作为Z轴。当旋转组件276驱动显示器275进行旋转时，这些坐标轴跟随设备转动，则在逆时针转动过程中，要保持Z轴不变，X轴和Y轴逆时针旋转。在旋转过程中，陀螺仪可以检测出在各轴上的角度分量，从而确定显示器275所处的姿态。例如，检测的转动坐标值为（0,0,0），表示当前显示器275处于初始0位的姿态，即横屏状态；又例如，检测的转动坐标值为（90,90,0），表示当前显示器275处于竖屏状态。

S112：如果所述转动坐标值相对于零位坐标发生变化，触发所述显示器的旋转事件。

通过监听重力加速传感器检测的转动坐标值，可以确定转动坐标值是否相对于零位坐标发生变化，即显示器275是否进行了旋转。如果在某一时刻监听到重力加速传感器检测的转动坐标值相对于零位坐标发生了变化，即触发所述显示器275的旋转事件。例如，检测到的转动坐标值为（30,30,0），则相对于零位坐标（0,0,0）发生变化，触发所述显示器275的旋转事件。触发所述显示器275的旋转事件后，控制器250能够响应于所述显示器275的旋转事件，实时获取所述显示器的转动数据以及所述转动数据归属的旋转状态。

S113：根据所述转动坐标值计算所述显示器的转动角度。

实际应用中，由于控制器250对于重力加速度传感器的监听是以转动坐标值为依据，因此，可以将检测的转动坐标值进行提取计算，获得显示器275的转动角度。例如，检测到的转动坐标值为（30,30,0），则相对于零位坐标（0,0,0）的转角变化为30度，即显示器275从横屏状态逆时针旋转了30度。

S114：判断所述转动角度所处的预设转角区间，获得所述转动数据归属的旋转状态。

在计算显示器275的转动角度后，控制器250可以对转动角度进行判断，确定转动角度所处的预设转角区间。其中，所述旋转状态包括竖屏状态和横屏状态，所述预设转角区间包括由预设角度阈值划分的横屏区间和竖屏区间。预设角度阈值是显示设备200切换UI界面时的界限值，可以根据显示设备200的结构特点进行设定。例如，预设角度阈值为45度，即在显示器275旋转角度小于45度时，显示横屏状态下的UI界面；在显示器275旋转角度大于45度时，切换为显示竖屏状态下的UI界面。

因此，在计算获得显示器275的转动角度后，可以判断所述转动角度所处的预设转角区间。如果所述转动角度处于所述横屏区间，确定所述转动数据归属于横屏状态；如果所述转动角度处于所述竖屏区间，确定所述转动数据归属于竖屏状态。例如，横屏区间为（0-45度），竖屏区间为（45-90度），当检测到显示器275的转动角度为30度时，确定转动角度所处的预设转角区间为横屏区间（0-45度）。需要说明的是，在实际应用中，可以根据实际UI显示策略设定角度阈值。例如，预设角度阈值为90度，即只有在显示器275完全旋转至竖屏状态时，才将显示UI界面调整为竖屏状态对应的UI界面。

另外，还可以直接比对转动角度与预设角度阈值，从而确定转动数据归属的旋转状态。即控制器250还被配置为对比所述转动角度与预设角度阈值，如果所述转动角度小于或等于所述预设角度阈值，获取横屏状态下的UI界面；如果所述转动角度大于所述预设角度阈值，获取竖屏状态下的UI界面。

在一种实现方式中，所述旋转组件276上设有角度传感器，所述转动数据包括所述角度传感器检测的所述显示器275的转动角度。如图10所示，所述控制器250被进一步配置为：

S121：监听所述角度传感器检测的转动角度。

角度传感器可以设置在旋转组件276的转轴位置上，能够对旋转组件276转动的角度进行检测。角度传感器可以是能够满足检测精度要求的任何形式的角度传感器，如光栅角度传感器、电磁角度传感器、滑动电阻等。通过角度传感器可以直接检测到显示器275的转动角度，便于后续计算。

S122：如果所述转动角度相对于初始0值发生变化，触发所述显示器的旋转事件。

实际应用中，可以设定一种旋转状态下对应的角度传感器数值为初始0值，即传感器的标定0度。当转动角度不等于0度时，确定旋转组件276发生了转动，即触发显示器275的旋转事件。例如，设定横屏状态为初始0值，通过角度传感器检测到转动角度为30度，则触发显示器275的旋转事件。

需要说明的是，上述示例中是否触发显示器275的旋转事件是针对一次检测过程而言，并非累计到达30度时才触发旋转事件，即只要旋转角度不等于0则确定此次检测过程触发显示器275的旋转事件。如果下一次检测过程测量的转动角度为31度，则仍然触发显示器275的旋转事件。同理，如果上一次检测过程测量的转动角度为29度，也触发显示器275的旋转事件。

S123：判断所述转动角度所处的预设转角区间，获得所述转动数据归属的旋转状态。

与上述实施例相同，在触发显示器275的旋转事件后，可以根据转动角度所处的预设转角区间，获得所述转动数据归属的旋转状态。例如，角度传感器检测的转动角度为30度，则转动角度处在（0-45度）横屏区间，确定转动数据归属的旋转状态为横屏状态，相应的获取横屏状态下的UI界面。

上述实施例中，控制器250可以通过监听显示器275上的重力加速度传感，和/或旋转组件276上的角度传感器获取转动数据，即当前显示器276对应所处的姿态，不仅能够用于自动感知显示器275是否进行了旋转，而且可以用于后续通过转动数据对UI界面进行合成处理，使显示器275旋转时显示的UI界面始终保持在正向的状态。

为了对显示的UI界面进行调整，使显示器275在旋转过程中，其上显示的画面始终处于正向的状态，在一种实现方式中，如图11所示，提取旋转状态对应的UI界面，结合所述转动数据合成UI图像的步骤还包括以下步骤，即，所述控制器被进一步配置为：

S211：获取当前旋转状态对应UI界面的surface图像，以所述surface图像处于正向的状态合成中间图像。

其中，surface图像是UI界面中表层图像，也是用户所能够直观看到的显示画面。在实际应用中，为了呈现UI界面，实现用户的交互功能，操作系统的UI界面可以包括但不限于框架层、应用层和显示层。其中，基于框架层提供的软件架构，可以将应用层对应的应用程序与显示层对应的控件关联在一起。用户只能够看到显示层对应的显示画面，但显示画面中的每个控件均与应用层上的程序有关。例如，在UI界面中，用户能够看到一个由电影或电视剧封面构成的显示图标，其对应于电影或电视剧对应的资源链接以及相应的播放程序，当用户选择图标进行播放时，可以调用应用层上的播放程序对资源进行解码，以展示对应的画面。

对于surface图像，其在UI界面的基础上，会随着用户的交互过程而展示出不同的画面。用户可以通过交互操作，将UI界面中的焦点设置在任意一个控件上，当处于不同的控件上时，surface图像是不同的。例如，UI界面中的导航栏下方设有多个资源图标，当用户将焦点移动至“资源1”时，“资源1”对应的图标被框选、放大或高亮显示，如图12A所示；当用户将焦点移动至“资源1”时，“资源1”对应的图标被框选、放大或高亮显示，如图12B所示。因此，不同操作模式下，对应的surface图像是不同的。

本实施例中，通过对UI界面的surface图像进行提取，以合成处于正向状态的中间图像，可以在显示器275的旋转过程中，合成的中间图像上带有用户交互动作对应的画面，因此可以实现在转动过程中依然能够完成用户的交互控制。

在获取旋转状态对应UI界面的surface图像后，可以根据此时转动数据，将surface图像进行旋转，再合成中间图像，以使surface图像处于正向的状态。例如，当前转动数据为显示器275逆时针转动了30度，则将UI界面的surface图像顺时针转动30度，获得中间图像。

S212：根据所述显示器的屏幕边界裁切所述中间图像。

由于显示器275进行了转动，因此显示器275会发生倾斜，而不能将UI界面中的全部图案完全显示。因此若想在显示器275的屏幕上正确显示UI界面，需要对中间图像进行裁切，具体裁切方式可以为，先根据转动数据获取当前显示器275的姿态，确定显示器275对应的屏幕边缘位置，再根据边缘位置对中间图像进行裁切，以确定能够显示的区域。

例如，如图13所示，在显示器275逆时针转动30度后，对应横屏状态UI界面的四角区域将有部分画面不能完全显示，因此，可以根据显示器275屏幕的宽高比，以及在转动30度时，屏幕的边界位置，对中间图像的四角区域进行裁切。

S213：对比所述中间图像与显示器的屏幕边界，定位填充区域。

同样，由于显示器275处于倾斜状态，在出现UI界面显示不完全的同时，也会出现UI界面的部分区域没有内容可以显示，这部分区域即填充区域。例如，如图13所示，在显示器275逆时针转动30度后，对应横屏状态UI界面的靠近边缘的位置将出现填充区域。

S214：基于所述中间图像的边界颜色对所述填充区域进行颜色填充，获得UI图像。

通常，对于填充区域，由于区域内无内容可以显示，显示器275可以进行插黑或插蓝处理，但单纯的插黑或插蓝处理很容易与UI界面产生违和感，因此，为了获得更好的显示效果，本实施例中可以基于中间图像的边界颜色对所述填充区域进行颜色填充，从而使填充区域能够与中间图像对应图案的颜色相适应，达到平缓过渡的显示效果。

可见，本实施例在显示器275的旋转过程中，可对合成的中间图像进行裁剪之后，对显示存在的漏边现象，没有采用简单的插蓝、插黑等处理，而是选取与UI界面边界类似的颜色进行填充，保证显示的一致性，缓解颜色跳跃度大带来的生硬感体验。

由于在合成中间图像后，为适应显示器275屏幕的倾斜状态，需要对UI界面的部分区域进行裁切，而裁切的位置会直接影响画面的显示效果，因此在对合成图像进行裁切时，可以按照设定的基点进行，以尽可能保留有用的画面图像。例如，可以UI界面surface图像的四个顶点作为裁切的基点，对基点另一侧的图像进行裁切，以保留基点附近的UI界面。基点还可以选在为surface图像上的其他点，例如常用控件区域附近的点，以在裁切时保留常用控件。

对于大多数可旋转的显示设备200，驱动其转动的旋转组件276通常安装在，显示器275对应的屏幕中心位置，因此也可以显示器275的中间位置为裁切的基点，对UI界面的边缘进行裁切，因此，根据所述显示器的屏幕边界裁切所述中间图像的步骤还可以包括如下步骤，即如图14所示，所述控制器250被进一步配置为：

S2121：定位所述中间图像和显示器的屏幕中心点，以及定位当前转动数据对应显示器的屏幕边界位置；

S2122：移动所述中间图像，将所述中间图像的中心点与所述屏幕中心点重合；

S2123：基于所述中间图像的中心点，沿在屏幕边界位置裁切所述中间图像。

本实施例中，可以先定位中间图像的中心点和显示器275的屏幕中心点，再通过移动中间图像，使中间图像的中心点与屏幕的中心点重合。对于旋转组件276设置在显示器275的中心点位置的情况，可以无需对中间图像进行移动就可以使得中间图像的中心点与所述屏幕中心点重合。再基于所述中间图像的中心点，沿在屏幕边界位置裁切所述中间图像。例如，如图13所示，在显示器275逆时针转动30度后，对中间图像的左上角和右下角区域按照虚线位置进行裁切。

由于UI界面中的色彩较丰富，中间图像的边缘区域的颜色可能不仅一种，因此在对填充区域填充颜色时，容易受到边界颜色影响而使填充的颜色与UI界面中的主要颜色不一致。为了改善上述问题，如图15所示，基于所述中间图像的边界颜色对所述填充区域进行颜色填充，获得UI图像的步骤中，所述控制器被进一步配置为：

S2141：在所述中间图像的边界区域内，选取多个颜色采样点；

S2142：获取每个颜色采样点上的像素色值；

S2143：确定填充颜色值，所述填充颜色值为根据多个颜色采样点对应像素色值计算的色值平均值；

S2144：按照填充颜色值在所述填充区域内渲染图案。

实际应用中，可以根据UI界面的显示分辨率，在中间图像中先划定一个边界区域，例如边缘向内的指定行像素范围。在确定边界区域后，还可以在边界区域中选取多个颜色采样点，用户确定边界区域的主色调。选取的颜色采样点的数量可以根据实际UI界面的复杂程度进行设定。例如可以在边界区域中选定3-4个采样点。而具体选择哪些像素点作为颜色采样点，本申请不做限定，可以在边界区域中随机选择，也可以指定部分固定点，例如四个顶点作为颜色采样点。

在选取多个采样点后，可以对每个颜色采样点上对应的像素色值进行读取。例如，颜色采样点的色值可以为基于RGB颜色表现方式的向量，也可以为其他的颜色值表示方式。在获取每个颜色采样点上的像素色值后，可以进一步对多个颜色采样点对应像素色值计算色值平均值，从而确定填充颜色。最后，按照填充颜色值在所述填充区域内渲染图案。可见，在本实施例中，可以根据边界区域的颜色值进行计算，确定边界区域的主色调，从而对填充区域进行填充，使填充的区域与UI界面的颜色相适应，提高用户体验。

上述实施例可实现在旋转显示器275的时候，使显示的UI界面内容始终处于正向的状态，但为了适应倾斜的显示器275姿态，需要对UI界面对应的中间图像进行裁切，因此可能使UI界面显示不全，即丢失了部分显示画面。为了使UI界面完全显示，在一种实现方式中，如图16所示，提取旋转状态对应的UI界面，结合所述转动数据合成UI图像的步骤，所述控制器250被进一步配置为：

S221：获取当前旋转状态对应UI界面的surface图像；

S222：按照所述转动数据对应的显示屏姿态缩放所述surface图像，以及，以所述surface图像处于正向的状态合成中间图像；

S223：对比所述中间图像与显示器的屏幕边界，定位填充区域；

S224：基于所述中间图像的边界颜色对所述填充区域进行颜色填充，获得UI图像。

本实施例与上述实施例的区别在于，获取UI界面的surface图像后，还根据显示器275的当前姿态，对surface图像进行缩放，使显示器275能够显示全部的UI界面，如图17所示。而对缩放后所形成的空白区域，可以按照上述实施例的方式，进行填充获得UI图像。

上述实施例中，如果显示器275的旋转角度在横屏状态对应的角度区间内，则以横屏状态下UI界面的surface图像合成中间图像以及UI图像；如果显示器275的旋转角度在竖屏状态对应的角度区间内，则以竖屏状态下UI界面的surface图像合成中间图像以及UI图像。

例如，设定横竖屏状态的切换角度阈值为45度，则在显示器275从横屏状态向竖屏状态旋转的过程中，旋转角度不断增大。当显示器275的旋转角度小于45度时，以横屏状态下UI界面surface图像合成中间图像以及UI图像，并实时显示。当旋转角度达到45度时，可以切换到竖屏UI界面，并合成中间图像以及UI图像以进行实时显示，直到显示器275完全旋转至竖屏状态。

基于上述显示设备，本申请还提供一种屏幕旋转时UI显示方法，包括：

S1：响应于所述显示器的旋转事件，实时获取所述显示器的转动数据以及所述转动数据归属的旋转状态；

S2：提取旋转状态对应的UI界面，结合所述转动数据合成UI图像；

S3：控制所述显示器显示所述UI图像，以使显示器显示的画面保持为正向的状态。

由以上技术方案可知，本申请提供一种显示设备200及屏幕旋转时UI显示方法，所述显示设备200包括：显示器275、旋转组件276以及控制器250。其中，旋转组件276用于旋转显示器275，以使显示器275处于不同的旋转状态，控制器250可以响应于显示器275的旋转事件，实时获取显示器275的转动数据和旋转状态；再提取旋转状态对应的UI界面，结合转动数据合成UI图像；控制显示器275显示UI图像，以使显示器275显示的画面保持为正向的状态。并且，在旋转过程中支持在UI界面进行操作，减少用户等待时间，提高用户体验。

本申请提供的实施例之间的相似部分相互参见即可，以上提供的具体实施方式只是本申请总的构思下的几个示例，并不构成本申请保护范围的限定。对于本领域的技术人员而言，在不付出创造性劳动的前提下依据本申请方案所扩展出的任何其他实施方式都属于本申请的保护范围。

Claims (10)

1.一种显示设备，其特征在于，包括：

显示器；

旋转组件，所述旋转组件用于接收控制器的控制旋转所述显示器，以使所述显示器处于不同的旋转状态；

控制器，所述控制器连接所述旋转组件和所述显示器，被配置为：

响应于所述显示器的旋转事件，获取所述显示器当前的转动数据，以及所述转动数据归属的旋转状态，所述转动数据包括转动方向和转动角度，所述归属的旋转状态包括横屏状态和竖屏状态；

提取所述归属的旋转状态对应UI界面的表层图像，将所述表层图像按照所述转动方向的反方向，旋转所述转动角度，得到所述表层图像处于正向状态时的中间图像；

根据所述显示器的屏幕边界裁切，和/或缩放所述中间图像，得到合成的中间图像；

控制所述显示器显示所述合成的中间图像，以使在旋转组件带动显示器旋转时，显示器显示的画面保持为正向的状态。

2.根据权利要求1所述的显示设备，其特征在于，所述控制器被进一步配置为：

对比所述中间图像与显示器的屏幕边界，定位填充区域；

对所述填充区域进行颜色填充，获得所述合成的中间图像。

3.根据权利要求2所述的显示设备，其特征在于，所述控制器被进一步配置为：

在所述中间图像的边界区域内，选取多个颜色采样点；

获取每个颜色采样点上的像素色值；

确定填充颜色值，所述填充颜色值为根据多个颜色采样点对应像素色值计算的色值平均值；

按照填充颜色值在所述填充区域内渲染图案。

4.根据权利要求1所述的显示设备，其特征在于，所述控制器被进一步配置为：

基于所述中间图像的中心点，沿着所述显示器的屏幕边界位置，裁切所述中间图像在所述屏幕边界位置处的对角部分，得到所述合成的中间图像；

控制所述显示器显示所述合成的中间图像，以使在旋转组件带动显示器旋转时，显示器显示的画面保持为正向的状态。

5.一种显示设备，其特征在于，

显示器；

旋转组件；

控制器，所述控制器连接所述旋转组件和所述显示器，被配置为：

响应于所述显示器的旋转事件，获取所述显示器的转动数据以及所述转动数据归属的旋转状态；

提取所述归属的旋转状态对应UI界面的表层图像，依据所述转动数据，确定所述表层图像处于正向状态时的中间图像；

基于所述中间图像的中心点，缩小或者放大所述中间图像，得到合成的中间图像；

控制所述显示器显示所述合成的中间图像，以使在旋转组件带动显示器旋转时，能够响应用户交互动作的指令，及显示器显示的画面保持为正向的状态。

6.根据权利要求5所述的显示设备，其特征在于，所述控制器被配置为：

基于所述中间图像的中心点，缩小或者放大所述中间图像，沿所述显示器的屏幕边界，裁切所述缩小或者放大后的中间图像，得到所述合成的中间图像。

7.根据权利要求5所述的显示设备，其特征在于，所述控制器被配置为：

基于所述中间图像的中心点，沿着所述显示器的屏幕边界位置，裁切所述中间图像超出所述屏幕边界的左上角和右下角，或者右上角和左下角，得到所述合成的图像。

8.根据权利要求1-7任一所述的显示设备，其特征在于，所述显示器设有重力加速度传感器，所述转动数据包括所述重力加速传感器检测的转动坐标值；所述控制器被进一步配置为：

监听所述重力加速传感器检测的转动坐标值；

如果所述转动坐标值相对于零位坐标发生变化，触发所述显示器的旋转事件；

根据所述转动坐标值计算所述显示器的转动角度；

判断所述转动角度所处的预设转角区间，获得所述转动数据归属的旋转状态。

9.一种旋转时UI显示方法，其特征在于，应用于显示设备，所述显示设备包括显示器、旋转组件以及控制器，其中所述旋转组件用于接收控制器的控制旋转所述显示器，以使所述显示器处于不同的旋转状态，所述旋转时UI显示方法包括：

响应于所述显示器的旋转事件，获取所述显示器当前的转动数据，以及所述转动数据归属的旋转状态，所述转动数据包括转动方向和转动角度，所述归属的旋转状态包括横屏状态和竖屏状态；

提取所述归属的旋转状态对应UI界面的表层图像，将所述表层图像按照所述转动方向的反方向，旋转所述转动角度，得到所述表层图像处于正向状态时的中间图像；

根据所述显示器的屏幕边界裁切，和/或缩放所述中间图像，得到合成的中间图像；

控制所述显示器显示所述合成的中间图像，以使在旋转组件带动显示器旋转时，显示器显示的画面保持为正向的状态。

10.一种旋转时UI显示方法，其特征在于，应用于显示设备，所述显示设备包括显示器、旋转组件以及控制器，其中所述旋转组件用于接收控制器的控制旋转所述显示器，以使所述显示器处于不同的旋转状态，所述旋转时UI显示方法包括：

响应于所述显示器的旋转事件，获取所述显示器的转动数据以及所述转动数据归属的旋转状态；

提取所述归属的旋转状态对应UI界面的表层图像，依据所述转动数据，确定所述表层图像处于正向状态时的中间图像；

基于所述中间图像的中心点，缩小或者放大所述中间图像，得到合成的中间图像；

控制所述显示器显示所述合成的中间图像，以使在旋转组件带动显示器旋转时，能够响应用户交互动作的指令，及显示器显示的画面保持为正向的状态。

Images