用户界面显示方法、装置、设备及存储介质
技术领域
本申请实施例涉及人机交互领域,特别涉及一种用户界面显示方法、装置、设备及存储介质。
背景技术
智能手机上安装有多个应用程序。当后台运行有多个应用程序时,用户可以将其中一个应用程序切换至前台运行。
相关技术提供的一种应用程序切换方法,包括:在前台运行应用程序A的过程中,若接收到菜单键上的第一点击信号时,智能手机显示缩略图页面,该缩略图页面上显示有若干个后台运行的应用程序的缩略图。当接收到应用程序B对应的缩略图上的第二点击信号时,智能手机将该应用程序B切换至前台运行。
发明内容
本申请实施例提供了一种用户界面显示方法、装置、设备及存储介质,可以解决相关技术中的应用程序切换方法需要较多次人机操作,人机交互效率较低的问题。所述技术方案如下:
第一方面,提供了一种程序显示方法,所述方法包括:
在主显示区域显示第一应用程序的第一用户界面;
在辅显示区域显示第二应用程序的程序图标;
当接收到所述程序图标上的第一操作信号时,在所述第一用户界面上显示浮动窗口,所述浮动窗口用于显示所述第二应用程序的第二用户界面。
第二方面,提供了一种程序显示装置,所述装置包括:
第一显示模块,用于在主显示区域显示第一应用程序的第一用户界面;
第二显示模块,用于在辅显示区域显示第二应用程序的程序图标;
所述第一显示模块,还用于当接收到所述程序图标上的第一操作信号时,在所述第一用户界面上显示浮动窗口,所述浮动窗口用于显示所述第二应用程序的第二用户界面。
第三方面,提供了一种终端,所述终端包括处理器和存储器;所述存储器存储有至少一条指令,所述至少一条指令用于被所述处理器执行以实现如上第一方面所述的程序显示方法。
第四方面,提供了一种计算机可读存储介质,所述存储介质存储有至少一条指令,所述至少一条指令用于被处理器执行以实现如上第一方面所述的程序显示方法。
本实施例提供的程序显示方法,通过在辅显示区域上显示第二应用程序的程序图标,当接收到程序图标上的第一操作信号时,在第一用户界面上显示浮动窗口,该浮动窗口用于显示第二应用程序的第二用户界面,能够简化用户在不同的应用程序之间切换时的操作步骤,提高人机交互效率。同时,还不会打断用户对第一应用程序的正常使用,比如第一应用程序是游戏应用,则方便用户在使用游戏应用时,不打断游戏体验的同时,对第二应用程序进行快速操作。
附图说明
图1是本申请一个示例性实施例提供的终端的结构示意图;
图2是本申请另一个示例性实施例提供的终端的结构示意图;
图3A至图3F是本申请的示例性实施例提供的具有不同触摸显示屏的终端的外观示意图;
图4是本申请一个示例性实施例提供的用户界面显示方法的流程图;
图5是本申请一个示例性实施例提供的用户界面显示方法在实施时的界面示意图;
图6是本申请一个示例性实施例提供的用户界面显示方法的流程图;
图7至图13是图6实施例提供的用户界面显示方法在实施时的界面示意图;
图14是本申请另一个示例性实施例提供的用户界面显示方法的流程图;
图15至图16是图14实施例提供的用户界面显示方法在实施时的界面示意图;
图17是本申请一个示例性实施例提供的用户界面显示方法的流程图;
图18是本申请另一个示例性实施例提供的用户界面显示方法的流程图;
图19至图21是图18实施例提供的用户界面显示方法在实施时的界面示意图;
图22是本申请另一个示例性实施例提供的用户界面显示装置的结构示意图;
图23是本申请另一个示例性实施例提供的终端的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
在本文中提及的“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
参考图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运行时库242(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的中框的单个侧边,或两个侧边(比如左、右两个侧边),或四个侧边(比如上、下、左、右四个侧边)上设置有边缘触控传感器120,该边缘触控传感器120用于检测用户在中框上的触摸操作、点击操作、按压操作和滑动操作等中的至少一种操作。该边缘触控传感器120可以是触摸传感器、热力传感器、压力传感器等中的任意一种。用户可以在边缘触控传感器120上施加操作,对终端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,其示出了本申请一个示例性实施例示出的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明。该方法包括:
步骤401,在主显示区域显示第一应用程序的第一用户界面;
终端的显示屏上包括主显示区域和辅显示区域。通常,主显示区域和辅显示区域是属于同一显示屏上的不同显示区域。主显示区域的第一显示面积大于辅显示区域的第二显示面积。
可选地,主显示区域与辅显示区域相邻,主显示区域和辅显示区域的总显示面积等于显示屏的可用显示面积。
当显示屏是异形屏时,主显示区域是异形屏上呈矩形的显示区域,辅显示区域是异形屏上呈异形形状的显示区域,主显示区域和辅显示区域的合集等于异形屏的整个显示区域。示意性地,异形屏的三个边为直线边,剩余一个边是存在凹陷部位的曲线边,主显示区域是按照三个直线边和凹陷部位的边缘所划分出的最大矩形所在的区域,辅显示区域是除主显示区域之外的剩余部分。可选地,辅显示区域是一个或两个。
当显示屏是矩形屏(含圆角矩形屏)时,主显示区域可以是矩形的显示区域,辅显示区域可以是位于一个侧边的条状区域,比如用于显示状态栏或导航栏的区域。当显示屏是曲面屏时,主显示区域可以是平面显示区域,辅显示区域可以是位于侧边的曲面显示区域,本申请实施例对主显示区域和辅显示区域的位置不加以限定。
第一应用程序是位于前台运行的应用程序。在用户使用第一应用程序的过程中,终端在主显示区域上显示第一应用程序的第一用户界面,该第一用户界面是指第一应用程序的程序界面。
步骤402,在辅显示区域显示第二应用程序的程序图标;
终端可以预先在辅显示区域上显示第二应用程序的程序图标,也可以在处于横屏状态时在辅显示区域上显示第二应用程序的程序图标,还可以是根据接收到的操作信号显示第二应用程序的程序图标,本申请实施例对第二应用程序的程序图标的显示时机不加以限定。
当辅显示区域的显示面积有限时,辅显示区域可以仅显示一个第二应用程序的程序图标。当辅显示区域的显示面积较空闲时,辅显示区域还可以显示第三应用程序、第四应用程序等其它应用程序的程序图标。第二应用程序可以是尚未启动的应用程序,也可以是位于后台运行状态的应用程序,本申请实施例对第二应用程序的运行状态不加以限定。
步骤403,当接收到程序图标上的第一操作信号时,在第一用户界面上显示浮动窗口,该浮动窗口用于显示第二应用程序的第二用户界面。
第一操作信号可以是点击信号、双击信号、长按信号、滑动信号中的至少一种。
以第一操作信号是点击信号为例,参考图5,终端在主显示区域上显示有第一用户界面51,在辅显示区域52上显示有第二应用程序A、应用程序B和应用程序C的程序图标。当终端接收到第二应用程序A的程序图标上的点击信号时,在第一用户界面51上叠加(或弹出)浮动窗口53,该浮动窗口53用于显示第二应用程序A的第二用户界面。
综上所述,本实施例提供的用户界面显示方法,通过在辅显示区域上显示第二应用程序的程序图标,当接收到程序图标上的第一操作信号时,在第一用户界面上显示浮动窗口,该浮动窗口用于显示第二应用程序的第二用户界面,能够简化用户在不同的应用程序之间切换时的操作步骤,提高人机交互效率。同时,还不会打断用户对第一应用程序的正常使用,比如第一应用程序是游戏应用,则方便用户在使用游戏应用时,不打断游戏体验的同时,对第二应用程序进行快速操作。
请参考图6,其示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。本实施例以该方法应用于具有异形屏的终端100中来举例说明。该方法包括:
步骤601,在主显示区域显示第一应用程序的第一用户界面;
终端的显示屏上包括主显示区域和辅显示区域。当显示屏是异形屏时,主显示区域是异形屏上呈矩形的显示区域,辅显示区域是异形屏上呈异形形状的显示区域。示意性地,异形屏的三个边为直线边,剩余一个边是存在凹陷部位的曲线边,主显示区域是按照三个直线边和凹陷部位的边缘所划分出的最大矩形所在的区域,辅显示区域是除主显示区域之外的剩余部分。在本实施例中,辅显示区域是两个:位于终端右侧的第一辅显示区域,位于终端左侧的第二辅显示区域。当然,第一辅显示区域和第二辅显示区域也可以看成是一个整体,作为一个辅显示区域来看待。
本实施例中为了简化描述,采用第一辅显示区域进行举例说明,但下述实现也同样适用于第二辅显示区域。
第一应用程序是位于前台运行的应用程序。在用户使用第一应用程序的过程中,终端在主显示区域上显示第一应用程序的第一用户界面,该第一用户界面是指第一应用程序的程序界面。
在初始状态下,若终端处于竖屏显示状态,则第一辅显示区域上可以显示状态栏信息。状态栏信息包括:运营商名称、信号强度、网络制式、时间、日期、电池电量、无线保真(Wireless Fidelity,WiFi)网络信息、蓝牙信息中的至少一种。若终端处于横屏显示状态,则第一辅显示区域可以不显示任何内容,或者显示固定色(比如黑色)背景,或者显示与第一应用程序匹配的显示内容。
步骤602,当接收到第一辅显示区域上的第一滑动信号时,在第一辅显示区域上显示第二应用程序的程序图标;
第一辅显示区域包括依次相连的第一长边、第一短边、第二长边和第二短边。可选地,第一长边和第二长边是平行的直边,第一短边和第二短边可以是直边或曲边。第一长边与主显示区域之间的距离大于第二长边与主显示区域之间的距离。比如,第一长边与主显示区域之间的距离是30像素,第二长边与主显示区域之间的距离是0像素。
可选地,第一滑动信号是从第一长边向第二长边滑动的信号。
当终端接收到第一辅显示区域上的第一滑动信号时,终端将第一辅显示区域上的初始显示内容切换显示为第二应用程序的程序图标。
可选地,第二应用程序和第一应用程序是不同的应用程序。如果第二应用程序是具有消息接收功能的应用程序,则第二应用程序的程序图标上可以显示有角标,该角标用于指示第二应用程序存在未读消息。比如,第二应用程序是短信息程序、邮件应用程序、即时通信程序、微博程序、语音通信程序中的任意一种。
参考图7,当终端在第一辅显示区域50上接收到第一滑动信号时,终端在第一辅显示区域50上显示为应用程序A、应用程序B和应用程序C的程序图标。示意性的,本图以应用程序B为第二应用程序来举例说明。该第一滑动信号是从第一辅显示区域50的第一长边501从第二长边502滑动的信号。
在一个可选的实施例中,终端在接收到第一辅显示区域上的第一滑动信号且机身状态是横屏状态时,在第一辅显示区域上显示第二应用程序的程序图标。示意性的,终端可以仅在横屏显示模式下响应第一滑动信号,在竖屏显示模式下不响应第一滑动信号。比如,当终端接收到第一辅显示区域上的第一滑动信号时,检测机身状态是否为横屏状态;当机身状态是横屏状态时,在第一辅显示区域上显示第二应用程序的程序图标。否则,则不响应第一滑动信号,或按照其它方式响应第一滑动信号,其它方式可以是弹出下拉通知栏。又比如,当终端在机身状态是竖屏状态时,关闭第一辅显示区域的信号接收功能;当终端在机身状态是横屏状态时,启用第一辅显示区域的信号接收功能,当在第一辅显示区域接收到第一滑动信号时,在第一辅显示区域上显示第二应用程序的程序图标。
步骤603,当接收到第一辅显示区域上的第二滑动信号时,跟随第二滑动信号在第一辅显示区域取消对第二应用程序的程序图标的显示,且在第一辅显示区域增加对第三应用程序的程序图标的显示;
第二滑动信号可以是从第一短边向第二短边滑动的信号,或者,第二滑动信号是从第二短边向第一短边滑动的信号。
由于第一辅显示区域的显示面积有限,终端可以先在第一辅显示区域中显示第二应用程序的程序图标,当接收到用户在第一辅显示区域上的第二滑动信号时,跟随第二滑动信号在第一辅显示区域取消对第二应用程序的程序图标的显示,且在第一辅显示区域增加对第三应用程序的程序图标的显示。
也即,终端会跟随第二滑动信号对第一辅显示区域进行滑动显示。该滑动显示包括:将移出第一辅显示区域的程序图标进行取消显示、将移入第一辅显示区域的程序图标进行显示、将仍然位于第一辅显示区域中的程序图标跟随第二滑动信号改变显示位置。
参考图8,当终端在第一辅显示区域50上接收到第二滑动信号(从终端的左侧向右侧滑动)时,终端跟随第二滑动信号将应用程序A和第二应用程序B移出第一辅显示区域50、将第三应用程序D和第四应用程序E移入第一辅显示区域50。
步骤604,当接收到第一辅显示区域上的第三滑动信号时,在第一辅显示区域上取消显示第二应用程序的程序图标;
可选地,第三滑动信号是从第一辅显示区域的第二长边向第一长边滑动的信号。
当终端接收到第一辅显示区域上的第三滑动信号时,终端将第一辅显示区域上第二应用程序的程序图标切换显示为初始显示内容,或者不显示任何内容。
参考图9,当终端在第一辅显示区域50上接收到第三滑动信号(从终端的底端向顶端滑动)时,终端将第一辅显示区域50上的应用程序A、第二应用程序B和应用程序C的程序图标,切换显示为不显示任何内容。
上述步骤603和步骤604均为可选步骤。在步骤602之后,根据用户对终端施加的实际操作,本实施例还可以包括如下步骤。
步骤605,当接收到第二应用程序的程序图标上的第一操作信号时,在第一用户界面上的局部区域中叠加显示浮动窗口,浮动窗口用于显示第二应用程序的第二用户界面;
如果用户需要使用第二应用程序,则用户在第一辅显示区域上点击该第二应用程序的程序图标。终端接收到程序图标上的第一操作信号。可选地,第一操作信号是单击信号、双击信号、长按信号中的任意一种,本实施例以第一操作信号是单击信号进行举例说明。
终端可以在第一用户界面上的局部区域中叠加显示浮动窗口,该浮动窗口中显示有第二应用程序的第二用户界面。该局部区域可以是第一辅显示区域的相邻区域,也即该局部区域与第一辅显示区域之间的距离小于阈值。当第二应用程序是未启动的应用程序时,终端根据第一操作信号启动第二应用程序,然后在浮动窗口中显示第二应用程序的第二用户界面;当第二应用程序是后台运行的应用程序时,终端将处于后台运行的应用程序切换至浮动窗口中进行显示。
浮动窗口,又称为顶层窗口或画中画窗口,可以由安卓操作系统中的WindowsManager窗口实现。该浮动窗口可以尽量不遮挡第一用户界面上的主要显示元素。用户可以对浮动窗口中的第二用户界面进行操作,进而控制第二应用程序的运行。
可选地,终端接收浮动窗口的边框或边角上的拖动信号,根据该拖动信号改变浮动窗口的长、宽以及显示比例中的任意一种。
可选地,浮动窗口上还显示有隐藏按钮、全屏按钮和移动按钮中的至少一个按钮。结合图10,在用户点击第一辅显示区域52上的第二应用程序B的程序图标后,终端在主显示区域上叠加显示浮动窗口53,该浮动窗口53用于显示第二应用程序B的第二用户界面54。该浮动窗口53上还显示有移动按钮55、隐藏按钮56和全屏按钮57。
步骤606,当接收到浮动窗口的隐藏按钮上的第二操作信号时,取消显示浮动窗口;
可选地,第二操作信号是单击信号、双击信号、长按信号中的任意一种,本实施例以第二操作信号是单击信号进行举例说明。
可选地,当用户点击隐藏按钮,终端取消显示浮动窗口,并且关闭第二应用程序。或者,当用户点击隐藏按钮后,终端取消显示浮动窗口,并且将第二应用程序切换为后台运行状态。
结合图11,在用户点击浮动窗口53上的隐藏按钮56时,终端取消显示浮动窗口53。
步骤607,当接收到全屏按钮上的第三操作信号时,在主显示区域以全屏方式显示第二应用程序的第二用户界面;
可选地,第三操作信号是单击信号、双击信号、长按信号中的任意一种,本实施例以第三操作信号是单击信号进行举例说明。
当用户点击全屏按钮后,终端将第二应用程序的第二用户界面以全屏方式显示在主显示区域中,将第一应用程序从前台运行状态切换为后台运行状态。
结合图12,在用户点击浮动窗口53上的全屏按钮57后,终端在整个主显示区域中以全屏方式显示第二用户界面54。
步骤608,当接收到移动区域上的第四操作信号时,根据第四操作信号改变浮动窗口在主显示区域中的显示位置;
可选地,第四操作信号是拖动信号。移动区域可以是一个按钮、一个控件或者浮动窗口上的任意一个区域。
当用户拖动移动区域后,终端根据第四操作信号改变浮动窗口在主显示区域中的显示位置。
结合图13,在用户拖动浮动窗口53上的移动按钮55时,终端跟随拖动信号改变浮动窗口53的显示位置。在不同的实施例中,该移动按钮55也可以不显示出来,采用浮动窗口上的任意一个区域来代替。
上述步骤606至步骤608可以只执行其中一个,也可以执行其中多个,视终端实际接收到的操作信号而定,本申请对此不加以限定。
综上所述,本实施例提供的用户界面显示方法,通过在辅显示区域上显示第二应用程序的程序图标,当接收到第二应用程序的程序图标上的第一操作信号时,在第一用户界面上显示浮动窗口,该浮动窗口用于显示第二应用程序的第二用户界面,能够简化用户在不同的应用程序之间切换时的操作步骤,提高人机交互效率。同时,还不会打断用户对第一应用程序的正常使用,比如第一应用程序是游戏应用,则方便用户在使用游戏应用时,不打断游戏体验的同时,对第二应用程序进行快速操作。
本实施例提供的用户界面显示方法,还通过为辅显示区域设计两种显示模式,通过第一滑动信号和第三滑动信号在两种显示模式之间进行切换,使得辅显示区域在有限的显示面积内显示更多的信息,提高辅显示区域的利用率。
本实施例提供的用户界面显示方法,还通过在浮层窗口上增加移动按钮、隐藏按钮和全屏按钮,可以由用户自由改变浮层窗口的显示位置以及显示状态,使得用户可以自由地在使用第一应用程序、第二应用程序和同时使用两者之间进行兼顾。比如,第一应用程序是视频播放器,第二应用程序是即时通信程序,用户可以在不影响视频播放的过程下,与其它用户进行文字聊天;又比如,第一应用程序是游戏程序,第二应用程序是视频聊天程序,用户可以同时进行游戏和与其它用户进行视频聊天;再比如,第一应用程序是文字编辑程序,第二应用程序是词典程序,用户可以在使用文字编辑程序编辑文本的过程中,同时进行查词或翻译的操作。
需要说明的是,上述第二应用程序的程序类型、数量、显示顺序可以为操作系统预设的,也可以是由用户自定义的。
当第二应用程序是即时通信程序、语音聊天程序或者视频聊天程序时,可能会收到好友发起的语音通话消息或视频通话消息。在基于图6所示实施例的可选实施例中,还可以包括如下步骤,如图14所示。
步骤609,当第二应用程序接收到预定类型的消息时,在主显示区域显示消息的消息弹窗;
可选地,预定类型的消息是指语音通话消息或视频通话消息。
当第二应用程序接收到语音通话消息或视频通话消息时,在第一用户界面上叠加显示语音通话消息或视频通话消息的消息弹窗。该消息弹窗可以为迷你消息弹窗,该消息弹窗上显示有请求方的昵称、头像和接收按钮等信息。
步骤610,当接收到消息弹窗上的第五操作信号后,在第一用户界面上显示浮动窗口,浮动窗口用于显示第二应用程序的消息界面。
参考图15,第五操作信号可以是对消息弹窗60上的接收按钮61的点击信号。当终端接收到接收按钮61上的点击信号时,在第一用户界面51上显示浮动窗口62,浮动窗口用于显示第二应用程序的消息界面。该消息界面可以是用于语音通话或视频通话的界面。
步骤611,当接收到消息弹窗上的第四滑动信号时,取消显示消息弹窗。
可选地,第四滑动信号是从消息弹窗的中央区域向消息弹窗的外部滑动的信号。比如,第四滑动信号可以是从消息弹窗的中央区域向消息弹窗的上方或左方进行滑动的信号。
当用户不希望与请求方进行语音通话或视频通话时,用户可以滑动该消息弹窗,终端接收到消息弹窗上的第四滑动信号时,取消显示消息弹窗。
参考图16,当终端接收到消息弹窗60上的滑动信号时,取消消息弹窗的显示。
综上所述,本实施例提供的程序显示方法,通过在接收到预定类型的消息时,在主显示区域显示消息的消息弹窗,能够在不影响用户对第一应用程序的的使用前提下,并行实现与其它用户之间的语音通话或视频通话,提高了对终端的使用效率。
由于上一实施例提供的辅显示区域为两个:第一辅显示区域和第二辅显示区域。其中,第一辅显示区域位于右侧,第二辅显示区域位于左侧,当然两者也可以互换位置。在基于图6所示实施例的可选实施例中,还可以对第二辅显示区域提供扩展功能,上述方法实施例还可以包括如下步骤,如图17所示。
步骤612,在辅显示区域显示第一快捷功能的快捷功能图标;
终端可以在第二辅显示区域显示一个或多个快捷功能的快捷功能图标。快捷功能是由操作系统、系统自带应用程序或第三方应用程序提供的功能项。也即,快捷功能是比应用程序更小的一个功能粒度,通常为应用程序提供的多个功能项中的一个。快捷功能包括但不限于:截图、录屏、打开手电筒、打开蓝牙、静音、锁屏中的至少一种。
步骤613,当接收到第一快捷功能的快捷功能图标的第六操作信号时,启动第一快捷功能。
可选地,第六操作信号是单击信号、双击信号、长按信号中的任意一种。本实施例以第六操作信号是单击信号来举例说明。
当终端接收到用户对第一快捷功能的快捷功能图标的单击信号时,终端启动第一快捷功能。若第一快捷功能是截图,则终端对显示屏的全部区域或部分区域进行截图;若第一快捷功能是录屏,则终端对显示屏或主显示区域进行录像;若第一快捷功能是打开手电筒,则终端点亮手电筒功能;若第一快捷功能是打开蓝牙,则终端启用蓝牙连接功能;若第一快捷功能是静音,则终端关闭整个操作系统或当前位于前台运行的应用程序的音量;若第一快捷功能是锁屏,则终端设置显示屏或主显示区域对触摸信号为不响应状态。
需要说明的是,步骤612和步骤613的执行顺序不限,可以在步骤601之前、任一步骤的同时、任两个步骤之间或者步骤608之后执行。
综上所述,本实施例提供的程序显示方法,还通过在辅显示区域显示第一快捷功能的快捷功能图标,使得用户能够在不需要退出第一应用程序的前提下,快捷地启动第一快捷功能,减少了用户的操作步骤,提高了人机交互效率。
在一个可选的实施例中,第二辅显示区域在默认状态(比如竖屏模式)下显示状态栏信息。状态栏信息包括:运营商名称、信号强度、网络制式、时间、日期、电池电量、WiFi网络信息、蓝牙信息中的至少一种。上述步骤612和613可以替代实现成为如下步骤614至步骤617,如图18所示。
步骤614,当接收到第二辅显示区域上的第五滑动信号时,在第二辅显示区域上显示第一快捷功能的快捷功能图标;
可选地,第二辅显示区域也包括依次相连的第一长边、第一短边、第二长边和第二短边。
可选地,第五滑动信号是从第二辅显示区域的第一长边向第二长边滑动的信号,第一长边与主显示区域之间的距离大于第二长边与主显示区域之间的距离。
当终端接收到第二辅显示区域上的第五滑动信号时,终端将第一辅显示区域上的初始显示内容切换显示为第一快捷功能的快捷功能图标。第一快捷功能可以是一个或多个。当第一快捷功能是多个时,终端可以在第二辅显示区域上显示多个第一快捷功能的程序图标。
第一快捷功能是由操作系统或应用程序提供的功能项。第一快捷功能包括但不限于:截图、录屏、打开手电筒、打开蓝牙、静音、锁屏中的至少一种。
参考图19,当终端在第二辅显示区域58上接收到第五滑动信号(从终端的顶端向底端滑动)时,终端在第二辅显示区域58上显示第一快捷功能1、第一快捷功能2和第一快捷功能3的快捷功能图标。第二辅显示区域58在初始状态下未显示任何内容。
在一个可选的实施例中,终端在接收到第二辅显示区域上的第五滑动信号且机身状态是横屏状态时,响应第五滑动信号。示意性的,终端可以仅在横屏显示模式下响应第五滑动信号,在竖屏显示模式下不响应第五滑动信号。此时,当终端接收到第二辅显示区域上的第五滑动信号时,检测机身状态是否为横屏状态;当机身状态是横屏状态时,在第二辅显示区域上显示第一快捷功能的快捷功能图标。否则,则不响应第五滑动信号,或按照其它方式响应第五滑动信号。其它方式可以是弹出下拉通知栏。又比如,当终端在机身状态是竖屏状态时,关闭第二辅显示区域的信号接收功能;当终端在机身状态是横屏状态时,启用第二辅显示区域的信号接收功能,当在第二辅显示区域接收到第五滑动信号时,在第二辅显示区域上显示第一快捷功能的快捷功能图标。
步骤615,当接收到第二辅显示区域上的第六滑动信号时,跟随第六滑动信号在第二辅显示区域取消对第一快捷功能的快捷功能图标的显示,且在第二辅显示区域增加对第二快捷功能的快捷功能图标的显示;
第六滑动信号可以是从第二辅显示区域的第一短边向第二短边滑动的信号,或者,从第二短边向第一短边滑动的信号。可选地,第六滑动信号与第二滑动信号是同类型但作用位置不同的信号。
由于第二辅显示区域的显示面积有限,终端可能无法在第二辅显示区域中一次性显示出所有快捷功能的快捷功能图标。此时,终端可以先在第二辅显示区域中显示第一快捷功能的快捷功能图标,当接收到用户在第二辅显示区域上的第六滑动信号时,终端跟随第六滑动信号在第二辅显示区域中取消对第一快捷功能的快捷功能图标的显示,且在第二辅显示区域增加对第二快捷功能的快捷功能图标的显示。
也即,终端会跟随第六滑动信号对第二辅显示区域进行滑动显示。该滑动显示包括:将移出第二辅显示区域的快捷功能图标进行取消显示、将移入第二辅显示区域的快捷功能图标进行显示、将仍然位于第二辅显示区域中的快捷功能图标跟随第六滑动信号改变显示位置。
参考图20,当终端在第二辅显示区域58上接收到第六滑动信号时,终端跟随第六滑动信号将第一快捷功能1移出第二辅显示区域58、将第二快捷功能4移入第二辅显示区域58进行显示。
步骤616,当接收到第二辅显示区域上的第七滑动信号时,在第二辅显示区域上取消显示第一快捷功能的快捷功能图标;
可选地,第七滑动信号是从第二长边向第一长边滑动的信号。第七滑动信号与第三滑动信号可以是同类型但触发位置不同的信号。
当终端接收到第二辅显示区域上的第七滑动信号时,终端将第二辅显示区域上第一快捷功能的快捷功能图标切换显示为初始显示内容。初始显示内容可以是不显示任何内容,或者显示状态栏信息,或者显示与第一应用程序匹配的显示内容。
参考图21,当终端在第二辅显示区域58上接收到第七滑动信号(从终端的底端向顶端滑动)时,终端将第二辅显示区域58上的第一快捷功能1、第一快捷功能2和第一快捷功能3的程序图标,切换显示为不显示任何内容。
步骤617,当接收到程序图标上的第六操作信号时,启动快捷功能图标对应的第一快捷功能。
可选地,第五操作信号是单击信号、双击信号、长按信号中的任意一种。本实施例以第五操作信号是单击信号来举例说明。
当终端接收到用户对快捷功能图标的单击信号时,终端启动快捷功能图标对应的第一快捷功能。若第一快捷功能是截图,则终端对显示屏的全部区域或部分区域进行截图;若第一快捷功能是录屏,则终端对显示屏或主显示区域进行录像;若第一快捷功能是打开手电筒,则终端点亮手电筒功能;若第一快捷功能是打开蓝牙,则终端启用蓝牙连接功能;若第一快捷功能是静音,则终端关闭整个操作系统或当前位于前台运行的应用程序的音量;若第一快捷功能是锁屏,则终端设置显示屏或主显示区域对触摸信号为不响应状态。
本实施例提供的用户界面显示方法,还通过为第二辅显示区域设计两种显示模式,通过第四滑动信号和第六滑动信号在两种显示模式之间进行切换,使得第二辅显示区域在有限的显示面积内显示更多的信息,提高辅显示区域的利用率。
需要说明的是,在一个可选的实施例中,第一辅显示区域和第二辅显示区域可以是视为整体的一个辅显示区域,此时第五滑动信号和第一滑动信号可以是同一个滑动信号,第六滑动信号和第二滑动信号是同一个滑动信号,第七滑动信号和第三滑动信号是同一个滑动信号。不论第一辅显示区域和第二辅显示区域中的哪一个收到滑动信号,都会同时改变第一辅显示区域和第二辅显示区域内的显示内容。
还需要说明的是,在另一个可选的实施例中,第二应用程序的程序图标和第一快捷功能的快捷功能图标可以同时显示在第一辅显示区域,或者第二辅显示区域中,也即应用程序的程序图标和快捷功能的快捷功能图标可以混合显示。
请参考图22,其示出了本申请一个实施例提供的程序显示装置的结构框图。该程序显示装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置包括:
第一显示模块720,用于在主显示区域显示第一应用程序的第一用户界面;
第二显示模块740,用于在辅显示区域显示第二应用程序的程序图标;
第二显示模块740,还用于当接收到所述程序图标上的第一操作信号时,在所述第一用户界面上显示浮动窗口,所述浮动窗口用于显示所述第二应用程序的第二用户界面。
在一个可选的实施例中,所述第二显示模块740,还用于在所述第一用户界面上的局部区域中叠加显示所述浮动窗口,所述局部区域与所述辅显示区域之间的距离小于预设距离。
在一个可选的实施例中,所述浮动窗口还显示有隐藏按钮;
所述第二显示模块740,还用于当接收到所述隐藏按钮上的第二操作信号时,取消显示所述浮动窗口。
在一个可选的实施例中,所述第二显示模块740,还用于当接收到所述隐藏按钮上的所述第二操作信号时,将所述第二应用程序切换为后台运行状态。
在一个可选的实施例中,所述浮动窗口还显示有全屏按钮;
所述第二显示模块740,还用于当接收到所述全屏按钮上的第三操作信号时,在所述主显示区域以全屏方式显示所述第二应用程序的所述第二用户界面。
在一个可选的实施例中,所述浮动窗口还显示有移动区域;
所述第二显示模块740,还用于当接收到所述移动区域上的第四操作信号时,根据所述第四操作信号改变所述浮动窗口在所述主显示区域中的显示位置。
在一个可选的实施例中,所述第二显示模块740,还用于当接收到所述辅显示区域上的第一滑动信号时,在所述辅显示区域上显示所述第二应用程序的程序图标。
在一个可选的实施例中,所述辅显示区域包括依次相连的第一长边、第一短边、第二长边和第二短边;
所述第一滑动信号是从所述第一长边向所述第二长边滑动的信号,所述第一长边与所述主显示区域之间的距离大于所述第二长边与所述主显示区域之间的距离。
在一个可选的实施例中,所述第二显示模块740,还用于当接收到所述辅显示区域上的第一滑动信号且机身姿态是横屏状态时,在所述辅显示区域上显示所述第二应用程序的程序图标。
在一个可选的实施例中,所述第二显示模块740,还用于当接收到所述辅显示区域上的第二滑动信号时,跟随所述第二滑动信号在所述辅显示区域取消对所述第二应用程序的程序图标的显示,且在所述辅显示区域增加对第三应用程序的程序图标的显示。
在一个可选的实施例中,所述第二滑动信号是从所述第一短边向所述第二短边滑动的信号,或者,所述第二滑动信号是从所述第二短边向所述第一短边滑动的信号。
在一个可选的实施例中,所述第二显示模块740,还用于当接收到所述辅显示区域上的第三滑动信号时,在所述辅显示区域上取消显示所述第二应用程序的程序图标。
在一个可选的实施例中,所述第三滑动信号是从所述第二长边向所述第一长边滑动的信号,所述第一长边与所述主显示区域之间的距离大于所述第二长边与所述主显示区域之间的距离。
在一个可选的实施例中,所述第二显示模块740,还用于当所述第二应用程序接收到预定类型的消息时,在所述主显示区域显示所述消息的消息弹窗;当接收到所述消息弹窗上的第五操作信号后,在所述第一用户界面上显示浮动窗口,所述浮动窗口用于显示所述第二应用程序的消息界面。
在一个可选的实施例中,所述第二显示模块740,还用于当接收到所述消息弹窗上的第四滑动信号时,取消显示所述消息弹窗。
在一个可选的实施例中,所述第四滑动信号是从所述消息弹窗的中央区域向所述消息弹窗的外部滑动的信号。
在一个可选的实施例中,所述第二应用程序是具有消息接收功能的应用程序,
所述第二显示模块740,还用于当接收到所述第二应用程序的消息时,在所述第二应用程序的程序图标上显示角标,所述角标用于表示所述第二应用程序存在未读消息。
在一个可选的实施例中,所述装置还包括:第三显示模块760,还用于在所述辅显示区域显示第一快捷功能的快捷功能图标;功能启动模块780,还用于当接收到所述快捷功能图标的第六操作信号时,启动所述第一快捷功能。
在一个可选的实施例中,所述第三显示模块760,还用于当接收到所述辅显示区域上的第五滑动信号时,在所述辅显示区域上显示所述第一快捷功能的快捷功能图标。
在一个可选的实施例中,所述辅显示区域包括依次相连的第一长边、第一短边、第二长边和第二短边;
所述第五滑动信号是从所述第一长边向所述第二长边滑动的信号,所述第一长边与所述主显示区域之间的距离大于所述第二长边与所述主显示区域之间的距离。
在一个可选的实施例中,所述第三显示模块760,还用于当接收到所述辅显示区域上的第六滑动信号时,跟随所述第六滑动信号在所述辅显示区域取消对所述第一快捷功能的快捷功能图标的显示,且在所述辅显示区域增加对第二快捷功能的快捷功能图标的显示。
在一个可选的实施例中,所述辅显示区域包括依次相连的第一长边、第一短边、第二长边和第二短边;
所述第六滑动信号是从所述第一短边向所述第二短边滑动的信号,或者,所述第二滑动信号是从所述第二短边向所述第一短边滑动的信号。
在一个可选的实施例中,所述第三显示模块760,还用于当接收到所述辅显示区域上的第七滑动信号时,在所述辅显示区域上取消显示所述第一快捷功能的快捷功能图标。
在一个可选的实施例中,所述第七滑动信号是从所述第二长边向所述第一长边滑动的信号,所述第一长边与所述主显示区域之间的距离大于所述第二长边与所述主显示区域之间的距离。
请参考图23,其示出了本申请一个示例性实施例提供的一种终端的结构框图。该终端包括处理器801、存储器802以及触摸显示屏803。
处理器801可以是中央处理器(英文:central processing unit,CPU),网络处理器(英文:network processor,NP)或者CPU和NP的组合。处理器801还可以进一步包括硬件芯片。上述硬件芯片可以是专用集成电路(英文:application-specific integratedcircuit,ASIC),可编程逻辑器件(英文:programmable logic device,PLD)或其组合。上述PLD可以是复杂可编程逻辑器件(英文:complex programmable logic device,CPLD),现场可编程逻辑门阵列(英文:field-programmable gate array,FPGA),通用阵列逻辑(英文:generic array logic,GAL)或其任意组合。
存储器802通过总线或其它方式与处理器801相连,存储器802中存储有至少一条指令、至少一段程序、代码集或指令集,上述至少一条指令、至少一段程序、代码集或指令集由处理器801加载并执行以实现如上各个实施例所述的用户界面显示方法。存储器802可以为易失性存储器(英文:volatile memory),非易失性存储器(英文:non-volatile memory)或者它们的组合。易失性存储器可以为随机存取存储器(英文:random-access memory,RAM),例如静态随机存取存储器(英文:static random access memory,SRAM),动态随机存取存储器(英文:dynamic random access memory,DRAM)。非易失性存储器可以为只读存储器(英文:read only memory image,ROM),例如可编程只读存储器(英文:programmableread only memory,PROM),可擦除可编程只读存储器(英文:erasable programmable readonly memory,EPROM),电可擦除可编程只读存储器(英文:electrically erasableprogrammable read-only memory,EEPROM)。非易失性存储器也可以为快闪存储器(英文:flash memory),磁存储器,例如磁带(英文:magnetic tape),软盘(英文:floppy disk),硬盘。非易失性存储器也可以为光盘。
触摸显示屏803通过总线或其它方式与处理器801相连。存储器802存储有至少一条指令,所述至少一条指令由所述处理器801加载并执行以实现如上各个实施例所述的程序显示方法。
本申请实施例还提供了一种计算机可读介质,该计算机可读介质存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的用户界面显示方法。
本申请实施例还提供了一种计算机程序产品,该计算机程序产品存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的用户界面显示方法。
本领域技术人员应该可以意识到,在上述一个或多个示例中,本申请实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时,可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质,其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。