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

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

Info

Publication number
CN107632874B
CN107632874B CN201710791122.0A CN201710791122A CN107632874B CN 107632874 B CN107632874 B CN 107632874B CN 201710791122 A CN201710791122 A CN 201710791122A CN 107632874 B CN107632874 B CN 107632874B
Authority
CN
China
Prior art keywords
application interface
display
terminal
interface
displayed
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710791122.0A
Other languages
English (en)
Other versions
CN107632874A (zh
Inventor
华春乔
孙国军
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Oppo Mobile Telecommunications Corp Ltd
Original Assignee
Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangdong Oppo Mobile Telecommunications Corp Ltd filed Critical Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority to CN201710791122.0A priority Critical patent/CN107632874B/zh
Publication of CN107632874A publication Critical patent/CN107632874A/zh
Application granted granted Critical
Publication of CN107632874B publication Critical patent/CN107632874B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

本发明公开了一种界面显示方法、装置及终端,属于界面交互技术领域。所述方法包括:确定终端当前运行的应用程序的应用界面,所述应用界面部分显示在所述终端的显示屏的显示区域中;检测所述应用界面中是否存在满足预设条件的指定类型元素,所述预设条件包括未被显示在所述显示区域内;若检测结果为所述应用界面中存在所述指定类型元素,则显示缩小后的所述应用界面,缩小后的所述应用界面中的所述指定类型元素全部被显示在所述显示区域内。通过上述方法,应用界面中未被显示的指定类型元素可以得以缩小并显示给用户,解决了应用界面在不同形状的显示区域中显示不全的问题,保证了显示屏显示的应用界面信息的完整性,提高了应用界面的显示效果。

Description

界面显示方法、装置及终端
技术领域
本发明实施例涉及界面交互技术领域,特别涉及一种界面显示方法、装置及终端。
背景技术
随着手机、平板电脑等具有显示功能的终端的不断发展,越来越多的人们习惯在终端上进行娱乐或工作,终端的界面显示极其重要。
在相关技术中,终端的显示屏通常为直角矩形,而应用界面也都被开发成直角矩形,在终端的显示屏显示一个应用界面时,终端会根据显示屏的分辨率及尺寸和应用界面的分辨率及尺寸,计算应用界面的缩放比,再对应用界面进行缩放后显示在显示屏的显示区域内。
然而,基于工艺、设计等需求,越来越多的终端的显示屏被设计制造成非矩形的形状,比如圆角矩形,当矩形的应用界面铺满非矩形的显示屏时,可能会出现应用界面不能被完全显示的情况,从而影响应用界面的显示效果。
发明内容
本发明实施例提供了一种界面显示方法、装置及终端,可以用于解决当矩形的应用界面铺满非矩形的显示屏时,可能会出现应用界面不能被完全显示的情况,从而影响应用界面的显示效果的问题。所述技术方案如下:
第一方面,提供了一种界面显示方法,用于终端中,所述方法包括:
确定所述终端当前运行的应用程序的应用界面,所述应用界面部分显示在所述终端的显示屏的显示区域中;
检测所述应用界面中是否存在满足预设条件的指定类型元素,所述预设条件包括未被显示在所述显示区域内;
若检测结果为所述应用界面中存在所述指定类型元素,则显示缩小后的所述应用界面,缩小后的所述应用界面中的所述指定类型元素全部被显示在所述显示区域内。
第二方面,提供了一种界面显示装置,所述装置包括:
确定模块,用于确定所述终端当前运行的应用程序的应用界面,所述应用界面部分显示在所述终端的显示屏的显示区域中;
检测模块,用于检测所述应用界面中是否存在满足预设条件的指定类型元素,所述预设条件包括未被显示在所述显示区域内;
第一显示模块,用于若检测结果为所述应用界面中存在所述指定类型元素,则显示缩小后的所述应用界面,缩小后的所述应用界面中的所述指定类型元素全部被显示在所述显示区域内。
第三方面,提供了一种终端,所述终端包括:处理器、与所述处理器相连的存储器,以及存储在所述存储器上的程序指令,所述处理器,用于执行所述程序指令,以实现如第一方面所述的界面显示方法。
第四方面,提供了一种计算机可读介质,其上存储有程序指令,所述程序指令被处理器执行时实现如第一方面所述的界面显示方法。
本发明实施例提供的技术方案带来的有益效果是:
终端在显示一个与终端的显示屏的显示区域形状不同的应用界面时,检测应用界面中是否存在处于显示屏的显示区域之外的指定类型元素,如果存在,则缩小应用界面,缩小后的应用界面中的指定类型元素能够显示在显示屏的显示区域中,即当应用界面中存在指定类型元素(比如较为重要的内容元素)未能被显示屏完全显示给用户时,终端可以通过缩小应用界面的显示尺寸,来保证显示屏显示的应用界面信息的完整性,提高了应用界面的显示效果。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1和图2是本发明一个示例性实施例提供的终端的结构方框图;
图3A至图3F是图1和图2所示实施例涉及的五种带有不同显示屏的终端的示意图;
图4是图1和图2所示实施例涉及的一种界面显示终端的显示屏与应用界面的对比示意图;
图5是本发明的一个示例性实施例示出的一种界面显示方法的流程图;
图6是图5所示实施例涉及的一种界面显示示意图;
图7是本发明的一个示例性实施例示出的另一种界面显示方法的流程图;
图8是图7所示实施例涉及的一种应用界面中包含的元素的示意图;
图9是图7所示实施例涉及的一种显示提示信息的示意图;
图10是图7所示实施例涉及的两种缩小效果示意图;
图11是本发明的一个示例性实施例示出的又一种界面显示方法的流程图;
图12是本发明一个实施例提供的一种界面显示装置的结构方框图;
图13是本发明一个实施例提供的另一种界面显示装置的结构方框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
请参考图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通常设置在终端100的前面板。触摸显示屏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的下方、将骨传导式的听筒设置在终端100的内部、将摄像头设置成位于终端的侧边且可插拔的结构。
在一些可选的实施例中,当终端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,其示出了本发明实施例涉及的一种界面显示终端的显示屏与应用界面的对比示意图。如图4所示,包含显示屏的终端为手机终端,手机显示屏的显示区域都用圆点填充,而应用界面的形状都用虚线框表示。在图4(a)中,手机显示屏的形状是圆角矩形,而应用界面的形状是直角矩形,或者,如图4(b)所示,手机显示屏的形状是直角矩形去除一个圆形和一个小直角矩形之后的不规则图形,而应用界面的形状是直角矩形,再或者,如图4(c)所示,手机显示屏的形状是直角矩形,而应用界面的形状是带有弧线的图形。
需要说明的一点是,显示屏和应用界面的形状可以是任意形状,比如直角矩形、圆角矩形、圆形、三角形、不规则图形等等,只要显示屏的形状和应用界面的形状不同即可,对此,本发明实施例不做限定。
请参考图5,其示出了本发明的一个示例性实施例示出的一种界面显示方法的流程图,该方法可以应用于包含显示屏的终端,比如图1或图2所示的终端100中。如图5所示,该界面显示方法可以包括:
步骤501,确定终端当前运行的应用程序的应用界面,该应用界面部分显示在终端的显示屏的显示区域中。
在本发明实施例中,终端先确定该终端当前运行的应用程序的应用界面,如果该终端的显示屏的显示区域的形状和该应用界面的形状不同,那么可能会出现该应用界面不能在该显示屏中的显示区域完全显示的情形。或者,当该应用界面的尺寸大于显示区域的尺寸时,也可能出现应用界面不能在该显示屏中的显示区域完全显示的情形。
比如,请参考图6,其示出了本发明实施例涉及的一种界面显示的示意图。以手机显示屏的界面显示为例,如图6(a)所示,当手机的显示屏的形状是圆角矩形(如图6(a)中实线框所示),而应用界面的形状是直角矩形(如图6(a)中虚线框所示)时,应用界面的四个角的内容就不能被显示屏显示出来,即可交互元素61、可交互元素62、可交互元素63、可交互元素64不能被显示屏显示给用户。
步骤502,检测该应用界面中是否存在满足预设条件的指定类型元素,该预设条件包括未被显示在该显示区域内。
在本发明实施例中,当终端确定了该终端当前运行的应用程序的应用界面时,会检测该应用界面中是否存在指定类型元素未被显示在终端显示屏的显示区域内。在实际应用中,上述指定类型元素的检测方式可以是实时检测,也可以是定时检测,对此,本发明实施例不做限定。
步骤503,若检测结果为该应用界面中存在该指定类型元素,则显示缩小后的该应用界面,缩小后的该应用界面中的该指定类型元素全部被显示在该显示区域内。
在本发明实施例中,如果在该应用界面中检测到了未被显示在终端显示屏的显示区域内的指定类型元素,则显示缩小后的该应用界面,使得该应用界面中的指定类型元素全部被该显示屏显示给用户。
比如,请参考图6,以手机显示屏的界面显示为例,如图6(b)所示,当终端检测到该应用界面中存在未被显示在该显示屏的显示区域内的指定类型元素,即可交互元素61、可交互元素62、可交互元素63、可交互元素64时,会显示缩小后的该应用界面,使得该应用界面中的指定类型元素全部被该显示屏显示给用户。
综上所述,本发明实施例提供的方法,终端在显示一个与终端的显示屏的显示区域形状不同的应用界面时,终端会检测该应用界面中的未被显示在显示屏的显示区域内的指定类型元素,如果检测到该指定类型元素,则显示缩小后的该应用界面,使得该应用界面中的指定类型元素全部显示在显示屏的显示区域内,即当应用界面中存在指定类型元素(比如较为重要的内容元素)未能被显示屏完全显示给用户时,终端可以通过显示缩小后的该应用界面,来保证显示屏显示的应用界面信息的完整性,提高了应用界面的显示效果。
请参见图7,其示出了本发明的一个示例性实施例示出的一种界面显示方法的流程图,该方法可以应用于包括显示屏的终端,比如图4所示的终端中。如图7所示,该界面显示方法可以包括:
步骤701,确定终端当前运行的应用程序的应用界面,该应用界面部分显示在该终端的显示屏的显示区域中。
在通常情况下,终端的显示屏的显示区域的形状和应用界面的形状相同,都为直角矩形,这时显示屏就能够对应用界面有较好的显示效果。在本发明实施例中,终端的显示屏的显示区域的形状(即第一形状)和应用界面的形状(即第二形状)可能不同,该应用界面可以是第三方应用软件的应用界面,这类应用界面的形状一般是由相应的第三方应用软件的开发者定义的,此外,该应用界面还可以是终端的系统应用界面,这类应用界面的形状一般是由该终端的系统开发者定义的,对于应用界面的形状,本发明实施例不做限定。
步骤702,检测该应用界面中是否存在满足预设条件的指定类型元素,该预设条件包括未被显示在该显示区域内。
其中,该指定类型元素包括:可交互元素和信息显示元素中的至少一种。
其中,该可交互元素为用于接收交互操作并触发对应的结果反馈的元素,该信息显示元素为用于显示信息的元素。
在本发明实施例中,可以将应用界面中的各个元素分为三大类,分别为:可交互元素、信息显示元素和背景元素。其中,可交互元素可以是用户可通过点击、双击、长按等动作进行操作,并产生结果反馈的元素,比如,请参考图8,其示出了本发明实施例涉及的一种应用界面中包含的元素的示意图,图8所示应用界面中的“返回”按钮81、“分享”按钮82、“编辑”按钮83和“删除”按钮84以及界面显示的图片85即为可交互元素,用户可以通过点击相应的按钮进行操作以获得相应的结果反馈,比如用户点击“返回”按钮81,即可返回至上一个应用界面,此外,用户也可以通过点击界面显示的图片85进行操作以确定界面中的各个选项按钮是否显示;信息显示元素是指用于向用户显示相关信息的不可接收用户操作产生结果反馈的元素,比如图8所示应用界面中的元素86以及元素87,其中,元素86是当前应用界面的界面标题,元素87是当前界面显示的图片的名称,它们仅仅用于向用户显示信息,并不能被用户通过点击、双击、长按等操作产生某种结果反馈;背景元素是指除上述可交互元素和信息显示元素之外的所有元素,它们在应用界面中没有实质性的用途,比如图8所示应用界面中除了可交互元素和信息显示元素之外的区域中显示的内容(图中显示为空白区域88)。
在本发明实施例中,终端在显示一个与终端的显示屏的显示区域形状不同的应用界面时,会检测该应用界面中是否存在未被显示在该终端显示屏的显示区域内的指定类型元素,检测方法可以是终端通过遍历该应用界面中的各个元素,获得当前应用界面的全部元素,并访问系统缓存获得显示屏的显示区域内当前显示的元素,然后对两组元素进行比对,剔除两组元素中共同包含的元素,得到未被显示在显示屏的显示区域内的元素,最后对上述元素进行分析归类,判断其是上述三种界面元素的哪一种,进而判断该应用界面中是否存在未被显示在该显示屏的显示区域内的指定类型元素。
其中,对未被显示在显示区域内的元素进行分析归类可以遵循以下方式:
1、当指定类型元素只包含可交互元素或者信息显示元素时,检测未被显示在显示区域内的元素是否为可交互元素或者信息显示元素。
2、当指定类型元素同时包含可交互元素和信息显示元素时,同步执行检测未被显示在显示区域内的元素是否为可交互元素以及检测是否为信息显示元素的步骤。
3、当指定类型元素同时包含可交互元素和信息显示元素时,先检测未被显示在显示区域内的元素是否为可交互元素,若不是,再检测是否为信息显示元素。
4、当指定类型元素同时包含可交互元素和信息显示元素时,先检测未被显示在显示区域内的元素是否为信息显示元素,若不是,再检测是否为可交互元素。
需要说明的一点是,在实际应用中,上述应用界面的元素的划分方法也可以是除上述划分方法之外的其它方法,对此,本发明不做限定。
其中,上述的未被显示在显示屏的显示区域内的元素,可以是指完全未被显示在显示屏的显示区域内的元素;或者,上述的未被显示在显示屏的显示区域内的元素,也可以是部分未被显示在显示屏的显示区域内的显示元素,比如,当某个元素中超过预设百分比(比如50%)的部分处于显示区域之外时,即认为该元素是未被显示在显示屏的显示区域内的元素。
需要说明的另一点是,在实际应用中,上述指定类型元素的检测时间可以是实时检测,也可以是定时检测,检测方法也可以是除上述方法之外的其他方法,对此,本发明实施例不做限定。
可选的,终端在步骤702中确定出应用界面中存在未被显示在显示屏的显示区域内的指定类型元素时,可以自动执行后续步骤703。
或者,在另一种可能的实现方式中,终端在步骤702中确定出应用界面中存在未被显示在显示屏的显示区域内的指定类型元素时之后,也可以暂时不执行步骤703,而是在检测到用户的缩小操作时,才执行后续步骤703。在实际应用中,用户对应用界面的缩小操作可以是五指在显示屏上进行的捏合操作,也可以是双指在屏幕上进行的下滑操作,对此,本发明实施例不做限定。
可选的,当终端在检测到用户的缩小操作时,才执行后续步骤703的情况下,终端还可以先显示提示信息,该提示信息用于指示该应用界面中存在满足该预设条件的该指定类型元素,在检测到针对该应用界面的缩小操作时,再执行显示缩小后的该应用界面,使得该指定类型元素处于该显示屏的显示区域内的操作,即步骤703至步骤705。
在本发明实施例中,当终端检测到应用界面中存在未被显示在显示屏的显示区域内的指定类型元素时,除了自动执行缩小应用界面的步骤之外,还可以先通过提示信息把上述指定类型元素显示给用户,让用户自行判断是否要进行缩小操作。比如,请参考图9,其示出了本发明实施例涉及的一种显示提示信息的示意图。如图9所示,终端在显示屏下方添加标注信息91,上述标注信息可以为“有未显示内容,请缩小界面查看”。或者,终端也可以通过语音提示提醒用户,上述语音提示可以为“当前界面未完全显示,请缩小界面查看”等等。在实际应用中,上述显示提示信息的方法可以是除上述两种方法之外的任意方法,对此,本发明实施例不做限定。
步骤703,根据该显示区域的第一形状和该显示区域的第一尺寸,计算该应用界面满足预设条件时的最大尺寸。
其中,上述预设条件可以包括第一预设条件或者第二预设条件;该第一预设条件包括该应用界面完全显示在该显示区域内,该第二预设条件包括该应用界面中的全部指定类型元素完全显示在该显示区域内。
在一种简单的实现方式中,当检测出应用界面中存在未被显示在显示屏的显示区域内的指定类型元素时,可以将整个应用界面全部缩小,使得整个应用界面显示在显示屏的显示区域中。
在另一种可能的实现方式中,由于指定类型元素可能只占据应用界面在显示区域之外的一部分,因此,为了在完整显示出应用界面中的指定类型元素的同时,能够以最大的尺寸显示该应用界面以提高显示效果,可以不将应用界面缩小到完整显示,而只是缩小到能够显示全部的指定类型元素即可。
在本发明实施例中,对应上述两种实现方式,终端可以计算该应用界面满足第一预设条件时的最大尺寸,也可以计算该应用界面满足第二预设条件时的最大尺寸。比如,请参考图10,其示出了本发明实施例涉及的两种缩小效果示意图。如图10所示,图10(a)所示的显示屏的显示区域之外既包含应用界面的指定类型元素(即图中“返回”按钮101、“分享”按钮102、“编辑”按钮103和“删除”按钮104),又包含背景元素(即图中显示屏的显示区域之外的空白区域105),此时,既可以对整个应用界面进行缩小显示(如图10(b)所示),也可以对应用界面中包含全部指定类型元素的有效区域进行缩小显示,而对其它背景元素所在的区域不做显示(如图10(c)所示)。
终端可以先访问操作系统中存储的终端属性信息,获取终端属性信息中包含的显示屏的显示区域的第一形状和第一尺寸,再根据该第一形状和第一尺寸计算该应用界面完全显示在该显示区域内时的最大尺寸或者该应用界面中的全部指定类型元素完全显示在该显示区域内时的最大尺寸,以保证该应用界面中的全部指定类型元素被显示给用户且显示的界面区域能够最大化,计算方法可以是终端逐步线性缩小该应用界面,并在缩小过程中实时检测该应用界面是否被完全显示在该显示区域内,当检测结果变为该应用界面被完全显示的时候,停止对该应用界面的线性缩小,并获取当前缩小后的应用界面的尺寸,该尺寸即是该应用界面完全显示在该显示区域内时的最大尺寸;或者,也可以是终端逐步线性缩小该应用界面,并在缩小过程中实时检测该应用界面中是否存在处于显示屏的显示区域之外的指定类型元素,当检测结果变为不存在的时候,停止对该应用界面的线性缩小,并获取当前缩小后的应用界面的尺寸,该尺寸即是该应用界面中的全部指定类型元素完全显示在该显示区域内时的最大尺寸。
步骤704,根据该最大尺寸和该应用界面的第二尺寸计算该应用界面的缩小比例。
在本发明实施例中,如果计算的应用界面完全显示在显示区域内时的最大尺寸或者应用界面中的全部指定类型元素完全显示在显示区域内时的最大尺寸为m,应用界面的第二尺寸为n,则该应用界面的缩小比例为m:n,比如,如果计算的应用界面完全显示在显示区域内时的最大宽度为70mm,应用界面的当前宽度为80mm,则该应用界面的缩小比例为7:8,在后续缩小过程中,即按照7:8的缩小比例对该应用界面进行缩小显示。
需要说明的一点是,在实际应用中,上述尺寸对应的量度可以是长度、宽度、对角线长度、面积等等任意可以表示应用界面的大小的量度,对此,本发明实施例不做限定。
步骤705,根据该缩小比例显示缩小后的该应用界面。
在对应用界面的显示尺寸进行缩小时,终端可以保持显示屏的中心与应用界面的中心重合,并对应用界面缩小相应的比例(即上述缩小比例)。
步骤706,根据用户对应用界面的放大操作,对缩小后的该应用界面进行放大恢复。
在本发明实施例中,在终端缩小应用界面的显示尺寸之后,还可以让用户在显示屏上进行放大手势操作,以对缩小后的应用界面进行放大恢复,满足用户多元化的需求。在实际应用中,用户对应用界面的放大操作可以是五指在显示屏上进行的扩张操作,也可以是双指在屏幕上进行的上滑操作,对此,本发明实施例不做限定。
可选的,在一般情形下,上述显示屏的形状为圆角矩形,上述应用界面的形状为直角矩形。
综上所述,本发明实施例提供的方法,终端在显示一个与终端的显示屏的显示区域形状不同的应用界面时,会检测该应用界面中的未被显示在显示区域内的指定类型元素,如果检测到该指定类型元素,则根据该显示区域的形状和尺寸,计算该应用界面完全显示在显示区域内时的最大尺寸,或者该应用界面中的全部指定类型元素完全显示在显示区域内时的最大尺寸,然后计算该应用界面的缩小比例,最后根据计算出的缩小比例来显示缩小后的该应用界面,使得该应用界面中的指定类型元素全部被该显示屏显示,即当应用界面中存在指定类型元素(比如较为重要的内容元素)未能被显示屏完全显示给用户时,终端可以通过缩小应用界面的显示尺寸,来保证显示屏显示的应用界面信息的完整性,提高了应用界面的显示效果。
请参考图11,其示出了本发明的一个示例性实施例示出的又一种界面显示方法的流程图,该方法可以应用于包含显示屏的终端,比如图1或图2所示的终端100中。
在本实施例中,手机显示屏的显示区域的形状为圆角矩形,而当前运行的应用程序的应用界面的形状为直角矩形。当手机确定了该应用界面时,检测该应用界面中是否存在未被显示在该手机显示屏的显示区域内的指定类型元素,指定类型元素为可交互元素和信息显示元素。
只要未被显示在显示区域内的元素包含可交互元素,手机就自动缩小整个应用界面,使得整个应用界面全部被显示屏显示,如果未被显示在显示区域内的元素不包含可交互元素而包含信息显示元素,则用户可以根据实际情况选择缩小应用界面或者不做处理,当用户在显示屏上进行了缩小手势操作时,手机会根据接收到的缩小手势信息,缩小整个应用界面至整个应用界面被全部显示,进一步地,如果未被显示在显示区域内的元素既不包含可交互元素,也不包含信息显示元素,则手机对应用界面不做任何处理。另外,在缩小整个应用界面之后,用户还可以在显示屏上进行放大手势操作,以放大缩小后的应用界面至恢复原状。
在检测过程中,按照上述实施例中的检测方法先检测未被显示在显示区域内的元素是否包含可交互元素,如果包含可交互元素,则手机缩小整个应用界面,使得整个应用界面全部被显示屏显示;如果不是包含可交互元素,则检测显示区域之外的元素是否包含信息显示元素。
如果未被显示在显示区域内的元素包含信息显示元素,则手机先接收用户在显示屏上操作的对该应用界面的缩小手势信息,再根据接收到的缩小手势信息,缩小整个应用界面,使得整个应用界面全部被显示屏显示;如果未被显示在显示区域内的元素不包含信息显示元素,则手机不对该应用界面做任何处理,该应用界面继续以当前尺寸显示。在缩小应用界面之后,手机接收用户在显示屏上操作的对该应用界面的放大手势信息,再根据接收到的放大手势信息,放大整个应用界面至恢复原状。
下述为本发明装置实施例,可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节,请参照本发明方法实施例。
请参考图12,其是本发明一个实施例提供的一种界面显示装置的结构方框图,该界面显示装置可通过软件、硬件或者两者的结合实现成为终端的部分或者全部。该界面显示装置可以包括:
确定模块1201,确定所述终端当前运行的应用程序的应用界面,所述应用界面部分显示在所述终端的显示屏的显示区域中;
检测模块1202,用于检测所述应用界面中是否存在满足预设条件的指定类型元素,所述预设条件包括未被显示在所述显示区域内;
第一显示模块1203,用于若检测结果为所述应用界面中存在所述指定类型元素,则显示缩小后的所述应用界面,缩小后的所述应用界面中的所述指定类型元素全部被显示在所述显示区域内。
可选的,所述指定类型元素包括:可交互元素和信息显示元素中的至少一种;
其中,所述可交互元素为用于接收交互操作并触发对应的结果反馈的元素,所述信息显示元素为用于显示信息的元素。
进一步的,请参考图13,其示出了本发明一个实施例提供的另一种界面显示装置的结构方框图。
可选的,所述第一显示模块1203包括:
第一计算单元1203a,用于根据所述显示区域的第一形状和所述显示区域的第一尺寸,计算所述应用界面满足第一预设条件时的最大尺寸,所述第一预设条件包括所述应用界面完全显示在所述显示区域内;
第二计算单元1203b,用于根据所述最大尺寸和所述应用界面的第二尺寸计算所述应用界面的缩小比例;
第一显示单元1203c,用于根据所述缩小比例显示缩小后的所述应用界面。
可选的,所述第一显示模块1203包括:
第三计算单元1203d,还用于根据所述显示区域的第一形状和所述显示区域的第一尺寸,计算所述应用界面满足第二预设条件时的最大尺寸,所述第二预设条件包括所述应用界面中的全部指定类型元素完全显示在所述显示区域内;
第四计算单元1203e,用于根据所述最大尺寸和所述应用界面的第二尺寸计算所述应用界面的缩小比例;
第二显示单元1203f,用于根据所述缩小比例显示缩小后的所述应用界面。
可选的,所述第二显示模块1204,具体用于:
在检测到针对所述应用界面的缩小操作时,执行所述显示缩小后的所述应用界面的操作。
可选的,所述装置还包括:
第二显示模块1204,用于显示提示信息,所述提示信息用于指示所述应用界面中存在满足所述预设条件的所述指定类型元素。
可选的,所述显示屏的形状为圆角矩形,所述应用界面的形状为直角矩形。
相关细节参见上述方法实施例。
本发明实施例还提供一种计算机可读介质,其上存储有程序指令,程序指令被处理器执行时实现上述方法实施例中的界面显示方法。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (10)

1.一种界面显示方法,用于终端中,其特征在于,所述终端包括显示屏,所述方法包括:
确定所述终端当前运行的应用程序的应用界面,当所述终端的显示屏的显示区域的形状和所述终端当前运行的应用界面的形状不同,或者,所述应用界面的尺寸大于所述显示区域的尺寸时,所述应用界面部分显示在所述终端的显示屏的显示区域中;
检测所述应用界面中是否存在满足预设条件的指定类型元素,所述预设条件包括未被显示在所述显示区域内,所述指定类型元素包括:可交互元素和信息显示元素中的至少一种,其中,所述可交互元素为用于接收交互操作并触发对应的结果反馈的元素,所述信息显示元素为用于显示信息的元素;
若检测结果为所述应用界面中存在所述指定类型元素,则显示缩小后的所述应用界面,缩小后的所述应用界面中的所述指定类型元素全部被显示在所述显示区域内;
所述显示缩小后的所述应用界面,包括:
根据所述显示区域的第一形状和所述显示区域的第一尺寸,计算所述应用界面满足第二预设条件时的最大尺寸,所述第二预设条件包括所述应用界面中的全部指定类型元素完全显示在所述显示区域内;
根据所述最大尺寸和所述应用界面的第二尺寸计算所述应用界面的缩小比例;
根据所述缩小比例显示缩小后的所述应用界面。
2.根据权利要求1所述的方法,其特征在于,所述显示缩小后的所述应用界面,还包括:
在检测到针对所述应用界面的缩小操作时,执行所述显示缩小后的所述应用界面的操作。
3.根据权利要求1所述的方法,其特征在于,所述显示缩小后的所述应用界面之前,还包括:
显示提示信息,所述提示信息用于指示所述应用界面中存在满足所述预设条件的所述指定类型元素。
4.根据权利要求1至3任一项所述的方法,其特征在于,所述显示屏的形状为圆角矩形,所述应用界面的形状为直角矩形。
5.一种界面显示装置,用于终端中,其特征在于,所述终端包括显示屏,所述装置包括:
确定模块,用于确定所述终端当前运行的应用程序的应用界面,当所述终端的显示屏的显示区域的形状和所述终端当前运行的应用界面的形状不同,或者,所述应用界面的尺寸大于所述显示区域的尺寸时,所述应用界面部分显示在所述终端的显示屏的显示区域中;
检测模块,用于检测所述应用界面中是否存在满足预设条件的指定类型元素,所述预设条件包括未被显示在所述显示区域内,所述指定类型元素包括:可交互元素和信息显示元素中的至少一种,其中,所述可交互元素为用于接收交互操作并触发对应的结果反馈的元素,所述信息显示元素为用于显示信息的元素;
第一显示模块,用于若检测结果为所述应用界面中存在所述指定类型元素,则显示缩小后的所述应用界面,缩小后的所述应用界面中的所述指定类型元素全部被显示在所述显示区域内;
所述第一显示模块包括:
第三计算单元,还用于根据所述显示区域的第一形状和所述显示区域的第一尺寸,计算所述应用界面满足第二预设条件时的最大尺寸,所述第二预设条件包括所述应用界面中的全部指定类型元素完全显示在所述显示区域内;
第四计算单元,用于根据所述最大尺寸和所述应用界面的第二尺寸计算所述应用界面的缩小比例;
第二显示单元,用于根据所述缩小比例显示缩小后的所述应用界面。
6.根据权利要求5所述的装置,其特征在于,所述第一显示模块,具体用于,
在检测到针对所述应用界面的缩小操作时,执行所述显示缩小后的所述应用界面的操作。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
第二显示模块,用于显示提示信息,所述提示信息用于指示所述应用界面中存在满足所述预设条件的所述指定类型元素。
8.根据权利要求5至7任一项所述的装置,其特征在于,所述显示屏的形状为圆角矩形,所述应用界面的形状为直角矩形。
9.一种终端,其特征在于,所述终端包括:处理器、与所述处理器相连的存储器,以及存储在所述存储器上的程序指令,所述处理器用于执行所述程序指令,以实现如权利要求1至4任一项所述的界面显示方法。
10.一种计算机可读介质,其上存储有程序指令,其特征在于,所述程序指令被处理器执行时实现如权利要求1至4任一项所述的界面显示方法。
CN201710791122.0A 2017-09-05 2017-09-05 界面显示方法、装置及终端 Active CN107632874B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710791122.0A CN107632874B (zh) 2017-09-05 2017-09-05 界面显示方法、装置及终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710791122.0A CN107632874B (zh) 2017-09-05 2017-09-05 界面显示方法、装置及终端

Publications (2)

Publication Number Publication Date
CN107632874A CN107632874A (zh) 2018-01-26
CN107632874B true CN107632874B (zh) 2023-11-03

Family

ID=61100512

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710791122.0A Active CN107632874B (zh) 2017-09-05 2017-09-05 界面显示方法、装置及终端

Country Status (1)

Country Link
CN (1) CN107632874B (zh)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108073343B (zh) * 2018-01-26 2019-12-17 维沃移动通信有限公司 一种显示界面调整方法及移动终端
CN108600500B (zh) * 2018-03-02 2021-05-11 Oppo广东移动通信有限公司 图片显示方法、装置、移动终端及存储介质
CN110244992A (zh) * 2018-03-07 2019-09-17 深圳天珑无线科技有限公司 电子终端及其图像显示控制方法、装置
CN108510457B (zh) * 2018-03-28 2022-01-14 京东方科技集团股份有限公司 图像矫正方法、装置、显示设备
CN108536510B (zh) * 2018-03-29 2019-09-20 北京微播视界科技有限公司 基于人机交互应用程序的实现方法和装置
CN108519848A (zh) * 2018-03-30 2018-09-11 联想(北京)有限公司 一种显示控制方法及电子设备
CN108984253A (zh) * 2018-06-29 2018-12-11 奇酷互联网络科技(深圳)有限公司 应用程序界面显示方法、装置、可读存储介质及移动终端
CN109308205B (zh) 2018-08-09 2020-12-01 腾讯科技(深圳)有限公司 应用程序的显示适配方法、装置、设备及存储介质
JP7103243B2 (ja) * 2019-01-17 2022-07-20 トヨタ自動車株式会社 情報処理装置、情報処理システム、及び、情報処理方法
CN110569095B (zh) 2019-08-09 2021-08-13 荣耀终端有限公司 显示页面元素的方法和电子设备
CN110688185B (zh) * 2019-09-25 2023-04-07 北京金山安全软件有限公司 一种页面显示方法、装置及电子设备
CN112486616A (zh) * 2020-11-30 2021-03-12 维沃移动通信有限公司 界面显示方法、界面显示装置、电子设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103309604A (zh) * 2012-11-16 2013-09-18 中兴通讯股份有限公司 一种终端及终端屏幕显示信息控制方法
CN105117156A (zh) * 2015-08-10 2015-12-02 联想(北京)有限公司 一种信息处理方法及电子设备
US20160246487A1 (en) * 2011-11-17 2016-08-25 Prezi, Inc. Grouping with frames to transform display elements within a zooming user interface

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160246487A1 (en) * 2011-11-17 2016-08-25 Prezi, Inc. Grouping with frames to transform display elements within a zooming user interface
CN103309604A (zh) * 2012-11-16 2013-09-18 中兴通讯股份有限公司 一种终端及终端屏幕显示信息控制方法
CN105117156A (zh) * 2015-08-10 2015-12-02 联想(北京)有限公司 一种信息处理方法及电子设备

Also Published As

Publication number Publication date
CN107632874A (zh) 2018-01-26

Similar Documents

Publication Publication Date Title
CN107632874B (zh) 界面显示方法、装置及终端
WO2019174477A1 (zh) 用户界面显示方法、装置及终端
EP3779684B1 (en) Icon display method, device and terminal
CN112817684B (zh) 用户界面显示方法、装置、终端及存储介质
WO2019174546A1 (zh) 用户界面显示方法、装置、设备及存储介质
US20210342045A1 (en) User Interface Display Method, Terminal and Non-Transitory Computer-Readable Storage Medium
CN108089786B (zh) 用户界面显示方法、装置、设备及存储介质
CN108958681B (zh) 分屏显示的方法、装置、终端及存储介质
CN107577495B (zh) 界面显示方法、装置及终端
CN107506123B (zh) 调节操作执行方法、装置及终端
CN108491127B (zh) 输入法界面显示方法、装置、终端及存储介质
US11500513B2 (en) Method for icon display, terminal, and storage medium
CN109101157B (zh) 侧边栏图标设置方法、装置、终端及存储介质
CN107765959B (zh) 后台应用程序显示方法和终端
WO2019174466A1 (zh) 消息提醒方法、装置、设备及存储介质
WO2019047738A1 (zh) 消息显示方法、装置、移动终端及存储介质
WO2019174465A1 (zh) 用户界面显示方法、装置、终端及存储介质
CN107608550B (zh) 触摸操作响应方法及装置
CN110442267B (zh) 触摸操作响应方法、装置、移动终端及存储介质
WO2019047147A1 (zh) 图标移动方法及装置
CN107688430B (zh) 更换壁纸的方法、装置、终端及存储介质
CN109656445B (zh) 内容处理方法、装置、终端及存储介质
WO2019233307A1 (zh) 用户界面显示方法、装置、终端及存储介质
CN107748656B (zh) 一种画面显示方法、装置、终端及存储介质
US11086442B2 (en) Method for responding to touch operation, mobile terminal, and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18

Applicant after: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd.

Address before: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18

Applicant before: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant