CN107577495B - 界面显示方法、装置及终端 - Google Patents

Abstract

本申请公开了一种界面调整方法、装置及终端，涉及人机交互领域，所述方法包括：在显示屏的显示区域内显示用户界面；检测对显示屏的触摸操作是否符合第一预设条件，第一预设条件指触发对用户界面进行尺寸缩小的条件；当触摸操作符合第一预设条件时，显示缩小后的用户界面，其中，缩小后的用户界面完整显示在显示屏的显示区域内。本申请实施例中，通过将用户界面缩小，并将缩小后的用户界面显示在显示屏的显示区域内，解决了当用户界面与显示屏形状不同时，用户界面无法完整显示在显示屏的显示区域内的问题。

Description

界面显示方法、装置及终端

技术领域

本申请实施例涉及人机交互技术领域，特别涉及一种界面显示方法、装置及终端。

背景技术

随着手机、平板电脑等具有显示功能的终端的不断发展，越来越多的用户习惯使用终端来工作或娱乐，而终端的界面显示效果变得尤为重要。

相关技术中，终端的显示屏被设计成直角矩形，而用户界面也被相应开发成直角矩形。在终端的显示屏显示用户界面时，终端根据显示屏和用户界面的分辨率及尺寸，计算用户界面的缩放比，并将缩放后的用户界面显示在显示屏的显示区域内，确保用户界面的完整显示。

然而，基于工艺、设计等需求，越来越多的终端的显示屏被设计制造成非直角矩形，比如圆角矩形，当直角矩形的用户界面铺满圆角矩形的显示屏时，会出现用户界面不能被完整显示的情况，从而影响用户界面的显示效果。

发明内容

本申请实施例提供了一种界面显示方法、装置及终端，可以用于解决用户界面显示不完整的问题。该技术方案如下：

根据本申请的第一方面，提供了一种界面显示方法，该方法包括：

在显示屏的显示区域内显示用户界面；

检测对显示屏的触摸操作是否符合第一预设条件，第一预设条件指触发对用户界面进行尺寸缩小的条件；

当触摸操作符合第一预设条件时，显示缩小后的用户界面，其中，缩小后的用户界面完整显示在显示屏的显示区域内。

根据本申请的第二方面，提供了一种模式启用装置，该装置包括：

第一显示模块，用于在显示屏的显示区域内显示用户界面；

第一检测模块，用于检测对显示屏的触摸操作是否符合第一预设条件，第一预设条件指触发对用户界面进行尺寸缩小的条件；

第二显示模块，用于当触摸操作符合第一预设条件时，显示缩小后的用户界面，其中，缩小后的用户界面完整显示在显示屏的显示区域内。

根据本申请的第三方面，提供了一种终端，该终端包括处理器和存储器，存储器中存储有至少一条指令，指令由处理器加载并执行以实现如第一方面所述的界面显示方法。

根据本申请的第四方面，提供了一种计算机可读存储介质，该存储介质中存储有至少一条指令，指令由处理器加载并执行以实现如第一方面所述的界面显示方法。

本申请实施例提供的技术方案带来的有益效果是：

本申请实施例中，当显示屏的显示区域内显示有用户界面时，终端判断对显示屏的触摸操作是否符合预设条件，并在触摸操作符合预设条件时，在显示区域内显示缩小后的用户界面，确保用户界面能够完整显示在显示屏的显示区域内，解决了当用户界面与显示屏形状不同时，用户界面无法完整显示在显示屏的显示区域内的问题，达到了通过简单的触摸操作即可实现快速查看完整用户界面的效果。

附图说明

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

图1和图2是本申请一个示例性实施例提供的终端的结构方框图；

图3A至图3F是图1和图2所示实施例涉及的五种带有不同显示屏的终端的示意图；

图4A至图4C是显示终端的显示屏与用户界面的对比示意图；

图5是本申请一个示例性实施例提供的界面显示方法的流程图；

图6是本申请一个示例性实施例提供的用户界面缩小过程的界面示意图；

图7是本申请一个示例性实施例提供的界面显示方法的流程图；

图8是本申请一个示例性实施例提供的显示区域划分的示意图；

图9是本申请一个示例性实施例提供的缩小用户界面过程的操作示意图；

图10是圆角矩形显示区域的尺寸示意图；

图11是直角矩形用户界面的尺寸示意图；

图12是本申请一个示例性实施例提供的用户界面缩小过程的界面示意图；

图13是本申请一个示例性实施例提供的界面显示方法的流程图；

图14是本申请一个示例性实施例提供的放大用户界面过程的操作示意图；

图15是本申请一个示例性实施例提供的用户界面放大过程的界面示意图；

图16是本申请一个示例性实施例提供的界面显示方法的流程图；

图17是本申请一个示例性实施例提供的界面显示装置的结构图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

请参考图1和图2，其示出了本申请一个示例性实施例提供的终端100的结构方框图。该终端100可以是手机、平板电脑、笔记本电脑和电子书等。本申请中的终端100可以包括一个或多个如下部件：处理器110、存储器120和触摸显示屏130。

处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个终端100内的各个部分，通过运行或执行存储在存储器120内的指令、程序、代码集或指令集，以及调用存储在存储器120内的数据，执行终端100的各种功能和处理数据。可选地，处理器110可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable LogicArray，PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(CentralProcessing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责触摸显示屏130所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器110中，单独通过一块芯片进行实现。

存储器120可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选地，该存储器120包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等；存储数据区可存储根据终端100的使用所创建的数据(比如音频数据、电话本)等。

以操作系统为安卓(Android)系统为例，存储器120中存储的程序和数据如图1所示，存储器120中存储有Linux内核层220、系统运行库层240、应用框架层260和应用层280。Linux内核层220为终端100的各种硬件提供了底层的驱动，如显示驱动、音频驱动、摄像头驱动、蓝牙驱动、Wi-Fi驱动、电源管理等。系统运行库层240通过一些C/C++库来为Android系统提供了主要的特性支持。如SQLite库提供了数据库的支持，OpenGL/ES库提供了3D绘图的支持，Webkit库提供了浏览器内核的支持等。在系统运行库层240中还提供有安卓运行时库(Android Runtime)，它主要提供了一些核心库，能够允许开发者使用Java语言来编写Android应用。应用框架层260提供了构建应用程序时可能用到的各种API，开发者也可以通过使用这些API来构建自己的应用程序，比如活动管理、窗口管理、视图管理、通知管理、内容提供者、包管理、通话管理、资源管理、定位管理。应用层280中运行有至少一个应用程序，这些应用程序可以是操作系统自带的联系人程序、短信程序、时钟程序、相机应用等；也可以是第三方开发者所开发的应用程序，比如即时通信程序、相片美化程序等。

以操作系统为IOS系统为例，存储器120中存储的程序和数据如图2所示，IOS系统包括：核心操作系统层320(Core OS layer)、核心服务层340(Core Services layer)、媒体层360(Media layer)、可触摸层380(Cocoa Touch Layer)。核心操作系统层320包括了操作系统内核、驱动程序以及底层程序框架，这些底层程序框架提供更接近硬件的功能，以供位于核心服务层340的程序框架所使用。核心服务层340提供给应用程序所需要的系统服务和/或程序框架，比如基础(Foundation)框架、账户框架、广告框架、数据存储框架、网络连接框架、地理位置框架、运动框架等等。媒体层360为应用程序提供有关视听方面的接口，如图形图像相关的接口、音频技术相关的接口、视频技术相关的接口、音视频传输技术的无线播放(AirPlay)接口等。可触摸层380为应用程序开发提供了各种常用的界面相关的框架，可触摸层380负责用户在终端100上的触摸交互操作。比如本地通知服务、远程推送服务、广告框架、游戏工具框架、消息用户界面接口(User Interface，UI)框架、用户界面UIKit框架、地图框架等等。

在图2所示出的框架中，与大部分应用程序有关的框架包括但不限于：核心服务层340中的基础框架和可触摸层380中的UIKit框架。基础框架提供许多基本的对象类和数据类型，为所有应用程序提供最基本的系统服务，和UI无关。而UIKit框架提供的类是基础的UI类库，用于创建基于触摸的用户界面，iOS应用程序可以基于UIKit框架来提供UI，所以它提供了应用程序的基础架构，用于构建用户界面，绘图、处理和用户交互事件，响应手势等等。

触摸显示屏130用于接收用户使用手指、触摸笔等任何适合的物体在其上或附近的触摸操作，以及显示各个应用程序的用户界面。触摸显示屏130通常设置在终端130的前面板。触摸显示屏130可被设计成为全面屏、曲面屏或异型屏。触摸显示屏130还可被设计成为全面屏与曲面屏的结合，异型屏与曲面屏的结合，本实施例对此不加以限定。其中：

全面屏

全面屏可以是指触摸显示屏130占用终端100的前面板的屏占比超过阈值(比如80％或90％或95％)的屏幕设计。屏占比的一种计算方式为：(触摸显示屏130的面积/终端100的前面板的面积)*100％；屏占比的另一种计算方式为：(触摸显示屏130中实际显示区域的面积/终端100的前面板的面积)*100％；屏占比的再一种计算方式为：(触摸显示屏130的对角线/在终端100的前面板的对角线)*100％。示意性的如图3A所示的例子中，终端100的前面板上近乎所有区域均为触摸显示屏130，在终端100的前面板40上，除中框41所产生的边缘之外的其它区域，全部为触摸显示屏130。该触摸显示屏130的四个角可以是直角或者圆角。

全面屏还可以是将至少一种前面板部件集成在触摸显示屏130内部或下层的屏幕设计。可选地，该至少一种前面板部件包括：摄像头、指纹传感器、接近光传感器、距离传感器等。在一些实施例中，将传统终端的前面板上的其他部件集成在触摸显示屏130的全部区域或部分区域中，比如将摄像头中的感光元件拆分为多个感光像素后，将每个感光像素集成在触摸显示屏130中每个显示像素中的黑色区域中。由于将至少一种前面板部件集成在了触摸显示屏130的内部，所以全面屏具有更高的屏占比。

当然在另外一些实施例中，也可以将传统终端的前面板上的前面板部件设置在终端100的侧边或背面，比如将超声波指纹传感器设置在触摸显示屏130的下方、将骨传导式的听筒设置在终端130的内部、将摄像头设置成位于终端的侧边且可插拔的结构。

在一些可选的实施例中，当终端100采用全面屏时，终端100的中框的单个侧边，或两个侧边(比如左、右两个侧边)，或四个侧边(比如上、下、左、右四个侧边)上设置有边缘触控传感器，该边缘触控传感器用于检测用户在中框上的触摸操作、点击操作、按压操作和滑动操作等中的至少一种操作。该边缘触控传感器可以是触摸传感器、热力传感器、压力传感器等中的任意一种。用户可以在边缘触控传感器上施加操作，对终端100中的应用程序进行控制。

曲面屏

曲面屏是指触摸显示屏130的屏幕区域不处于一个平面内的屏幕设计。一般的，曲面屏至少存在这样一个截面：该截面呈弯曲形状，且曲面屏在沿垂直于该截面的任意平面方向上的投影为平面的屏幕设计，其中，该弯曲形状可以是U型。可选地，曲面屏是指至少一个侧边是弯曲形状的屏幕设计方式。可选地，曲面屏是指触摸显示屏130的至少一个侧边延伸覆盖至终端100的中框上。由于触摸显示屏130的侧边延伸覆盖至终端100的中框，也即将原本不具有显示功能和触控功能的中框覆盖为可显示区域和/或可操作区域，从而使得曲面屏具有了更高的屏占比。可选地，如图3B所示的例子中，曲面屏是指左右两个侧边42是弯曲形状的屏幕设计；或者，曲面屏是指上下两个侧边是弯曲形状的屏幕设计；或者，曲面屏是指上、下、左、右四个侧边均为弯曲形状的屏幕设计。在可选的实施例中，曲面屏采用具有一定柔性的触摸屏材料制备。

异型屏

异型屏是外观形状为不规则形状的触摸显示屏，不规则形状不是矩形或圆角矩形。可选地，异型屏是指在矩形或圆角矩形的触摸显示屏130上设置有凸起、缺口和/或挖孔的屏幕设计。可选地，该凸起、缺口和/或挖孔可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当凸起、缺口和/或挖孔设置在一条边缘时，可以设置在该边缘的中间位置或两端；当凸起、缺口和/或挖孔设置在屏幕中央时，可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或多个区域中。当设置在多个区域中时，凸起、缺口和挖孔可以集中分布，也可以分散分布；可以对称分布，也可以不对称分布。可选地，该凸起、缺口和/或挖孔的数量也不限。

由于异型屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域，使得触摸显示屏在终端的前面板上占据更多的空间，所以异型屏也具有更大的屏占比。在一些实施例中，缺口和/或挖孔中用于容纳至少一种前面板部件，该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。

示例性的，该缺口可以设置在一个或多个边缘上，该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口或不规则形状缺口。示意性的如图3C所示的例子中，异型屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计，该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件；示意性的如图3D所示，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计，该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件；示意性的如图3E所示的例子中，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计，同时在终端100的前面板上还形成有一个半椭圆型缺口，两个半椭圆形缺口围合成一个椭圆形区域，该椭圆形区域用于容纳物理按键或者指纹识别模组；示意性的如图3F所示的例子中，异型屏可以是在触摸显示屏130中的上半部中设置有至少一个小孔46的屏幕设计，该小孔46所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。

除此之外，本领域技术人员可以理解，上述附图所示出的终端100的结构并不构成对终端100的限定，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(Wireless Fidelity，WiFi)模块、电源、蓝牙模块等部件，在此不再赘述。

请参考图4，其示出了本申请示意性实施例提供的显示屏与用户界面的对比图。

图4A中，显示屏411的形状是圆角矩形(即显示区域为圆角矩形)，而用户界面412的形状是直角矩形，其中，可交互元素413位于用户界面412的直角区域，当在显示屏411中显示用户界面412时，由于显示屏411的显示区域为圆角矩形，导致可交互元素413显示不完整。

图4B中，显示屏421的形状是顶部存在缺口的不规则图形，而用户界面422的形状是直角矩形，其中，信息显示元素423位于用户界面422的顶部位置，当在显示屏421中显示用户界面422时，由于显示屏421的显示区域顶部存在缺口，导致信息显示元素423无法显示。

图4C中，显示屏431的形状是直角矩形，而用户界面432则是顶部和底部均为弧线的图形，其中，可交互元素433位于用户界面432的四个角，当在显示屏431中显示用户界面432时，可交互元素433无法显示。

显然，当显示屏的形状与用户界面的形状不一致时，用户界面无法完整显示，影响用户在用户界面上执行正常操作。

为了方便描述，本申请各个实施例提供的界面显示方法应用于显示屏为圆角矩形的终端，且显示的用户界面为直角矩形为例进行示意性说明，并不对本申请构成限定。

图5是本申请一个示例性实施例提供的界面显示方法流程图，本实施例以界面显示方法应用于终端来举例说明，该界面显示方法包括如下步骤：

步骤501，在显示屏的显示区域内显示用户界面。

正常显示模式下，终端显示屏的所有显示区域均用于显示用户界面。

本实施例中，显示屏为圆角矩形，也即，显示屏的显示区域为圆角矩形，而用户界面为直角矩形。其中，该用户界面是应用程序界面、系统设置界面、图片浏览界面、视频播放界面或主屏幕界面等等，且该用户界面中包含若干界面操作元素，比如图标、按键或输入框等等。

如图6所示，当使用图片浏览应用程序进行图片浏览时，由于显示屏61是圆角显示屏，而用户界面为62是直角矩形，因此，位于用户界面62中边角区域的按钮611无法完整显示在显示屏61的显示区域内，影响应用程序部分功能的正常使用。

步骤502，检测对显示屏的触摸操作是否符合第一预设条件，第一预设条件指触发对用户界面进行尺寸缩小的条件。

为了使用户界面能够完整显示在显示屏的显示区域内，终端需要对用户界面进行缩小。在一种可能的实现方式中，用户通过对显示屏进行触摸操作，触发终端缩小用户界面的尺寸。且为了避免用户误操作，终端预先设置用于触发缩小用户界面的第一预设条件，并在接收到的触摸操作符合第一预设条件时，执行下述步骤503缩小用户界面；在接收到的触摸操作不符合第一预设条件时，保持用户界面当前尺寸。可选的，第一预设条件规定了触发缩小用户界面的触摸操作的触摸区域以及触摸方向。比如，该触摸区域为显示屏的边角区域，且触摸方向是由边角区域指向中央区域。

步骤503，当触摸操作符合第一预设条件时，显示缩小后的用户界面，其中，缩小后的用户界面完整显示在显示屏的显示区域内。

可选的，在对用户界面的显示尺寸进行缩小时，终端保持显示屏的中心与用户界面的中心重合，从而保证缩小后的用户界面显示在显示屏中心，即用户界面内容完整显示在显示屏的显示区域内。

比如，如图6所示，当触摸操作符合第一预设条件时，终端缩小用户界面62的尺寸，并将尺寸缩小后的用户界面62显示在显示屏61的显示区域内，确保为边角区域的按钮611完整显示。

综上所述，本申请实施例中，当显示屏的显示区域内显示有用户界面时，终端判断对显示屏的触摸操作是否符合预设条件，并在触摸操作符合预设条件时，在显示区域内显示缩小后的用户界面，确保用户界面能够完整显示在显示屏的显示区域内，解决了当用户界面与显示屏形状不同时，用户界面无法完整显示在显示屏的显示区域内的问题，达到了通过简单的触摸操作即可实现快速查看完整用户界面的效果。

本申请中，为了将用户界面内容完整显示在显示屏的显示区域内，用户通过对触摸屏进行指定的触摸操作，从而指示终端将用户界面缩小到预定大小，并完整显示在显示屏的显示区域内，下面采用示意性的实施例进行说明。

图7是本申请一个示例性实施例提供的界面显示方法流程图，本实施例以界面显示方法应用于终端来举例说明，该界面显示方法包括如下步骤：

步骤701，在显示屏的显示区域内显示用户界面。

本步骤的实施方式与上述步骤501相似，本实施在此不再赘述。

步骤702A，检测触摸操作对应的滑动方向是否指向显示屏的中央。

为了避免将用户在终端显示屏上正常的滑动操作误识别为触发缩小用户界面的操作，终端设置符合第一预设条件的触摸操作是由指向显示屏中央的滑动操作。可选的，指向显示屏中央的滑动操作是由显示屏的边角显示区域滑动至中央显示区域的滑动操作，其中，显示屏的边角显示区域和中央显示区域预先划分。

可选的，显示屏的边角显示区域是位于屏幕的四个边角的预定尺寸的显示区域，比如，如图8所示，边角显示区域为屏幕边角处尺寸为50px×50px的正方形显示区域811。而显示屏的中央显示区域则是位于显示屏中央的预定尺寸的显示区域，且中央显示区域的中心与显示屏中心重合。比如，如图8所示，该中央显示区域为位于显示屏中央的500px×1000px的显示区域812。

当检测到触摸操作对应的滑动方向指向显示屏的中央时，终端执行下述步骤702B；当检测到触摸操作对应的滑动方向不是指向显示屏的中央时时，终端保持用户界面当前尺寸。

步骤702B，若滑动方向指向显示屏的中央，则确定触摸操作符合第一预设条件。

示意性的，如图9所示，当显示屏接收到由显示屏边角显示区域911滑动至显示屏中央显示区域912的滑动信号(触摸操作对应的滑动方向指向屏幕中央)时，终端确定触摸操作符合第一预设条件。

步骤703，当触摸操作符合第一预设条件时，获取显示区域的第一形状和第一尺寸。

在一种可能的实施方式中，终端获取操作系统中存储的显示屏属性信息，该属性信息中包含的显示屏的显示区域的第一形状和第一尺寸。

可选的，本实施例中，终端获取到的第一形状为圆角矩形，且第一尺寸包括该圆角矩形的圆角半径R、宽度W1、长度L1和对角线长度D1等长度尺寸(均以px为单位)。

示意性的，如图10所示，R表示圆角半径，W1表示宽度，L1表示长度，D1表示圆角矩形的对角线长度。

步骤704，获取用户界面的第二形状和第二尺寸。

可选的，该用户界面的第二形状是该用户界面的全部界面区域所构成的形状，该用户界面的第二尺寸是该用户界面的全部界面区域的尺寸。

本实施例中，终端获取到的第二形状为直角矩形，且第二尺寸包括该直角矩形的宽度W2、长度L2和对角线长度D2等长度尺寸。

示意性的，如图11所示，W2表示宽度，L2表示长度，D2表示直角矩形的对角线长度。

步骤705，根据显示区域的第一形状和第一尺寸，计算用户界面的第二形状完整显示在显示区域内的第三尺寸。

为了不影响用户的浏览体验，在缩小用户界面尺寸时，尽量保证用户界面最大限度显示，因此缩小后用户界面的第三尺寸为用户界面完整显示在显示区域内的最大尺寸，由图形关系可知圆角矩形内的最大直角矩形即为以圆角矩形对角线为对角线的矩形。为使用户界面完整显示在显示屏内，且用户界面尺寸最大显示，尺寸缩小的比例应为圆角矩形对角线长度D1与矩形对角线长度D2的比值，即D1/D2。

第三尺寸的计算方法如下：

D3＝D1

其中，W3为用户界面完整显示在显示区域的最大宽度，L3为用户界面完整显示在显示区域的最大长度，D3为用户界面完整显示在显示区域的最大对角线长度。

在其他可能的实施方式中，终端中预先存储有完整显示直角矩形的用户界面的第三尺寸，当检测到触摸操作符合第一预设条件时，终端直接获取该第三尺寸，并根据该第三尺寸对用户界面进行缩小，本实施例并不对此进行限定。

步骤706，将用户界面由第二尺寸缩小为第三尺寸，并进行显示。

示意性的，如图12所示，当触摸操作指示由显示屏的边角显示区域1211滑动至显示屏的中央显示区域1212时，终端将用户界面由第二尺寸缩小为第三尺寸。经过缩小处理后，原先无法完整显示的边角区域处的按钮1213能够完整显示在显示区域内，确保用户能够对其进行正常操作。

本实施例中，显示屏接收到符合第一预设条件的触摸操作后，根据显示屏以及用户界面的形状和尺寸，计算显示屏内完整显示用户界面的最大尺寸，从而根据该最大尺寸对用户界面进行缩小，确保用户界面内所有内容均完整显示在显示屏的显示范围内，避免用户界面显示不全造成的影响。

作为另一种检测触摸操作是否符合第一预设条件的方式，如图7所示，上述步骤702A和702B可替换为步骤702C和702D。

步骤702C，检测触摸操作对应的点击区域是否位于预定区域，且点击次数是否为预定次数，预定区域位于显示屏的边角。

为了避免将用户在终端显示屏上正常的点击操作误识别为触发缩小用户界面的操作，终端设置符合第一预设条件的触摸操作对应的点击区域位于预定区域，且点击次数为预定次数。比如，该预定区域为显示屏的边角显示区域，该预定次数为2次。

相应的，当检测到触摸操作是位于显示屏的边角显示区域的双击操作时，终端执行下述步骤702D；当检测到触摸操作不是位于显示屏的边角显示区域的双击操作时，终端保持用户界面当前尺寸。

步骤702D，若点击区域位于预定区域，且点击次数为预定次数，则确定触摸操作符合第一预设条件。

当接收到位于显示屏预定区域的点击信号，且点击次数为预定次数时，终端确定触摸操作符合第一预设条件。

示意性的，如图8所示，当显示屏接收到对显示屏边角显示区域811的双击信号时，终端确定触摸操作符合第一预设条件。

作为另一种检测触摸操作是否符合第一预设条件的方式，如图7所示，上述步骤702A和702B可替换为步骤702E和702F。

步骤702E，检测触摸操作对应的按压区域是否位于预定区域，且按压时长是否大于预定时长，预定区域位于显示屏的边角。

为了避免将用户按压显示屏的操作误识别为触发缩小用户界面的操作，终端设置符合第一预设条件的触摸操作对应的按压区域位于预定区域，且按压时长为预定时长。比如，该预定区域为显示屏的边角显示区域，预定时长为3s。

相应的，当检测到触摸操作是位于显示屏的边角显示区域的长按信号(超过3s)时，终端执行下述步骤702F；当检测到触摸操作不是位于显示屏的边角显示区域的长按信号时，终端保持用户界面当前尺寸。

步骤702F，若按压区域位于预定区域，且按压时长大于预定时长，则确定触摸操作符合第一预设条件。

当接收到位于预定区域的按压信号，且按压时长超过预定时长时，终端确定触摸操作符合第一预设条件。

示意性的，如图8所示，当显示屏接收到对显示屏边角显示区域811的长按信号(超过3s)时，终端确定触摸操作符合第一预设条件。

在实际实施过程中，用户在缩小后的用户界面上进行相应操作后，为达到较好的显示效果，仍需要将用户界面恢复全屏显示。针对恢复全屏显示所才采用的方式，在一种可能的实现方式中，如图13所示，步骤706后还包括如下步骤：

步骤707，检测对显示屏的触摸操作是否符合第二预设条件，第二预设条件指触发对用户界面进行尺寸放大的条件。

终端对用户界面进行缩小处理后，通过显示屏获取操作对象(比如用户手指或触控笔)的触摸操作，并检测该触摸操作是否符合第二预设条件，若触摸操作符合第二预设条件，终端则执行下述步骤708；若触摸操作不符合第二预设条件，终端则保持用户界面当前尺寸。

在一种可能的实施方式中，用于触发用户界面尺寸放大的触摸操作与触发用户界面尺寸缩小的触摸操作互为反向操作，步骤707包括以下步骤：

一，检测操作对应的滑动方向是否指向显示屏的边缘。

由于上述步骤702A中，用于触发用户界面尺寸缩小的触摸操作是指向显示屏中央的滑动操作，因此，本实施例中，用于触发用户界面尺寸放大的触摸操作是指向显示屏边缘的滑动操作。可选的，指向显示屏边缘的滑动操作是由显示屏的中央显示区域滑动至边缘显示区域的滑动操作，其中，显示屏的中央显示区域与边角显示区域的划分方式与上述步骤702A相同，本实施例在此不再赘述。

当检测到触摸操作对应的滑动方向指向显示屏的边缘时，终端确定触摸操作符合第二预设条件，并执行下述步骤二进行用户界面尺寸放大；当检测到触摸操作对应的滑动方向并非指向显示屏的边缘时，终端保持用户界面当前尺寸。

二，若滑动方向指向显示屏的边缘，则确定触摸操作符合第二预设条件。

示意性的，如图14所示，当显示屏接收到由显示屏中央显示区域1412至显示屏边角显示区域1411滑动的滑动信号时，终端确定触摸操作符合第二预设条件。

在其他可能的实施方式中，用于恢复用户界面全屏显示的触摸操作为点击显示屏预定显示区域的操作，也即，终端检测触摸操作对应的点击区域是否位于预定区域(比如边角)，且点击次数是否为预定次数；若点击区域位于预定区域，且点击次数为预定次数，则确定触摸操作符合第二预设条件；在另一种可能的实现方式中，用于恢复用户界面全屏显示的触摸操作为按压显示屏预定显示区域的操作，也即，终端检测触摸操作对应的按压区域是否位于预定区域(比如边角)，且按压时长是否大于预定时长；若按压区域位于预定区域，且按压时长大于预定时长，则确定触摸操作符合第二预设条件。

本实施例并不对该触摸操作进行限定。

步骤708，当触摸操作符合第二预设条件时，将用户界面由第三尺寸放大为第二尺寸并进行显示。

示意性的，如图15所示，当触摸操作指示由显示屏的中央显示区域1512滑动至显示屏的边角显示区域1511时，用户界面由第三尺寸放大为第二尺寸，即恢复全屏显示。其中，在对用户界面的显示尺寸进行放大时，终端可以保持显示屏的中心与用户界面的中心重合，从而保证放大后的用户界面全屏显示在显示屏的显示区域上。

本实施例中，当用户界面完整显示在显示屏的显示区域内时，显示屏接收到符合第二预设条件的触摸操作后，终端将用户界面放大为第二尺寸，将用户界面恢复全屏显示，满足了用户对用户界面显示的多元化需求。

由于用户在正常使用终端的过程中，也可能会执行由显示屏边角显示区域到显示屏中央区域的滑动操作(比如对位于边角显示区域的滚轮进行操作)，为了避免将这一滑动操作误识别为缩小用户界面的操作，在一种可能的实现方式中，在图5的基础上，如图16所示，上述步骤501之后还包括步骤504，步骤503可以被替换为505。

步骤504，检测用户界面中是否存在处于显示区域之外的指定界面元素，指定界面元素包括可交互元素和信息显示元素中的至少一种，可交互元素指用于接收交互操作的界面元素，信息显示元素指用于显示信息的界面元素。

在本申请实施例中，终端显示一个用户界面时，会检测该用户界面中是否存在处于该终端显示屏的显示区域之外的指定类型元素，可选的，检测方法包括：终端遍历该用户界面中的各个显示元素，获得当前用户界面的全部显示元素，并访问系统缓存获得显示屏的显示区域内当前显示的显示元素，然后对两组显示元素进行比对，剔除两组显示元素中共同包含的元素，得到显示屏的显示区域之外的显示元素，即该用户界面中未被显示屏的显示区域显示的显示元素，最后对上述显示元素进行分析归类，判断其中是否包含交互元素或信息显示元素，进而判断该用户界面中是否存在处于该显示屏的显示区域之外的指定类型元素。

其中，对显示区域之外的元素进行分析归类可以遵循以下方式：

1、当指定类型元素只包含可交互元素或者信息显示元素时，检测显示区域之外的元素是否为可交互元素或者信息显示元素。

2、当指定类型元素同时包含可交互元素和信息显示元素时，同步执行检测显示区域之外的元素是否为可交互元素以及检测是否为信息显示元素的步骤。

3、当指定类型元素同时包含可交互元素和信息显示元素时，先检测显示区域之外的元素是否为可交互元素，若不是，再检测是否为信息显示元素。

4、当指定类型元素同时包含可交互元素和信息显示元素时，先检测显示区域之外的元素是否为信息显示元素，若不是，再检测是否为可交互元素。

需要说明的一点是，在实际应用中，上述用户界面的界面元素的划分方法也可以是除上述划分方法之外的其它方法，对此，本申请不做限定。

其中，上述的处于显示屏的显示区域之外的显示元素，可以是指完全处于显示区域之外的显示元素；或者，上述的处于显示屏的显示区域之外的显示元素，也可以是部分处于显示区域之外的显示元素，比如，当某个显示元素中超过预设百分比(比如30％)的部分处于显示区域之外时，即认为该显示元素是处于显示区域之外的显示元素。

需要说明的另一点是，在实际应用中，上述指定类型元素的检测时间可以是实时检测，也可以是定时检测，检测方法也可以是除上述方法之外的其他方法，对此，本实施例不做限定。

例如，如图6所示，当打开一用于浏览图片的应用程序时，圆角显示屏显示的用户界面为矩形，用户界面中按钮611未完整显示在显示屏的显示区域内，影响应用程序的使用。由于按钮611为接收交互界面操作的交互元素，且按钮611超过30％的部分处于显示屏的显示区域之外，因此终端确定用户界面中存在显示区域之外的指定界面元素。

步骤505，当触摸操作符合第一预设条件，且用户界面中存在处于显示区域之外的指定界面元素时，显示缩小后的用户界面。

由于用户在正常使用终端的过程中，也可能会进行由显示屏边角显示区域到显示屏中央区域的滑动操作，为了避免误识别正常的划动操作，在检测触摸操作是否符合第一预设条件的同时，终端检测用户界面中是否存在处于显示区域之外的指定界面元素，当触摸操作符合第一预设条件，且用户界面中存在处于显示区域之外的指定界面元素时，确定该触摸操作用于触发缩小用户界面，并显示缩小后的用户界面。

例如，在图6所示的情况下，用户界面中存在为处于显示区域之外的指定界面元素按钮611，当显示屏接收到由显示屏的边角显示区域到中央显示区域的滑动信号时，终端缩小用户界面的尺寸，并完整显示在显示屏的显示区域内。

本实施例中，为区分符合第一预设条件的触摸操作是否用于缩小用户界面，在判断触摸操作是否符合第一预设条件的同时，对用户界面中是否存在处于显示区域之外的指定元素进行检测，并在触摸操作符合第一预设条件，且用户界面存在处于显示区域之外的指定界面元素时，显示缩小后的用户界面，从而避免了将用户正常使用终端时的滑动操作误识别为缩小用户界面尺寸的操作。

图17是本申请一个示例性实施例提供的界面显示装置的结构图。该装置可以通过软件、硬件或者两者的结合实现成为终端的全部或者一部分。该装置包括：第一显示模块1710、第一检测模块1720、第二显示模块1730。

第一显示模块1710，用于在显示屏的显示区域内显示用户界面；

第一检测模块1720，用于检测对显示屏的触摸操作是否符合第一预设条件，第一预设条件指触发对用户界面进行尺寸缩小的条件；

第二显示模块1730，用于当触摸操作符合第一预设条件时，显示缩小后的用户界面，其中，缩小后的用户界面完整显示在显示屏的显示区域内。

可选的，第一检测模块1720，包括：

第一检测单元，用于检测触摸操作对应的滑动方向是否指向显示屏的中央；

第一确定单元，用于若滑动方向指向显示屏的中央，则确定触摸操作符合第一预设条件；

或，

第二检测单元，用于检测触摸操作对应的点击区域是否位于预定区域，且点击次数是否为预定次数，预定区域位于显示屏的边角；

第二确定单元，用于若点击区域位于预定区域，且点击次数为预定次数，则确定触摸操作符合第一预设条件；

或，

第三检测单元，用于检测触摸操作对应的按压区域是否位于预定区域，且按压时长是否大于预定时长，预定区域位于显示屏的边角；

第三确定单元，用于若按压区域位于预定区域，且按压时长大于预定时长，则确定触摸操作符合第一预设条件。

可选的，第二显示模块1730，包括：

第一获取单元，用于获取显示区域的第一形状和第一尺寸；

第二获取单元，用于获取用户界面的第二形状和第二尺寸；

计算单元，用于根据显示区域的第一形状和第一尺寸，计算用户界面的第二形状完整显示在显示区域内的第三尺寸；

缩小单元，用于将用户界面由第二尺寸缩小为第三尺寸，并进行显示。

可选的，该装置，还包括:

第二检测模块，用于检测对显示屏的触摸操作是否符合第二预设条件，第二预设条件指触发对用户界面进行尺寸放大的条件；

放大模块，用于当触摸操作符合第二预设条件时，将用户界面由第三尺寸放大为第二尺寸并进行显示。

可选的，第二检测模块，包括：

第四检测单元，用于检测操作对应的滑动方向是否指向所示显示屏的边缘；

第四确定单元，用于若滑动方向指向显示屏的边缘，则确定触摸操作符合第二预设条件；

或，

第五检测单元，用于检测触摸操作对应的点击区域是否位于预定区域，且点击次数是否为预定次数，预定区域位于显示屏的边角；

第五确定单元，用于若点击区域位于预定区域，且点击次数为预定次数，则确定触摸操作符合第二预设条件；

或，

第六检测单元，用于检测触摸操作对应的按压区域是否位于预定区域，且按压时长是否大于预定时长，预定区域位于显示屏的边角；

第六确定单元，用于若按压区域位于预定区域，且按压时长大于预定时长，则确定触摸操作符合第二预设条件。

可选的，该装置，还包括：

第三检测模块，用于检测用户界面中是否存在处于显示区域之外的指定界面元素，指定界面元素包括可交互元素和信息显示元素中的至少一种，可交互元素指用于接收交互操作的界面元素，信息显示元素指用于显示信息的界面元素；

第二显示模块1730，还用于

当触摸操作符合第一预设条件，且用户界面中存在处于显示区域之外的指定界面元素时，显示缩小后的用户界面。

其中，显示屏的形状为圆角矩形，用户界面的形状为直角矩形。

综上所述，本申请实施例中，当显示屏的显示区域内显示有用户界面时，终端判断对显示屏的触摸操作是否符合预设条件，并在触摸操作符合预设条件时，在显示区域内显示缩小后的用户界面，确保用户界面能够完整显示在显示屏的显示区域内，解决了当用户界面与显示屏形状不同时，用户界面无法完整显示在显示屏的显示区域内的问题，达到了通过简单的触摸操作即可实现快速查看完整用户界面的效果。需要说明的是：上述实施例提供的界面显示装置在调整界面显示时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的界面显示方法及装置实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

上述实施例的顺序仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (16)

1.一种界面显示方法，其特征在于，所述方法包括：

在显示屏的显示区域内显示用户界面；

遍历所述用户界面中的各个显示元素，获得所述用户界面的全部显示元素；

访问系统缓存获得所述显示屏的显示区域内显示的显示元素；

对比所述用户界面的全部显示元素，和，所述显示屏的显示区域内显示的显示元素，剔除共同包含的元素，得到所述显示屏的显示区域之外的显示元素；

检测所述显示屏的显示区域之外的显示元素中是否存在指定界面元素，所述指定界面元素包括可交互元素，所述可交互元素指用于接收交互操作的界面元素；

检测对所述显示屏的触摸操作是否符合第一预设条件，所述第一预设条件指触发对所述用户界面进行尺寸缩小的条件；

当所述触摸操作符合所述第一预设条件，且所述用户界面中存在处于所述显示区域之外的所述指定界面元素时，显示缩小后的所述用户界面，其中，缩小后的所述用户界面完整显示在所述显示屏的显示区域内。

2.根据权利要求1所述的方法，其特征在于，所述检测对所述显示屏的触摸操作是否符合第一预设条件，包括：

检测所述触摸操作对应的滑动方向是否指向所述显示屏的中央；

若所述滑动方向指向所述显示屏的中央，则确定所述触摸操作符合所述第一预设条件；

或，

检测所述触摸操作对应的点击区域是否位于预定区域，且点击次数是否为预定次数，所述预定区域位于所述显示屏的边角；

若所述点击区域位于所述预定区域，且所述点击次数为所述预定次数，则确定所述触摸操作符合所述第一预设条件；

或，

检测所述触摸操作对应的按压区域是否位于预定区域，且按压时长是否大于预定时长，所述预定区域位于所述显示屏的边角；

若所述按压区域位于所述预定区域，且所述按压时长大于所述预定时长，则确定所述触摸操作符合所述第一预设条件。

3.根据权利要求1或2所述的方法，其特征在于，所述显示缩小后的所述用户界面，包括：

获取所述显示区域的第一形状和第一尺寸；

获取所述用户界面的第二形状和第二尺寸；

根据所述显示区域的第一形状和第一尺寸，计算所述用户界面的第二形状完整显示在所述显示区域内的第三尺寸；

将所述用户界面由所述第二尺寸缩小为所述第三尺寸，并进行显示。

4.根据权利要求3所述的方法，其特征在于，所述显示缩小后的所述用户界面之后，所述方法还包括：

检测对所述显示屏的触摸操作是否符合第二预设条件，所述第二预设条件指触发对所述用户界面进行尺寸放大的条件；

当所述触摸操作符合所述第二预设条件时，将所述用户界面由所述第三尺寸放大为所述第二尺寸并进行显示。

5.根据权利要求4所述的方法，其特征在于，所述检测对所述显示屏的触摸操作是否符合第二预设条件，包括：

检测所述操作对应的滑动方向是否指向所述显示屏的边缘；

若所述滑动方向指向所述显示屏的边缘，则确定所述触摸操作符合所述第二预设条件；

或，

检测所述触摸操作对应的点击区域是否位于预定区域，且点击次数是否为预定次数，所述预定区域位于所述显示屏的边角；

若所述点击区域位于所述预定区域，且所述点击次数为所述预定次数，则确定所述触摸操作符合所述第二预设条件；

或，

检测所述触摸操作对应的按压区域是否位于预定区域，且按压时长是否大于预定时长，所述预定区域位于所述显示屏的边角；

若所述按压区域位于所述预定区域，且所述按压时长大于所述预定时长，则确定所述触摸操作符合所述第二预设条件。

6.根据权利要求1或2所述的方法，其特征在于，所述指定界面元素还包括信息显示元素，所述信息显示元素指用于显示信息的界面元素。

7.根据权利要求1或2所述的方法，其特征在于，所述显示屏的形状为圆角矩形，所述用户界面的形状为直角矩形。

8.一种界面显示装置，其特征在于，所述装置包括：

第一显示模块，用于在显示屏的显示区域内显示用户界面；

第三检测模块，用于遍历所述用户界面中的各个显示元素，获得所述用户界面的全部显示元素；访问系统缓存获得所述显示屏的显示区域内显示的显示元素；对比所述用户界面的全部显示元素，和，所述显示屏的显示区域内显示的显示元素，剔除共同包含的元素，得到所述显示屏的显示区域之外的显示元素；检测所述显示屏的显示区域之外的显示元素中是否存在指定界面元素，所述指定界面元素存在于所述显示屏之外的区域，所述指定界面元素包括可交互元素，所述可交互元素指用于接收交互操作的界面元素；

第一检测模块，用于检测对所述显示屏的触摸操作是否符合第一预设条件，所述第一预设条件指触发对所述用户界面进行尺寸缩小的条件；

第二显示模块，用于当所述触摸操作符合所述第一预设条件，且所述用户界面中存在处于所述显示区域之外的所述指定界面元素时，显示缩小后的所述用户界面，其中，缩小后的所述用户界面完整显示在所述显示屏的显示区域内。

9.根据权利要求8所述装置，其特征在于，所述第一检测模块，包括：

第一检测单元，用于检测所述触摸操作对应的滑动方向是否指向所述显示屏的中央；

第一确定单元，用于若所述滑动方向指向所述显示屏的中央，则确定所述触摸操作符合所述第一预设条件；

或，

第二检测单元，用于检测所述触摸操作对应的点击区域是否位于预定区域，且点击次数是否为预定次数，所述预定区域位于所述显示屏的边角；

第二确定单元，用于若所述点击区域位于所述预定区域，且所述点击次数为所述预定次数，则确定所述触摸操作符合所述第一预设条件；

或，

第三检测单元，用于检测所述触摸操作对应的按压区域是否位于预定区域，且按压时长是否大于预定时长，所述预定区域位于所述显示屏的边角；

第三确定单元，用于若所述按压区域位于所述预定区域，且所述按压时长大于所述预定时长，则确定所述触摸操作符合所述第一预设条件。

10.根据权利要求8或9所述的装置，其特征在于，所述第二显示模块，包括：

第一获取单元，用于获取所述显示区域的第一形状和第一尺寸；

第二获取单元，用于获取所述用户界面的第二形状和第二尺寸；

计算单元，用于根据所述显示区域的第一形状和第一尺寸，计算所述用户界面的第二形状完整显示在所述显示区域内的第三尺寸；

缩小单元，用于将所述用户界面由所述第二尺寸缩小为所述第三尺寸，并进行显示。

11.根据权利要求10所述的装置，其特征在于，所述装置，还包括：

第二检测模块，用于检测对所述显示屏的触摸操作是否符合第二预设条件，所述第二预设条件指触发对所述用户界面进行尺寸放大的条件；

放大模块，用于当所述触摸操作符合所述第二预设条件时，将所述用户界面由所述第三尺寸放大为所述第二尺寸并进行显示。

12.根据权利要求11所述的装置，其特征在于，所述第二检测模块，包括：

第四检测单元，用于检测所述操作对应的滑动方向是否指向所示显示屏的边缘；

第四确定单元，用于若所述滑动方向指向所述显示屏的边缘，则确定所述触摸操作符合所述第二预设条件；

或，

第五检测单元，用于检测所述触摸操作对应的点击区域是否位于预定区域，且点击次数是否为预定次数，所述预定区域位于所述显示屏的边角；

第五确定单元，用于若所述点击区域位于所述预定区域，且所述点击次数为所述预定次数，则确定所述触摸操作符合所述第二预设条件；

或，

第六检测单元，用于检测所述触摸操作对应的按压区域是否位于预定区域，且按压时长是否大于预定时长，所述预定区域位于所述显示屏的边角；

第六确定单元，用于若所述按压区域位于所述预定区域，且所述按压时长大于所述预定时长，则确定所述触摸操作符合所述第二预设条件。

13.根据权利要求8或9所述的装置，其特征在于，所述指定界面元素包括信息显示元素，所述信息显示元素指用于显示信息的界面元素。

14.根据权利要求8或9所述的装置，其特征在于，所述显示屏的形状为圆角矩形，所述用户界面的形状为直角矩形。

15.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如权利要求1至7任一所述的界面显示方法。

16.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如权利要求1至7任一所述的界面显示方法。