CN109032464A - 应用程序中的界面切换方法、装置、设备及存储介质 - Google Patents
应用程序中的界面切换方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN109032464A CN109032464A CN201811053180.4A CN201811053180A CN109032464A CN 109032464 A CN109032464 A CN 109032464A CN 201811053180 A CN201811053180 A CN 201811053180A CN 109032464 A CN109032464 A CN 109032464A
- Authority
- CN
- China
- Prior art keywords
- edge
- covering layer
- user interface
- slide
- user
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种应用程序中的界面切换方法、装置、设置及存储介质,所述方法由安装有应用程序的终端执行,该应用程序具有接收声音消息的能力,所述方法包括:显示应用程序的第一用户界面;在接收到从第一边缘开始滑动的滑动操作时,跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,所述第一方向为从所述第一边缘朝向所述第二边缘的方向;当滑动操作的滑动距离大于距离阈值时,将遮盖层替换显示为第二用户界面。由于该遮盖层是叠加在第一用户界面的上层逐渐出现的,因此在误操作的场景下不会影响用户对第一用户界面的观看,同时通过距离阈值来防止用户的误操作所导致的用户界面的切换。
Description
技术领域
本申请实施例涉及人机交互领域,特别涉及一种应用程序中的界面切换方法、装置、设备及存储介质。
背景技术
同一个应用程序上可以提供多种不同的功能,比如:视频播放功能、用户主页展示功能、应用下载功能等等。
相关技术中提供了一种应用程序,采用标签页(Tab页)在不同的功能之间切换。在用户启动应用程序后,终端显示应用程序的用户界面,该用户界面可以包括四个不同的TAB页:TAB页1、TAB页2、TAB页3和TAB页4,每个TAB页用于显示不同的功能页。在初始打开状态下,该用户界面中会显示TAB页1;当用户在终端上触发左滑操作时,该用户界面中的TAB页1会跟随左滑操作的滑动过程切换为TAB页2;当用户在终端上再次触发左滑操作时,该用户界面中的TAB页2会跟随左滑操作的滑动过程切换为TAB页3。
以终端是手机为例,用户在握持手机过程中可能会触碰到用户界面,因此上述方法有极大可能会发生误触。当发生误触时,新切换的TAB页会影响原始显示的TAB页的正常显示,使得用户无法在继续观看原始显示的TAB页。
发明内容
本申请实施例提供了一种应用程序中的界面切换方法、装置、设备及存储介质,可以解决相关技术中各条声音消息的界面展示效果是基本相同的,用户难以准确分辨各条声音消息的问题。所述技术方案如下:
根据本申请的一个方面,提供了一种应用程序中的界面切换方法,所述方法包括:
根据触发操作启动应用程序;
显示所述应用程序的第一用户界面,所述第一用户界面包括相对的第一边缘和第二边缘;
在接收到从所述第一边缘开始滑动的滑动操作时,跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,所述遮盖层叠加在所述第一用户界面的上层,所述第一方向为从所述第一边缘朝向所述第二边缘的方向,所述遮盖层具有弹性曲线边缘,且所述弹性曲线边缘的曲线顶点与所述滑动操作的操作触点相对应;
当所述滑动操作的滑动距离大于距离阈值时,将所述遮盖层替换显示为第二用户界面。
根据本申请的另一方面,提供了一种应用程序中的界面切换装置,所述装置包括:
启动模块,用于根据触发操作启动应用程序;
显示模块,用于显示所述应用程序的第一用户界面,所述第一用户界面包括相对的第一边缘和第二边缘;
遮盖模块,用于在接收到从所述第一边缘开始滑动的滑动操作时,跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,所述遮盖层叠加在所述第一用户界面的上层,所述第一方向为从所述第一边缘朝向所述第二边缘的方向,所述遮盖层具有弹性曲线边缘,且所述弹性曲线边缘的曲线顶点与所述滑动操作的操作触点相对应;
替换模块,用于当所述滑动操作的滑动距离大于距离阈值时,将所述遮盖层替换显示为第二用户界面。
根据本申请的另一方面,提供了一种终端,所述终端包括存储器和处理器;所述存储器存储有至少一条程序,所述至少一条程序由所述处理器加载并执行以实现如上所述的应用程序中的界面切换方法。
根据本申请的另一方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条程序,所述至少一条程序由处理器加载并执行以实现如上所述的应用程序中的界面切换方法。
本申请实施例提供的技术方案带来的有益效果至少包括:
通过在第一用户界面上接收到从第一边缘开始滑动的滑动操作时,跟随滑动操作的滑动来显示沿第一方向移动的遮盖层,遮盖层叠加在第一用户界面的上层,第一方向为从第一边缘朝向第二边缘的方向,遮盖层具有弹性曲线边且弹性曲线边缘的曲线顶点与滑动操作的操作触点相对应;由于该遮盖层是叠加在第一用户界面的上层逐渐出现的,因此在误操作的场景下不会影响用户对第一用户界面的观看,同时仅在滑动操作的滑动距离大于距离阈值时才会将第一用户界面切换为第二用户界面,因此也可以防止用户的误操作所导致的用户界面的切换。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一个示例性实施例提供的计算机系统的结构框图;
图2是本申请一个示例性实施例提供的终端的结构框图;
图3是本申请一个示例性实施例提供的服务器的结构框图;
图4是本申请一个示例性实施例提供的应用程序中的界面切换方法的流程图;
图5是本申请一个示例性实施例提供的应用程序中的界面切换方法的界面示意图;
图6是本申请一个示例性实施例提供的应用程序中的界面切换方法的原理示意图;
图7是本申请另一个示例性实施例提供的应用程序中的界面切换方法的流程图;
图8是本申请另一个示例性实施例提供的应用程序中的界面切换方法的流程图;
图9是本申请一个示例性实施例提供的应用程序中的界面切换方法的界面示意图;
图10是本申请一个示例性实施例提供的应用程序中的界面切换方法的流程图;
图11是本申请另一个示例性实施例提供的应用程序中的界面切换方法的容器示意图;
图12是本申请一个示例性实施例提供的应用程序中的界面切换方法的流程图;
图13是本申请另一个示例性实施例提供的应用程序中的界面切换方法的界面示意图;
图14是本申请另一个示例性实施例提供的应用程序中的界面切换方法的界面示意图;
图15是本申请另一个示例性实施例提供的应用程序中的界面切换方法的界面示意图;
图16是本申请另一个示例性实施例提供的应用程序中的界面切换方法的界面示意图;
图17是本申请另一个示例性实施例提供的应用程序中的界面切换方法的界面示意图;
图18是本申请另一个示例性实施例提供的应用程序中的界面切换方法的界面示意图;
图19是本申请一个示例性实施例提供的界面切换装置的结构框图;
图20是本申请另一个示例性实施例提供的界面切换装置的结构框图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
尽管以下描述使用术语第一、第二等来描述各种元素,但这些元素不应受术语的限制。这些术语只是用于将一元素与另一元素区域分开。例如,在不脱离各种所述示例的范围的情况下,第一用户状态选项可以被称为第二用户状态选项,并且类似地,第二用户状态选项可以被称为第一用户状态选项。第一用户状态选项和第二用户状态选项都可以是用户状态选项,并且在某些情况下,可以是单独且不同的用户状态选项。
在本文中对各种所述示例的描述中所使用的术语只是为了描述特定示例,而并非旨在进行限制。如在对各种所述示例的描述和所附权利要求书中所使用的那样,单数形式“一个(“a”“,an”)”和“该”旨在也包括复数形式,除非上下文另外明确地指示。还将理解的是,本文中所使用的术语“和/或”是指并且涵盖相关联的所列出的项目中的一个或多个项目的任何和全部可能的组合。还将理解的是,术语“包括”(“includes”“including”“comprises”和/或“comprising”)当在本说明书中使用时指定存在所陈述的特征、整数、步骤、操作、元素、和/或部件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元素、部件、和/或其分组。
根据上下文,术语“如果”可被解释为意指“当...时”(“when”或“upon”)或“响应于确定”或“响应于检测到”。类似地,根据上下文,短语“如果确定...”或“如果检测到[所陈述的条件或事件]”可被解释为意指“在确定...时”或“响应于确定...”或“在检测到[所陈述的条件或事件]时”或“响应于检测到[所陈述的条件或事件]”。
本申请实施例提供了一种用于不同用户界面之间进行切换的技术方案。该技术方案可以应用于具有多种功能的应用程序中。该应用程序可以是应用下载类程序、应用推荐类程序、即时聊天程序、短视频应用程序、团队语音聊天程序、具有社交属性的其它应用程序等等。本申请实施例对应用程序的类型不加以限定。
图1示出了本申请一个示例性实施例提供的计算机系统100的结构框图。该计算机系统100包括:终端120和服务器集群140。
终端120通过无线网络或有线网络与服务器集群140相连。终端120可以是智能手机、游戏主机、台式计算机、平板电脑、电子书阅读器、MP3播放器、MP4播放器、膝上型便携计算机、可穿戴设备和智能家居设备中的至少一种。终端120安装和运行有应用程序。该应用程序提供有一个或多个用户界面。终端120是用户使用的电子设备。可选地,终端120是具有触摸屏的设备。
终端120通过无线网络或有线网络与服务器集群140相连。
服务器集群140包括一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。服务器集群140用于为应用程序提供后台服务。可选地,服务器集群140承担主要计算工作,终端120承担次要计算工作;或者,服务器集群140承担次要计算工作,终端120承担主要计算工作;或者,终端120和服务器集群140两者之间采用分布式计算架构进行协同计算。
可选地,服务器集群140包括:接入服务器142和后台服务器144。接入服务器142用于提供终端120的接入服务和信息收发服务,并将消息和/或数据在终端和后台服务器144之间转发。服务器142用于向应用程序提供的后台服务,比如:添加好友服务、应用下载服务、网页提供服务、用户信息提供服务、文字后台服务、声音后台服务、图片后台服务、搜索服务中的至少一种。后台服务器144可以是一台或多台。当后台服务器144是多台时,存在至少两台后台服务器144用于提供不同的服务,和/或,存在至少两台后台服务器144用于提供相同的服务,比如以负载均衡方式提供同一种服务,本申请实施例对此不加以限定。
终端120可以泛指多个终端中的一个。本领域技术人员可以知晓,上述终端的数量可以更多或更少。比如上述终端可以仅为一个,或者上述终端为几十个或几百个,或者更多数量。本申请实施例对终端的数量和设备类型不加以限定。
图2示出了本申请一个示例性实施例提供的终端120的结构框图。该终端120可以是包括有:处理器201和存储器202。
处理器201可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器201可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器201也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器201可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器201还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器202可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器202还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器202中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器201所执行以实现本申请中各个方法实施例提供的应用程序的界面切换方法。
在一些实施例中,终端120还可选包括有:外围设备接口203和至少一个外围设备。处理器201、存储器202和外围设备接口203之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口203相连。具体地,外围设备包括:射频电路204、显示屏205、摄像头206、音频电路207、定位组件208和电源209中的至少一种。
外围设备接口203可被用于将I/O(Input/Output,输入/输出)相关的至少一个外围设备连接到处理器201和存储器202。在一些实施例中,处理器201、存储器202和外围设备接口203被集成在同一芯片或电路板上;在一些其他实施例中,处理器201、存储器202和外围设备接口203中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路204用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路204通过电磁信号与通信网络以及其他通信设备进行通信。射频电路204将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路204包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路204可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路204还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏205用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏205是触摸显示屏时,显示屏205还具有采集在显示屏205的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器201进行处理。此时,显示屏205还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏205可以为一个,设置终端120的前面板;在另一些实施例中,显示屏205可以为至少两个,分别设置在终端120的不同表面或呈折叠设计;在再一些实施例中,显示屏205可以是柔性显示屏,设置在终端120的弯曲表面上或折叠面上。甚至,显示屏205还可以设置成非矩形的不规则图形,也即异形屏。显示屏205可以采用LCD(LiquidCrystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件206用于采集图像或视频。可选地,摄像头组件206包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件206还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路207可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器201进行处理,或者输入至射频电路204以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端120的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器201或射频电路204的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路207还可以包括耳机插孔。
定位组件208用于定位终端120的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件208可以是基于美国的GPS(GlobalPositioning System,全球定位系统)、中国的北斗系统或俄罗斯的伽利略系统的定位组件。
电源209用于为终端120中的各个组件进行供电。电源209可以是交流电、直流电、一次性电池或可充电电池。当电源209包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端120还包括有一个或多个传感器210。该一个或多个传感器210包括但不限于:加速度传感器211、陀螺仪传感器212、压力传感器213、指纹传感器214、光学传感器215以及接近传感器216。
加速度传感器211可以检测以终端120建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器211可以用于检测重力加速度在三个坐标轴上的分量。处理器201可以根据加速度传感器211采集的重力加速度信号,控制触摸显示屏205以横向视图或纵向视图进行用户界面的显示。加速度传感器211还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器212可以检测终端120的机体方向及转动角度,陀螺仪传感器212可以与加速度传感器211协同采集用户对终端120的3D动作。处理器201根据陀螺仪传感器212采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器213可以设置在终端120的侧边框和/或触摸显示屏205的下层。当压力传感器213设置在终端120的侧边框时,可以检测用户对终端120的握持信号,由处理器201根据压力传感器213采集的握持信号进行左右手识别或快捷操作。当压力传感器213设置在触摸显示屏205的下层时,由处理器201根据用户对触摸显示屏205的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器214用于采集用户的指纹,由处理器201根据指纹传感器214采集到的指纹识别用户的身份,或者,由指纹传感器214根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器201授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器214可以被设置终端120的正面、背面或侧面。当终端120上设置有物理按键或厂商Logo时,指纹传感器214可以与物理按键或厂商Logo集成在一起。
光学传感器215用于采集环境光强度。在一个实施例中,处理器201可以根据光学传感器215采集的环境光强度,控制触摸显示屏205的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏205的显示亮度;当环境光强度较低时,调低触摸显示屏205的显示亮度。在另一个实施例中,处理器201还可以根据光学传感器215采集的环境光强度,动态调整摄像头组件206的拍摄参数。
接近传感器216,也称距离传感器,通常设置在终端120的前面板。接近传感器216用于采集用户与终端120的正面之间的距离。在一个实施例中,当接近传感器216检测到用户与终端120的正面之间的距离逐渐变小时,由处理器201控制触摸显示屏205从亮屏状态切换为息屏状态;当接近传感器216检测到用户与终端120的正面之间的距离逐渐变大时,由处理器201控制触摸显示屏205从息屏状态切换为亮屏状态。
可选地,存储器202中还包括如下程序模块(或指令集),或者其子集或超集:
操作系统221;
通信模块222;
接触/运动模块223;
图形模块224;
触觉反馈模块225;
文本输入模块226;
GPS模块227;
数字助理客户端模块228;
数据用户和模型229;
应用程序220:联系人模块220-1、电话模块220-2、视频会议模块220-3、电子邮件模块220-4、即时消息模块220-5、健身支持模块220-6、相机模块220-7、图像管理模块220-8、多媒体播放器模块220-9、记事本模块220-10、地图模块220-11、浏览器模块220-12、日历模块220-13、天气模块220-14、股市模块220-15、计算机模块220-16、闹钟模块220-17、词典模块220-18、搜索模块220-19、在线视频模块220-20、…、用户创建的模块220-21。
在本申请实施例中,存储器202中还包括具有不同用户界面的应用程序220-22。应用程序220-22是终端安装和运行的多个应用程序中的一个。
本领域技术人员可以理解,图2中示出的结构并不构成对终端120的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
本申请还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现本申请实施例提供的应用程序中的界面切换方法。
本申请还提供一种计算机程序产品,所述计算机程序产品中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现本申请实施例提供的应用程序中的界面切换方法。
图3是本申请一个示例性实施例提供的服务器的结构示意图。该服务器可以实现成为上述服务器集群140中的任意一个服务器。示意性的,服务器300包括中央处理单元(Central Processing Unit,CPU)301、包括随机存取存储器(random access memory,RAM)302和只读存储器(read-only memory,ROM)303的系统存储器304,以及连接系统存储器304和中央处理单元301的系统总线305。所述服务器300还包括帮助计算机内的各个器件之间传输信息的基本输入/输出系统(I/O系统)306,和用于存储操作系统313、客户端314和其他程序模块315的大容量存储设备307。
所述基本输入/输出系统306包括有用于显示信息的显示器308和用于用户输入信息的诸如鼠标、键盘之类的输入设备309。其中所述显示器308和输入设备309都通过连接到系统总线305的输入/输出控制器310连接到中央处理单元301。所述基本输入/输出系统306还可以包括输入/输出控制器310以用于接收和处理来自键盘、鼠标、或电子触控笔等多个其他设备的输入。类似地,输入/输出控制器310还提供输出到显示屏、打印机或其他类型的输出设备。
所述大容量存储设备307通过连接到系统总线305的大容量存储控制器(未示出)连接到中央处理单元301。所述大容量存储设备307及其相关联的计算机可读介质为服务器300提供非易失性存储。也就是说,所述大容量存储设备307可以包括诸如硬盘或者只读光盘(Compact Disc Read-Only Memory,CD-ROM)驱动器之类的计算机可读介质(未示出)。
不失一般性,所述计算机可读介质可以包括计算机存储介质和通信介质。计算机存储介质包括以用于存储诸如计算机可读指令、数据结构、程序模块或其他数据等信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动介质。计算机存储介质包括RAM、ROM、可擦除可编程只读存储器(erasable programmable read-only memory,EPROM)、电可擦除可编程只读存储器(electrically erasable programmable read-only memory,EEPROM)、闪存或其他固态存储其技术,CD-ROM、数字通用光盘(Digital Versatile Disc,简称:DVD)或其他光学存储、磁带盒、磁带、磁盘存储或其他磁性存储设备。当然,本领域技术人员可知所述计算机存储介质不局限于上述几种。上述的系统存储器304和大容量存储设备307可以统称为存储器。
根据本申请的各种实施例,所述服务器300还可以通过诸如因特网等网络连接到网络上的远程计算机运行。也即服务器300可以通过连接在所述系统总线305上的网络接口单元311连接到网络312,或者说,也可以使用网络接口单元311来连接到其他类型的网络或远程计算机系统(未示出)。
图4示出了本申请一个示例性实施例提供的应用程序中的界面切换方法的流程图。该方法由安装有应用程序的终端执行。该方法包括但不限于如下步骤:
在步骤401中,显示应用程序的第一用户界面,第一用户界面包括相对的第一边缘和第二边缘;
当第一用户界面是首页用户界面时,终端在应用程序启动后默认显示第一用户界面;当第一用户界面不是首页用户界面时,终端可以根据用户的控制操作显示第一用户界面。
第一用户界面包括相对的第一边缘和第二边缘。可选地,第一边缘是左边缘,第二边缘是右边缘;或者,第一边缘是右边缘,第二边缘是左边缘。
在一些实施例中,第一边缘还可以是上边缘,第二边缘还可以是下边缘;或者,第一边缘还可以是下边缘,第二边缘还可以是上边缘。上边缘可以包括状态栏区域,也可以不包括状态栏区域,状态栏区域是用于显示信号强度、电池电量、通知消息、运营商标识之类的信息的区域;下边缘可以包括导航栏区域,也可以不包括导航栏区域,导航栏区域是用于显示主页按钮、返回按钮和菜单按钮的区域。
需要说明的是,本文中提及的“边缘”可以是指沿屏幕边缘的一个条状有效区域,并不一定局限地理解为终端屏幕上的一条边缘。
在步骤402中,在接收到从第一边缘开始滑动的滑动操作时,跟随滑动操作的滑动来显示沿第一方向移动的遮盖层,遮盖层叠加在第一用户界面的上层,第一方向为从第一边缘朝向第二边缘的方向;
该滑动操作是用户在触摸屏上使用手指或手写笔触发的操作;或者,该滑动操作是用户使用鼠标所触发的操作。
该遮盖层具有弹性曲线边缘,且该弹性曲线边缘的曲线顶点与滑动操作的操作触点相对应。该弹性曲线边缘可以是具有一个凸起的贝塞尔曲线。
该“显示沿第一方向移动的遮盖层”是指从第一边缘开始出现遮盖层,该遮盖层的出现面积随着滑动操作的滑动距离逐渐增大(或者说,遮盖层的弹性曲线边缘随着滑动操作的滑动距离逐渐移动)的一种显示方式。该遮盖层可以是不透明的,也可以是半透明度的。该遮盖层可以是单色的,也可以是具有花纹和/或图案的,还可以是显示有可变显示内容的,比如该遮盖层上显示有第二用户界面上的全部或部分元素。
该“叠加”是指遮盖层的图层层级高于第一用户界面的图层层级,或者说,遮盖层的图层层级位于第一用户界面的图层之上。当遮盖层为不透明的图层时,会遮挡第一用户界面的显示内容。
该弹性曲线边缘用于模拟弹性物体或黏稠液体被拖拽时的动态效果。可选地,该弹性曲线边缘的曲率随着滑动操作的滑动距离变大而弹性增大。
在一些实施例中,该弹性曲线边缘具有最小曲率和最大曲率。遮盖层在初始显示时,弹性曲线边缘为最小曲率;随着滑动操作的滑动距离变大,该弹性曲线边缘的曲率也越来越大,当弹性曲线边缘的曲率弹性增大至最大曲率时,该弹性曲线边缘的曲率不会再增加。
在步骤403中,当滑动操作的滑动距离大于距离阈值时,将遮盖层替换显示为第二用户界面。
在一些实施例中,当滑动操作的滑动距离大于距离阈值时,将遮盖层直接替换显示为第二用户界面,此时遮盖层可能未完全覆盖整个第一用户界面;在另一些实施例中,当滑动操作的滑动距离大于距离阈值时,将遮盖层持续移入至覆盖整个第一用户界面,然后再将遮盖层替换显示为第二用户界面。
第二用户界面与第一用户界面是不同的两个用户界面,比如第一用户界面和第二用户界面分别提供不同功能和/或信息内容。可选地,第一用户界面提供的第一功能与第二用户界面提供的第二功能存在关联性,和/或,第一用户界面提供的第一信息内容与第二用户界面提供的第二信息内容存在关联性。
示意性的参考图5,终端上的第一用户程序在启动后,默认显示第一用户界面41;当用户触发从左边缘向右边缘进行滑动的滑动操作时,从左边缘开始移入出遮盖层42,该遮盖层42会跟随滑动操作的滑动而向右边缘移动。当滑动操作的滑动距离大于距离阈值时,该遮盖层42会替换显示为第二用户界面44。
综上所述,本实施例提供的方法,通过在第一用户界面上接收到从第一边缘开始滑动的滑动操作时,跟随滑动操作的滑动来显示沿第一方向移动的遮盖层,该遮盖层叠加在第一用户界面的上层且具有弹性曲线边缘,该弹性曲线边缘的曲线顶点与滑动操作的操作触点相对应;由于该遮盖层是叠加在第一用户界面的上层逐渐出现的,因此在误操作的场景下不会影响用户对第一用户界面的观看,同时仅在滑动操作的滑动距离大于距离阈值时才会将第一用户界面切换为第二用户界面,因此也可以防止用户的误操作所导致的用户界面的切换。
在一个基于图4的可选实施例中,上述弹性曲线边缘采用贝塞尔(Bezier curve)曲线实现,贝塞尔曲线又称贝兹曲线或贝济埃曲线,是应用于二维图形应用程序的数学曲线。贝塞尔曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋。参考图6,该遮盖层包括矩形素材构成的区域1和贝塞尔曲线构成的区域2。该贝塞尔曲线具有一个顶点坐标P1,该顶点坐标P1与滑动操作的触点坐标P2在第一坐标轴y上的坐标分量相同,该顶点坐标P1在第二坐标轴x上的坐标分量会跟随滑动操作的触点坐标P2在第二坐标轴x上的坐标分量同时变化,也即滑动操作的触点坐标P2在第二坐标轴x上发生位移时,该顶点坐标P1在第二坐标轴x上的坐标分量也发生相同距离的位移。
可选地,触点坐标P2和顶点坐标P1在第二坐标轴x上的坐标分量是相同的,或者间隔预设距离的。图6中以触点坐标P2和顶点坐标P1在第二坐标轴x上的坐标分量是间隔预设距离的来举例说明。
上述步骤402可被替代实现成为如下步骤4021至4024,如图7所示:
步骤4021,根据滑动操作的操作触点的触点坐标确定曲线顶点的顶点坐标;
终端根据滑动操作的操作触点的触点坐标P2,生成弹性曲线边缘的曲线顶点的顶点坐标P1。可选地,终端令顶点坐标P1和触点坐标P2在第一坐标轴上的坐标分量相同,在第二坐标轴上的坐标分量相差预设距离(且P1位于P2的右侧)。第一坐标轴是与第一边缘平行的坐标轴,第二坐标轴是与第一边缘垂直的坐标轴。
可选地,当顶点坐标P1在第二坐标轴上的坐标分量发生变化时,触点坐标P2在第二坐标轴上的坐标分量也会发生变化。
步骤4022,根据顶点坐标生成贝塞尔曲线,贝塞尔曲线的凸处朝向第二边缘,贝塞尔曲线的凹处朝向第一边缘;
终端以顶点坐标为贝塞尔曲线的顶点来生成贝塞尔曲线,可选地,在一定范围区间内,该贝塞尔曲线的曲率还与触点坐标P2的滑动距离呈正相关,也即滑动距离越大则该贝塞尔曲线的曲率也大。也即,该贝塞尔曲线具有初始的最小曲率,随着滑动距离变大则该贝塞尔曲线的曲率也增大,当贝塞尔曲线的曲率变大至最大曲率后,即便滑动距离继续增大,该贝塞尔曲线也保持最大曲率不再发生变化。
可选地,该贝塞尔曲线位于顶点坐标一侧的第一曲线部分与位于顶点坐标另一侧的第二曲线部分是对称的,或者不对称的。图6中以第一曲线部分和第二曲线部分是对称进行示意性说明。
步骤4023,根据贝塞尔曲线和矩形素材生成遮盖层,矩形素材的长度与第一用户界面的长度相同;
终端将贝塞尔曲线与矩形素材进行拼接,生成遮盖层。该矩形素材在沿第一边缘上的长度与第一边缘的长度相同。
可选地,该矩形素材的尺寸大小与第二用户界面的尺寸大小是相同的,该矩形素材上还显示有第二用户界面上的全部或部分元素。
步骤4024,在第一用户界面的上层显示遮盖层,遮盖层的弹性曲线边缘跟随顶点坐标沿第一方向的坐标值变化进行移动。
可选地,遮盖层的移动速度与滑动操作的滑动速度相同。
综上所述,本实施例提供的方法,通过贝塞尔曲线和矩形素材来实现遮盖层的生成,由于贝塞尔曲线的计算量较少,因此能够以较少的计算量来生成具有仿弹性物体或黏稠液体效果的遮盖层,从而节约终端的计算资源。
图8示出了本申请的另一个示例性实施例提供的应用程序中的界面切换方法的流程图。该方法由安装有应用程序的终端执行。该方法包括但不限于如下步骤:
步骤802,根据触发操作启动应用程序;
该触发操作可以是点击应用程序的快捷图标的操作,还可以是输入命令行的操作,还可以是输入语音启动指令的操作,还可以是对终端开机的本实施例对此不加以限定。
用户在希望启动应用程序时,在终端上施加触发操作。终端根据触发操作启动应用程序。
步骤804,显示应用程序的第一用户界面,第一用户界面包括相对的第一边缘和第二边缘;
当第一用户界面是首页用户界面时,终端在应用程序启动后默认显示第一用户界面;当第一用户界面不是首页用户界面时,终端可以根据用户的控制操作显示第一用户界面。
在本实施例中,第一用户界面包括相对的第一边缘和第二边缘。可选地,第一边缘是左边缘,第二边缘是右边缘;或者,第一边缘是右边缘,第二边缘是左边缘。
需要说明的是,本文中提及的“边缘”可以是指沿屏幕边缘的一个条状有效区域,并不一定局限地理解为终端屏幕上的一条边。
步骤806,在接收到从第一边缘开始滑动的滑动操作时,跟随滑动操作的滑动来显示沿第一方向移动的遮盖层,遮盖层叠加在第一用户界面的上层,第一方向为从第一边缘朝向第二边缘的方向,遮盖层具有弹性曲线边缘,且弹性曲线边缘的曲线顶点与滑动操作的操作触点相对应;
在一些实施例中,该滑动操作是用户在触摸屏上使用手指或手写笔触发的操作;在另一些实施例中,该滑动操作是用户使用鼠标所触发的操作。
当终端接收到从左边缘开始滑动的滑动操作时,根据滑动操作的滑动显示沿向右方向移动的遮盖层,该遮盖层的弹性曲线边缘的凸处朝向右边缘,该弹性曲线边缘的凹处朝向左边缘。
当终端接收到从右边缘开始滑动的滑动操作时,根据滑动操作的滑动从右边缘向左方向移动的遮盖层,该遮盖层的弹性曲线边缘的凸处朝向左边缘,该弹性曲线边缘的凹处朝向右边缘。
可选地,遮盖层在初始显示时,弹性曲线边缘为最小曲率;随着滑动操作的滑动距离变大,该弹性曲线边缘的曲率也越来越大,当弹性曲线边缘的曲率弹性增大至最大曲率时,该弹性曲线边缘的曲率不会再增加。
步骤808,判断滑动操作的滑动距离是否大于距离阈值;
示意性的,该距离阈值是技术人员根据防误触测试所设置的经验值,例如该距离阈值是1/2屏幕宽度、3/4屏幕宽度、5/6屏幕宽度等。
终端会判断滑动操作在结束时的滑动距离是否大于距离阈值。当滑动操作在结束时的滑动距离小于距离阈值,则进入步骤810;当滑动操作在结束时的滑动距离大于距离阈值,则进入步骤812。
步骤810,当滑动操作的滑动距离小于距离阈值时,取消显示遮盖层;
在一些实施例中,当滑动操作的滑动距离小于距离阈值时,终端直接取消显示遮挡层,或者,将遮挡层从初始的不透明(或半透明)逐渐变为完全透明后,取消遮挡层的显示,恢复显示位于遮挡层下方的第一用户界面。
在另一些实施例中,当滑动操作的滑动距离小于距离阈值时,终端显示沿第二方向移动的遮盖层直至遮盖层消失,第二方向为第二边缘朝向第一边缘的方向。其中,弹性曲线边缘的曲率随着遮盖层的移动呈减幅衰减振动,该减幅衰减振动是根据阻尼振动函数实现弹性曲线边缘的曲率从大到小、从小变大、从大变小,...,往返减幅变化直至弹性曲线边缘的曲率变为最小曲率的类“橡皮筋振动”变化效果,见图9所示。
在另一些实施例中,当滑动操作的滑动距离小于距离阈值时,终端显示沿第二方向移动的遮盖层直至遮盖层消失,第二方向为第二边缘朝向第一边缘的方向。其中,弹性曲线边缘的曲率随着遮盖层的移动回弹至最小曲率,也即,弹性曲线边缘的曲率从滑动操作结束时的较大曲率逐渐回弹至最小曲率,请参考图17所示。
步骤812,当滑动操作的滑动距离大于距离阈值时,将遮盖层替换显示为第二用户界面。
在一些实施例中,当滑动操作的滑动距离大于距离阈值时,将遮盖层直接替换显示为第二用户界面,此时遮盖层可能未完全覆盖整个第一用户界面;在另一些实施例中,当滑动操作的滑动距离大于距离阈值时,将遮盖层持续移入至覆盖整个第一用户界面,然后再将遮盖层替换显示为第二用户界面。
示意性的,终端将遮盖层按照惯性衰减的移动速度移动至第二边缘,遮盖层的弹性曲线边缘的曲率随着遮盖层的移动回弹至最小曲率;然后终端将遮盖层的透明度从原始值(比如透明度为0%)衰减至透明度为100%后,取消遮盖层的显示,从而显示出第二用户界面。
第二用户界面与第一用户界面是不同的两个用户界面,比如第一用户界面和第二用户界面分别提供不同功能和/或信息内容。可选地,第一用户界面提供的第一功能与第二用户界面提供的第二功能存在关联性,和/或,第一用户界面提供的第一信息内容与第二用户界面提供的第二信息内容存在关联性。
综上所述,本实施例提供的方法,通过在第一用户界面上接收到从第一边缘开始滑动的滑动操作时,跟随滑动操作的滑动来显示沿第一方向移动的遮盖层,该遮盖层叠加在第一用户界面的上层且具有弹性曲线边缘,该弹性曲线边缘的曲线顶点与滑动操作的操作触点相对应;由于该遮盖层是叠加在第一用户界面的上层逐渐出现的,因此在误操作的场景下不会影响用户对第一用户界面的观看,同时仅在滑动操作的滑动距离大于距离阈值时才会将第一用户界面切换为第二用户界面,因此也可以防止用户的误操作所导致的用户界面的切换。
本实施例提供的方法,还通过在滑动操作的滑动距离小于距离阈值时,取消遮盖层的显示,能够使得用户在观察到遮盖层时发现自身的误触行为并及时取消误触动作,而此时取消遮盖层的显示能够恢复第一用户界面的显示,从而不影响第一用户界面的正常显示。
本实施例提供的方法,还通过在取消遮盖层的显示过程中,将遮盖层的弹性曲线边缘的曲率随着遮盖层的移动而弹性较小,使得遮盖层能够模仿出仿弹性柔体或黏稠液体的动态效果,保持遮盖层在不同移动方向时的动态效果一致性。
在一个可选的实施例中,终端会设置与第二边缘对应的容器,第二用户界面所对应的第二显示内容会预先加载在该容器中。上述方法还可选包括步骤805,同时步骤812可替代实现成为步骤812a和步骤812b,如图10所示:
步骤805,在与第二边缘对应的容器中预加载和渲染第二用户界面,该容器具有隐藏属性;
容器是构成用户界面的一种组件。容器可以容纳多种子元素。在显示第一用户界面时,终端可以将第一用户界面加载在中间容器610中进行显示。
终端在显示第一用户界面时(或者在显示第一用户界面后),在与第二边缘对应的容器中预加载和渲染第二用户界面。
可选地,本实施例中的第二边缘可以是左边缘或右边缘,终端会创建与左边缘对应的左侧容器620,以及与右边缘对应的右侧容器630,如图11所示。左侧容器620和右侧容器630具有隐藏属性,当容器具有隐藏属性时不会被显示。
终端在左侧容器620中加载和渲染左侧的第二用户界面622,在右侧容器630中加载和渲染右侧的第二用户界面632。
由于左侧容器620和右侧容器630具有隐藏属性,左侧的第二用户界面622和右侧的第二用户界面632暂不显示。
步骤812a,取消显示遮盖层;
在一些实施例中,当用户的滑动操作的滑动距离大于距离阈值时,终端将遮盖层直接取消显示,此时遮盖层可能未完全覆盖整个第一用户界面。
在另一些实施例中,当滑动操作的滑动距离大于距离阈值时,将遮盖层持续移入至覆盖整个第一用户界面,然后再将遮盖层取消显示。示意性的,终端将遮盖层按照惯性衰减的移动速度移动至第一边缘,遮盖层的弹性曲线边缘的曲率随着遮盖层的移动回弹至最小曲率;然后终端将遮盖层的透明度从原始值(比如透明度为70%)衰减至透明度为100%后,取消遮盖层的显示,从而显示出第二用户界面。
步骤812b,将与第二边缘对应的容器从隐藏属性修改为显示属性,显示第二用户界面。
可选地,终端将第一用户界面对应的中间容器从显示属性修改为隐藏属性,从而不再显示第一用户界面。同时,终端还将与第二边缘对应的容器从隐藏属性修改为显示属性,显示出第二用户界面。
第二用户界面与第一用户界面是不同的两个用户界面,比如第一用户界面和第二用户界面分别提供不同功能和/或显示内容。可选地,第一用户界面提供的第一功能与第二用户界面提供的第二功能存在关联性,和/或,第一用户界面提供的显示内容与第二用户界面提供的显示内容存在关联性。
当第一用户界面提供的显示内容与第二用户界面提供的显示内容存在关联性时,还可选包括步骤814。
步骤814,当第一用户界面的显示内容从第一显示内容改变为第二显示内容时,复用容器重新加载与第二显示内容对应的第二用户界面。
用户可以通过控制操作改变第一用户界面的显示内容。比如将第一用户界面上显示的视频A改变为视频B;又比如,将第一用户界面上显示的网页1改变为网页2。该控制操作可以是单击操作、双击操作、滑动操作、手势操作、摇动终端的操作等操作中的一种,本实施例对此不加以限定。
当第一用户界面中的显示内容从第一显示内容改变为第二显示内容时,终端会复用容器重新加载与第二显示内容对应的第二用户界面。
综上所述,本实施例提供的方法,通过具有隐藏属性的容器提前加载和渲染第二用户界面,当需要将第一用户界面切换为第二用户界面时,将容器从隐藏属性修改为显示属性即可,减少了两个用户界面之间进行切换时的切换耗时。
本实施例提供的方法,还通过对与第二边缘对应的容器进行复用,当第一用户界面的显示内容从第一显示内容改变为第二显示内容时,复用该容器重新加载与第二显示内容对应的第二用户界面,能够在不占据大量内容的前提下,实现第二用户界面的动态加载技术。
在一个具体的例子中,以应用程序是支持应用推荐功能和应用下载功能的应用程序为例,该应用程序采用视频的方式向观看者推荐不同的应用程序,该视频可以是时长不超过阈值的短视频。可选的,每个视频是由关键意见领袖(Key Opinion Leader,KOL)提供的,KOL是指拥有更多、更准确的产品信息,且为相关群体所接受或信任,并对该群体的购买行为有较大影响力的人。参考图12,其示出了本申请一个示例性实施例提供的应用程序中的界面切换方法的流程图。该方法包括如下步骤:
在步骤1201中,根据触发操作启动应用程序;
以终端是支持触摸屏的手机为例,触发操作是用户在触摸屏上点击应用程序的程序图标的操作,终端根据该触发操作启动应用程序。
在步骤1202中,显示应用程序的第一用户界面,第一用户界面包括相对的左边缘和右边缘,以及相对的上边缘和下边缘;
应用程序的默认主页界面是第一用户界面。在本实施例中,第一用户界面是用于显示视频的用户界面,该视频可以是KOL向普通用户推荐目标应用程序的短视频。该KOL可称为视频发布用户,该目标应用程序是指观看者可能会感兴趣的短视频。
在应用程序启动后,应用程序向后台服务器获取视频。每个视频拥有一个全局唯一标识(post ID),每个post ID对应一个视频发布用户和一个推荐应用程序,每个视频发布用户拥有一个用户标识(user ID),每个目标应用程序拥有一个应用标识(app ID)。
应用程序向后台服务器发送获取请求,后台服务器根据该获取请求向应用程序反馈视频11以及视频11的post ID。
应用程序根据视频11显示第一用户界面。示意性的参考图13,第一用户界面上显示有用于推荐目标应用程序的视频11。在该视频11上还叠加有点赞按钮1301和评论按钮1302,该点赞按钮1301被首次点击时可以显示水滴汇入的动画,并从空心按钮变为实心按钮;当该点赞按钮1301被再次点击时可以显示水滴流失的动画,并从实心按钮变为空心按钮;该评论按钮1302被点击时,会显示评论输入框供用户输入评论。该第一用户界面上还叠加有目标应用程序的应用名称1304、下载控件1305、综合评分1306。终端可以接收作用于下载控件1305的下载操作,根据下载操作下载目标应用程序的安装包文件。该第一用户界面上还叠加有视频发布用户的头像1303、视频发布用户的用户名和用户称号,用户称号可以是在业务平台上的称号,比如直播平台上的游戏王。
在步骤1203中,在与左边缘对应的左侧容器中预加载和渲染第二用户界面A;在与右边缘对应的右侧容器中预加载和渲染第二用户界面B;
当第一边缘是左边缘且第二边缘是右边缘时,第二用户界面B是目标应用程序的程序介绍界面;当第一边缘是右边缘且第二边缘是左边缘时,第二用户界面A是视频发布用户的个人主页页面。
在本实施例中,应用程序会设置与左边缘对应的左侧容器和与右边缘对应的右侧容器,该左侧容器和右侧容器具有隐藏属性。如图14所示:
应用程序根据视频11的post ID,获取发布视频11的视频发布用户12的user ID,根据视频发布用户12的user ID在左侧容器中预加载和渲染视频发布用户12的个人主页页面。该个人主页页面由后台服务器向应用程序提供。
应用程序根据视频11的post ID,获取视频11中推荐的目标应用程序13的app ID,根据目标应用程序13的app ID在右侧容器中预加载和渲染目标应用程序13的程序介绍界面。该程序介绍界面由后台服务器向应用程序提供。
由于左侧容器和右侧容器具有隐藏属性,因此程序介绍界面和个人主页界面暂不会被终端显示。
在步骤1204中,在接收到从左边缘开始滑动的滑动操作时,跟随滑动操作的滑动来显示沿第一方向移动的遮盖层,遮盖层叠加在第一用户界面的上层;
用户可以在终端的触摸屏上触发左滑操作或者右滑操作。
在终端接收到从左边缘开始滑动的滑动操作时,终端跟随滑动操作的滑动显示向右移动的遮盖层。示意性的,从左边缘开始出现遮盖层,该遮盖层的弹性曲线边缘的凸处朝向右边缘,该弹性曲线边缘的凹处朝向左边缘。
可选地,遮盖层在初始显示时,弹性曲线边缘为最小曲率;随着滑动操作的滑动距离变大,该弹性曲线边缘的曲率也越来越大,当弹性曲线边缘的曲率弹性增大至最大曲率时,该弹性曲线边缘的曲率不会再增加。
在步骤1205中,判断滑动操作的滑动距离是否大于距离阈值;
示意性的,该距离阈值是技术人员根据防误触测试所设置的经验值,例如该距离阈值是1/2屏幕宽度、3/4屏幕宽度、5/6屏幕宽度等。本实施例中,以该距离阈值是1/2屏幕宽度来举例说明。
终端会判断滑动操作在结束时的滑动距离是否大于距离阈值。当滑动操作在结束时的滑动距离小于距离阈值,则进入步骤1206;当滑动操作在结束时的滑动距离大于距离阈值,则进入步骤1207。
在步骤1206中,显示向左移动的遮盖层直至遮盖层消失;
终端显示向左移动的遮盖层直至遮盖层消失,且该遮盖层的弹性曲线边缘的曲率随着遮盖层的移动而回弹至最小曲率,或者呈减幅衰减振动。在一个可能的实施例中,该减幅衰减振动的效果示意如参考图15所示。
在步骤1207中,将遮盖层替换显示为与左边缘对应的第二用户界面A;
终端将遮盖层按照惯性衰减的移动速度移动至右边缘,遮盖层的弹性曲线边缘的曲率随着遮盖层的移动回弹至最小曲率;然后终端将遮盖层的透明度从原始值衰减至透明度为100%后,取消遮盖层的显示,从而显示出第二用户界面A。
示意性的,终端将遮盖层43持续移入至覆盖整个第一用户界面41,然后再将遮盖层从不透明渐变为完全透明后,将遮盖层43替换显示为第二用户界面A,如参考图16所示。终端将遮盖层按照惯性衰减的移动速度移动至右边缘,遮盖层的弹性曲线边缘的曲率随着遮盖层的移动回弹至最小曲率;然后终端将遮盖层的透明度从原始值(比如透明度为70%)衰减至透明度为100%后,取消遮盖层的显示,从而显示出第二用户界面A。
示意性的,该第二用户界面A上显示有视频发布用户的头像1403、用户名、用户昵称、精选数、点赞数、粉丝数、关注数、发布过的视频、赞过的视频、常玩的游戏等信息。
可选地,当遮盖层覆盖整个第一用户界面后,将第一用户界面的容器从显示属性修改为隐藏属性,使得视频11的播放界面被隐藏;同时将左侧容器从隐藏属性修改为显示属性,使得视频发布用户12的个人主页界面在遮盖层43变透明后显示出来。
在步骤1208中,在接收到从右边缘开始滑动的滑动操作时,跟随滑动操作的滑动显示向左移动的遮盖层;
在终端接收到从右边缘开始滑动的滑动操作时,终端跟随滑动操作的滑动从右边缘向左边缘移入遮盖层。该移入是指从右边缘开始出现遮盖层,该遮盖层的弹性曲线边缘的凸处朝向左边缘,该弹性曲线边缘的凹处朝向右边缘。
可选地,遮盖层在初始显示时,弹性曲线边缘为最小曲率;随着滑动操作的滑动距离变大,该弹性曲线边缘的曲率也越来越大,当弹性曲线边缘的曲率弹性增大至最大曲率时,该弹性曲线边缘的曲率不会再增加。
在步骤1209中,判断滑动操作的滑动距离是否大于距离阈值;
终端会判断滑动操作在结束时的滑动距离是否大于距离阈值。当滑动操作在结束时的滑动距离小于距离阈值,则进入步骤1210;当滑动操作在结束时的滑动距离大于距离阈值,则进入步骤1211。
在步骤1210中,显示向右移动的遮盖层直至遮盖层消失;
终端显示向右移动的遮盖层直至遮盖层消失,且该遮盖层的弹性曲线边缘的曲率随着遮盖层的移动而回弹至最小曲率,如参考图17所示。
在步骤1211中,将遮盖层替换显示为与右边缘对应的第二用户界面B;
终端将遮盖层按照惯性衰减的移动速度移动至左边缘,遮盖层的弹性曲线边缘的曲率随着遮盖层的移动回弹至最小曲率;然后终端将遮盖层的透明度从原始值衰减至透明度为100%后,取消遮盖层的显示,从而显示出第二用户界面B。
示意性的,终端将遮盖层43持续移入至覆盖整个第一用户界面41,然后再将遮盖层从不透明渐变为完全透明后,将遮盖层43替换显示为第二用户界面B(目标应用程序13的程序介绍界面),如参考图18所示。
示意性的,该第二用户界面B上显示有目标应用程序的应用名称、综合评分、可玩性、分项评分曲线图、简介附图、内容详情介绍、下载控件等信息。终端可以接收作用于下载控件的下载操作,根据下载操作下载目标应用程序的安装包文件。
可选地,当遮盖层覆盖整个第一用户界面后,将第一用户界面的容器从显示属性修改为隐藏属性,使得视频11的播放界面被隐藏;同时将右侧容器从隐藏属性修改为显示属性,使得目标应用程序13的程序介绍界面在遮盖层43变透明后显示出来。
在步骤1212中,在接收到从上边缘或下边缘开始滑动的滑动操作时,跟随滑动操作的滑动将第一用户界面中的显示内容从第一显示内容改变为第二显示内容;
第一用户界面中所显示的视频是可改变的,用户可以通过上滑操作或下滑操作来改变第一用户界面中所显示的视频,示意性的结合图14。
当在第一用户界面上接收到从下边缘向上边缘滑动的滑动操作时,跟随滑动操作的滑动将第一用户界面中的显示内容从视频11改变为视频21。相应地,应用程序会在接收到该滑动操作之前或者接收到该滑动操作之后,向后台服务器获取视频21以及视频21的Post ID。
当在第一用户界面上接收到从上边缘向下边缘滑动的滑动操作时,跟随滑动操作的滑动将第一用户界面中的显示内容从视频11改变为视频01。相应地,应用程序会在接收到该滑动操作之前或者接收到该滑动操作之后,向后台服务器获取视频01以及视频01的Post ID。
在步骤1213中,当第一用户界面的显示内容从第一显示内容改变为第二显示内容时,复用容器重新加载与第二显示内容对应的第二用户界面。
应用程序中设定的左侧容器和右侧容器是可复用的。
以第一用户界面的显示内容从视频11改变为视频21时,终端复用左侧容器重新加载与第二显示内容对应的第二用户界面。假设视频21是视频发布用户22向观看者推荐目标应用程序23的短视频,则示意性的:
应用程序根据视频21的post ID,获取发布视频21的视频发布用户22的user ID,根据视频发布用户22的user ID在左侧容器中预加载和渲染视频发布用户22的个人主页页面。
应用程序根据视频21的post ID,获取视频21中推荐的目标应用程序23的app ID,根据目标应用程序23的app ID在右侧容器中预加载和渲染目标应用程序23的程序介绍界面。
以下为本申请的装置实施例,对于装置实施例中未详细描述的细节,请参考上述方法实施例中的相应介绍。
图19示出了本申请的一个示意性实施例提供的应用程序中的界面切换装置的结构框图,该界面切换装置可以实现成为终端的全部或一部分,所述装置包括:
显示模块1902,用于显示所述应用程序的第一用户界面,所述第一用户界面包括相对的第一边缘和第二边缘;
遮盖模块1904,用于在接收到从所述第一边缘开始滑动的滑动操作时,跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,所述遮盖层叠加在所述第一用户界面的上层,所述第一方向为从所述第一边缘朝向所述第二边缘的方向,所述遮盖层具有弹性曲线边缘,且所述弹性曲线边缘的曲线顶点与所述滑动操作的操作触点相对应;
替换模块1906,用于当所述滑动操作的滑动距离大于距离阈值时,将所述遮盖层替换显示为第二用户界面。
在一个可选的实施例中,所述装置还包括:启动模块1901,用于根据触发操作启动应用程序,如图20所示。
在一个可选的实施例中,遮盖模块1904,用于根据所述滑动操作的操作触点的触点坐标确定所述曲线顶点的顶点坐标;根据所述顶点坐标生成贝塞尔曲线,所述贝塞尔曲线的凸处朝向所述第二边缘,所述贝塞尔曲线的凹处朝向所述第一边缘;根据所述贝塞尔曲线和矩形素材生成所述遮盖层,所述矩形素材的长度与所述第一边缘的长度相同;跟随所述顶点坐标沿垂直于所述第一边缘的坐标值变化,在所述第一用户界面的上层显示所述遮盖层,所述遮盖层的所述弹性曲线边缘跟随所述顶点坐标沿所述第一方向的坐标值变化进行移动。
在一个可选的实施例中,所述弹性曲线边缘的曲率随着所述滑动操作的滑动距离变大而弹性增大。
在一个可选的实施例中,所述第一用户界面是用于播放视频的界面,所述视频是视频发布用户向观看者推荐目标应用程序的视频;
所述第二用户界面是所述目标应用程序的程序介绍界面;或,所述第二用户界面是所述视频发布用户的个人主页界面。
在一个可选的实施例中,所述遮盖模块1904,还用于当所述滑动操作的滑动距离小于所述距离阈值时,取消显示所述遮盖层。
在一个可选的实施例中,所述遮盖模块1904,还用于显示沿第二方向移动的所述遮盖层直至所述遮盖层消失,所述第二方向为所述第二边缘朝向所述第一边缘的方向;
其中,所述弹性曲线边缘的曲率随着所述遮盖层的移动回弹至最小曲率,或,所述弹性曲线边缘的曲率随着所述遮盖层的移动呈减幅衰减振动。
在一个可选的实施例中,所述装置还包括:加载模块1903,如图20所示;
该加载模块1903,用于在与所述第二边缘对应的容器中预加载和渲染第二用户界面,所述容器具有隐藏属性;
所述遮盖模块1904,还用于取消显示所述遮盖层;所述替换模块1906,用于将与所述第二边缘对应的容器从所述隐藏属性修改为显示属性,显示所述第二用户界面。
在一个可选的实施例中,所述遮盖模块1904,还用于将所述遮盖层按照惯性衰减的移动速度移动至所述第一边缘,所述遮盖层的所述弹性曲线边缘的曲率随着所述遮盖层的移动回弹至最小曲率;将所述遮盖层的透明度从原始值衰减至透明度为100%。
在一个可选的实施例中,所述加载模块1903,还用于当所述第一用户界面的显示内容从第一显示内容改变为第二显示内容时,复用所述容器重新加载与所述第二显示内容对应的第二用户界面。
在一个可选的实施例中,所述第一用户界面和/或所述第二用户界面上显示有所述下载控件;所述装置还包括:下载模块1905,如图20所示;
所述下载模块1905,用于接收作用于所述下载控件的下载操作;根据所述下载操作下载所述目标应用程序的安装包文件。
本申请还提供一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述方法实施例提供的界面切换方法。
可选地,本申请还提供了一种包含指令的计算机程序产品,当其在电子设备上运行时,使得电子设备执行上述各个方法实施例所提供的界面切换方法。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (15)
1.一种应用程序中的界面切换方法,其特征在于,所述方法包括:
显示所述应用程序的第一用户界面,所述第一用户界面包括相对的第一边缘和第二边缘;
在接收到从所述第一边缘开始滑动的滑动操作时,跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,所述遮盖层叠加在所述第一用户界面的上层,所述第一方向为从所述第一边缘朝向所述第二边缘的方向,所述遮盖层具有弹性曲线边缘,且所述弹性曲线边缘的曲线顶点与所述滑动操作的操作触点相对应;
当所述滑动操作的滑动距离大于距离阈值时,将所述遮盖层替换显示为第二用户界面。
2.根据权利要求1所述的方法,其特征在于,所述跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,包括:
根据所述滑动操作的操作触点的触点坐标确定所述曲线顶点的顶点坐标;
根据所述顶点坐标生成贝塞尔曲线,所述贝塞尔曲线的凸处朝向所述第二边缘,所述贝塞尔曲线的凹处朝向所述第一边缘;
根据所述贝塞尔曲线和矩形素材生成所述遮盖层,所述矩形素材的长度与所述第一边缘的长度相同;
在所述第一用户界面的上层显示所述遮盖层,所述遮盖层的所述弹性曲线边缘跟随所述顶点坐标沿所述第一方向的坐标值变化进行移动。
3.根据权利要求1所述的方法,其特征在于,所述弹性曲线边缘的曲率随着所述滑动操作的滑动距离变大而弹性增大。
4.根据权利要求1至3任一所述的方法,其特征在于,所述第一用户界面是用于播放视频的界面,所述视频是视频发布用户向观看者推荐目标应用程序的视频;
所述第二用户界面是所述目标应用程序的程序介绍界面;
或,
所述第二用户界面是所述视频发布用户的个人主页界面。
5.根据权利要求1至3任一所述的方法,其特征在于,所述方法还包括:
当所述滑动操作的滑动距离小于所述距离阈值时,取消显示所述遮盖层。
6.根据权利要求5所述的方法,其特征在于,所述取消显示所述遮盖层,包括:
显示沿第二方向移动的所述遮盖层直至所述遮盖层消失,所述第二方向为所述第二边缘朝向所述第一边缘的方向;
其中,所述弹性曲线边缘的曲率随着所述遮盖层的移动回弹至最小曲率,或,所述弹性曲线边缘的曲率随着所述遮盖层的移动呈减幅衰减振动。
7.根据权利要求1至3任一所述的方法,其特征在于,所述方法还包括:
在与所述第二边缘对应的容器中预加载和渲染第二用户界面,所述容器具有隐藏属性;
所述将所述遮盖层替换显示为第二用户界面,包括:
取消显示所述遮盖层;
将与所述第二边缘对应的容器从所述隐藏属性修改为显示属性,显示所述第二用户界面。
8.根据权利要求7所述的方法,其特征在于,所述取消显示所述遮盖层,包括:
将所述遮盖层按照惯性衰减的移动速度移动至所述第一边缘,所述遮盖层的所述弹性曲线边缘的曲率随着所述遮盖层的移动回弹至最小曲率;
将所述遮盖层的透明度从原始值衰减至透明度为100%。
9.根据权利要求6所述的方法,其特征在于,所述方法还包括:
当所述第一用户界面的显示内容从第一显示内容改变为第二显示内容时,复用所述容器重新加载与所述第二显示内容对应的第二用户界面。
10.根据权利要求4所述的方法,其特征在于,所述第一用户界面和/或所述第二用户界面上显示有所述下载控件;所述方法还包括:
接收作用于所述下载控件的下载操作;
根据所述下载操作下载所述目标应用程序的安装包文件。
11.一种应用程序中的界面切换装置,其特征在于,所述装置包括:
显示模块,用于显示所述应用程序的第一用户界面,所述第一用户界面包括相对的第一边缘和第二边缘;
遮盖模块,用于在接收到从所述第一边缘开始滑动的滑动操作时,跟随所述滑动操作的滑动来显示沿第一方向移动的遮盖层,所述遮盖层叠加在所述第一用户界面的上层,所述第一方向为从所述第一边缘朝向所述第二边缘的方向,所述遮盖层具有弹性曲线边缘,且所述弹性曲线边缘的曲线顶点与所述滑动操作的操作触点相对应;
替换模块,用于当所述滑动操作的滑动距离大于距离阈值时,将所述遮盖层替换显示为第二用户界面。
12.根据权利要求11所述的装置,其特征在于,所述弹性曲线边缘的曲率随着所述滑动操作的滑动距离变大而弹性增大。
13.根据权利要求11所述的装置,其特征在于,
所述遮盖模块,还用于当所述滑动操作的滑动距离小于所述距离阈值时,取消显示所述遮盖层。
14.一种终端,其特征在于,所述终端包括存储器和处理器;
所述存储器中存储有至少一条程序,所述至少一条程序由所述处理器加载并执行以实现如权利要求1至9任一所述的应用程序中的界面切换方法。
15.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条程序,所述至少一条程序由处理器加载并执行以实现如权利要求1至9任一所述的应用程序中的界面切换方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811053180.4A CN109032464B (zh) | 2018-09-10 | 2018-09-10 | 应用程序中的界面切换方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811053180.4A CN109032464B (zh) | 2018-09-10 | 2018-09-10 | 应用程序中的界面切换方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109032464A true CN109032464A (zh) | 2018-12-18 |
CN109032464B CN109032464B (zh) | 2020-12-01 |
Family
ID=64621098
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811053180.4A Active CN109032464B (zh) | 2018-09-10 | 2018-09-10 | 应用程序中的界面切换方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109032464B (zh) |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110007990A (zh) * | 2019-01-26 | 2019-07-12 | 深圳达普信科技有限公司 | 信息展示方法、装置、计算机设备以及产品 |
CN110119296A (zh) * | 2019-04-30 | 2019-08-13 | 华为技术有限公司 | 切换父页面和子页面的方法、相关装置 |
CN110308854A (zh) * | 2019-07-09 | 2019-10-08 | 西安易朴通讯技术有限公司 | 应用切换显示的方法及装置 |
CN111381666A (zh) * | 2018-12-27 | 2020-07-07 | 北京右划网络科技有限公司 | 基于滑动手势的控制方法、装置,终端设备及存储介质 |
CN111831912A (zh) * | 2020-07-17 | 2020-10-27 | 小红书科技有限公司 | 在启动应用程序时提供推荐信息的方法 |
CN111949193A (zh) * | 2019-05-16 | 2020-11-17 | 腾讯科技(深圳)有限公司 | 界面切换方法、装置、终端及存储介质 |
CN112001995A (zh) * | 2020-10-28 | 2020-11-27 | 湖南新云网科技有限公司 | 渲染装置、方法、电子设备及可读存储介质 |
CN112130724A (zh) * | 2020-09-22 | 2020-12-25 | 掌阅科技股份有限公司 | 下拉操作触发的动效绘制方法、计算设备及存储介质 |
CN113377270A (zh) * | 2021-05-31 | 2021-09-10 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备及存储介质 |
CN113760150A (zh) * | 2021-09-22 | 2021-12-07 | 北京字跳网络技术有限公司 | 页面处理方法、装置、设备及存储介质 |
Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030210268A1 (en) * | 2002-03-15 | 2003-11-13 | International Business Machines Corporation | Display control method, program product and information processing apparatus |
CN102646054A (zh) * | 2012-02-27 | 2012-08-22 | 华为终端有限公司 | 一种终端的组件管理方法及终端 |
CN103390053A (zh) * | 2013-07-26 | 2013-11-13 | 贝壳网际(北京)安全技术有限公司 | 浏览器的页面切换控制方法、装置和客户端 |
CN103500037A (zh) * | 2013-09-11 | 2014-01-08 | 天脉聚源(北京)传媒科技有限公司 | 一种轨迹平滑的方法及装置 |
CN104657128A (zh) * | 2014-08-25 | 2015-05-27 | 北京齐尔布莱特科技有限公司 | 基于iOS操作系统的设备查看文章评论的方法 |
US20150301707A1 (en) * | 2014-04-19 | 2015-10-22 | Knorum, Inc. | System And Method Of Graphical User Interface With Map Overlay For Area Marking On Electronic Devices |
CN105022583A (zh) * | 2015-07-22 | 2015-11-04 | 北京元心科技有限公司 | 一种触摸屏的锁定方法及装置 |
CN105094724A (zh) * | 2014-05-12 | 2015-11-25 | 宇龙计算机通信科技(深圳)有限公司 | 屏幕显示的控制方法和屏幕显示的控制装置 |
CN105183364A (zh) * | 2015-10-30 | 2015-12-23 | 小米科技有限责任公司 | 应用程序切换方法、装置及设备 |
CN106250042A (zh) * | 2016-07-29 | 2016-12-21 | 北京顺源开华科技有限公司 | 用户界面的退出方法、装置及电子设备 |
CN106488252A (zh) * | 2016-11-03 | 2017-03-08 | 腾讯音乐娱乐(深圳)有限公司 | 一种直播间列表处理方法及装置 |
CN106648399A (zh) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | 一种界面显示处理方法、装置及设备 |
CN107305462A (zh) * | 2016-04-18 | 2017-10-31 | 滴滴(中国)科技有限公司 | 一种界面切换方法及装置 |
CN108228073A (zh) * | 2018-01-31 | 2018-06-29 | 北京小米移动软件有限公司 | 界面显示方法及装置 |
-
2018
- 2018-09-10 CN CN201811053180.4A patent/CN109032464B/zh active Active
Patent Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030210268A1 (en) * | 2002-03-15 | 2003-11-13 | International Business Machines Corporation | Display control method, program product and information processing apparatus |
CN102646054A (zh) * | 2012-02-27 | 2012-08-22 | 华为终端有限公司 | 一种终端的组件管理方法及终端 |
CN103390053A (zh) * | 2013-07-26 | 2013-11-13 | 贝壳网际(北京)安全技术有限公司 | 浏览器的页面切换控制方法、装置和客户端 |
CN103500037A (zh) * | 2013-09-11 | 2014-01-08 | 天脉聚源(北京)传媒科技有限公司 | 一种轨迹平滑的方法及装置 |
US20150301707A1 (en) * | 2014-04-19 | 2015-10-22 | Knorum, Inc. | System And Method Of Graphical User Interface With Map Overlay For Area Marking On Electronic Devices |
CN105094724A (zh) * | 2014-05-12 | 2015-11-25 | 宇龙计算机通信科技(深圳)有限公司 | 屏幕显示的控制方法和屏幕显示的控制装置 |
CN104657128A (zh) * | 2014-08-25 | 2015-05-27 | 北京齐尔布莱特科技有限公司 | 基于iOS操作系统的设备查看文章评论的方法 |
CN105022583A (zh) * | 2015-07-22 | 2015-11-04 | 北京元心科技有限公司 | 一种触摸屏的锁定方法及装置 |
CN105183364A (zh) * | 2015-10-30 | 2015-12-23 | 小米科技有限责任公司 | 应用程序切换方法、装置及设备 |
CN106648399A (zh) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | 一种界面显示处理方法、装置及设备 |
CN107305462A (zh) * | 2016-04-18 | 2017-10-31 | 滴滴(中国)科技有限公司 | 一种界面切换方法及装置 |
CN106250042A (zh) * | 2016-07-29 | 2016-12-21 | 北京顺源开华科技有限公司 | 用户界面的退出方法、装置及电子设备 |
CN106488252A (zh) * | 2016-11-03 | 2017-03-08 | 腾讯音乐娱乐(深圳)有限公司 | 一种直播间列表处理方法及装置 |
CN108228073A (zh) * | 2018-01-31 | 2018-06-29 | 北京小米移动软件有限公司 | 界面显示方法及装置 |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111381666A (zh) * | 2018-12-27 | 2020-07-07 | 北京右划网络科技有限公司 | 基于滑动手势的控制方法、装置,终端设备及存储介质 |
CN111381666B (zh) * | 2018-12-27 | 2023-08-01 | 北京右划网络科技有限公司 | 基于滑动手势的控制方法、装置,终端设备及存储介质 |
CN110007990A (zh) * | 2019-01-26 | 2019-07-12 | 深圳达普信科技有限公司 | 信息展示方法、装置、计算机设备以及产品 |
CN110119296B (zh) * | 2019-04-30 | 2021-09-14 | 华为技术有限公司 | 切换父页面和子页面的方法、相关装置 |
CN110119296A (zh) * | 2019-04-30 | 2019-08-13 | 华为技术有限公司 | 切换父页面和子页面的方法、相关装置 |
CN111949193A (zh) * | 2019-05-16 | 2020-11-17 | 腾讯科技(深圳)有限公司 | 界面切换方法、装置、终端及存储介质 |
CN111949193B (zh) * | 2019-05-16 | 2023-08-04 | 腾讯科技(深圳)有限公司 | 界面切换方法、装置、终端及存储介质 |
CN110308854A (zh) * | 2019-07-09 | 2019-10-08 | 西安易朴通讯技术有限公司 | 应用切换显示的方法及装置 |
CN110308854B (zh) * | 2019-07-09 | 2021-03-16 | 西安易朴通讯技术有限公司 | 应用切换显示的方法及装置 |
CN111831912A (zh) * | 2020-07-17 | 2020-10-27 | 小红书科技有限公司 | 在启动应用程序时提供推荐信息的方法 |
CN112130724A (zh) * | 2020-09-22 | 2020-12-25 | 掌阅科技股份有限公司 | 下拉操作触发的动效绘制方法、计算设备及存储介质 |
CN112001995B (zh) * | 2020-10-28 | 2021-01-08 | 湖南新云网科技有限公司 | 渲染装置、方法、电子设备及可读存储介质 |
CN112001995A (zh) * | 2020-10-28 | 2020-11-27 | 湖南新云网科技有限公司 | 渲染装置、方法、电子设备及可读存储介质 |
CN113377270A (zh) * | 2021-05-31 | 2021-09-10 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备及存储介质 |
CN113377270B (zh) * | 2021-05-31 | 2024-04-30 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备及存储介质 |
CN113760150A (zh) * | 2021-09-22 | 2021-12-07 | 北京字跳网络技术有限公司 | 页面处理方法、装置、设备及存储介质 |
WO2023045783A1 (zh) * | 2021-09-22 | 2023-03-30 | 北京字跳网络技术有限公司 | 页面处理方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN109032464B (zh) | 2020-12-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109032464A (zh) | 应用程序中的界面切换方法、装置、设备及存储介质 | |
US11565181B2 (en) | Virtual object control method and apparatus, computer device, and storage medium | |
CN108776568B (zh) | 网页页面的显示方法、装置、终端及存储介质 | |
US11797145B2 (en) | Split-screen display method, electronic device, and computer-readable storage medium | |
CN110083282A (zh) | 基于信息展示页面的人机交互方法、装置、终端及介质 | |
EP3458940A1 (en) | Emotional/cognitive state presentation | |
CN111701238A (zh) | 虚拟画卷的显示方法、装置、设备及存储介质 | |
CN110471858A (zh) | 应用程序测试方法、装置及存储介质 | |
CN113544634A (zh) | 用于构成cgr文件的设备、方法和图形用户界面 | |
CN109643214A (zh) | 用于设备后部上的力敏手势的设备、方法和图形用户界面 | |
CN109634489A (zh) | 发表评论的方法、装置、设备及可读存储介质 | |
CN110732136B (zh) | 局外环境下局内行为的预览方法、装置、终端及存储介质 | |
CN112044065B (zh) | 虚拟资源的显示方法、装置、设备及存储介质 | |
CN112416207B (zh) | 信息内容显示方法、装置、设备及介质 | |
CN109298904A (zh) | 信息处理方法、装置、存储介质及计算设备 | |
US11886673B2 (en) | Trackpad on back portion of a device | |
CN110149557A (zh) | 视频播放方法、装置、终端和存储介质 | |
CN109068008A (zh) | 铃声设置方法、装置、终端及存储介质 | |
CN110096525A (zh) | 校准兴趣点信息的方法、装置、设备及存储介质 | |
CN113552994A (zh) | 一种触控操作方法及设备 | |
CN111309431A (zh) | 群组会话中的显示方法、装置、设备及介质 | |
US20220291791A1 (en) | Method and apparatus for determining selected target, device, and storage medium | |
CN110275655A (zh) | 歌词显示方法、装置、设备及存储介质 | |
CN108228052A (zh) | 触发界面组件运行的方法、装置、存储介质及终端 | |
CN109871497A (zh) | 分享信息的方法和装置 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |