CN109947521B - 界面切换方法、装置以及存储介质 - Google Patents
界面切换方法、装置以及存储介质 Download PDFInfo
- Publication number
- CN109947521B CN109947521B CN201910245704.8A CN201910245704A CN109947521B CN 109947521 B CN109947521 B CN 109947521B CN 201910245704 A CN201910245704 A CN 201910245704A CN 109947521 B CN109947521 B CN 109947521B
- Authority
- CN
- China
- Prior art keywords
- interface
- information display
- display
- color
- progress
- 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
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本公开提供了一种界面切换方法、装置以及存储介质,属于计算机技术领域。该方法包括显示第一信息展示界面;当检测到界面切换操作时,显示动态效果,动态效果包括第一信息展示界面逐渐切换为界面切换操作指示的第二信息展示界面,且第一信息展示界面的显示元素的颜色逐渐淡化;当动态效果显示完成时,显示第二信息展示界面。提供了一种界面切换方式,不会直接显示切换后的信息展示界面,而是能够在界面切换过程中显示动态效果,界面切换过程流畅自然,提高了显示效果。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种界面切换方法、装置以及存储介质。
背景技术
随着电子设备的智能化发展和功能的逐渐完善,电子设备上所需展示的信息越来越多,为了提高显示效果,电子设备可以设置多个信息展示界面,通过不同的信息展示界面展示不同的信息,还可以在这些信息展示界面之间进行界面切换。
相关技术中,电子设备包括依次排列的多个信息展示界面,电子设备显示该多个信息展示界面中的第一信息展示界面时,当检测到界面切换操作时,确定该界面切换操作指示的下一个信息展示界面,即第二信息展示界面,直接显示第二信息展示界面,而不再显示第一信息展示界面。
由于直接从第一信息展示界面切换到了第二信息展示界面,导致界面切换的方式过于生硬,显示效果不佳。
发明内容
为克服相关技术中存在的问题,本公开提供一种界面切换方法、装置以及存储介质,所述技术方案如下:
根据本公开实施例的第一方面,提供了一种界面切换方法,所述方法包括:
显示第一信息展示界面;
当检测到界面切换操作时,显示动态效果,所述动态效果包括所述第一信息展示界面逐渐切换为所述界面切换操作指示的第二信息展示界面,且所述第一信息展示界面的显示元素的颜色逐渐淡化;
当所述动态效果显示完成时,显示所述第二信息展示界面。
在一种可能实现方式中,所述当检测到界面切换操作时,显示动态效果,包括:
根据当前的界面切换进度,在第一显示区域中显示所述第一信息展示界面的部分界面,在第二显示区域中显示所述第二信息展示界面的部分界面;
所述第一显示区域与所述第二显示区域之间的比例与所述界面切换进度匹配。
在另一种可能实现方式中,所述当检测到界面切换操作时,显示动态效果,包括:
根据当前的界面切换进度,将所述第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态。
在另一种可能实现方式中,所述根据当前的界面切换进度,将所述第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态,包括:
对于所述第一信息展示界面的显示元素中的每个像素块,根据所述界面切换进度确定所述像素块的透明度,按照所述透明度显示所述像素块,以使所述像素块的颜色随着所述界面切换进度由不透明状态逐渐调整为透明状态。
在另一种可能实现方式中,所述界面切换操作为滑动操作,所述方法还包括:
根据界面切换速率、所述滑动操作的触发时刻和当前时刻,获取当前的界面切换进度,所述界面切换速率等于预设速率或所述滑动操作的滑动速率;或者,
根据滑动距离与界面切换进度之间的对应关系,获取所述滑动操作当前的滑动距离对应的界面切换进度。
在另一种可能实现方式中,所述第一信息展示界面为主界面,所述第二信息展示界面为指定界面;所述当检测到界面切换操作时,显示动态效果,包括:
当操作***在所述主界面中检测到所述界面切换操作时,获取指定应用程序提供的所述指定界面;
所述操作***根据所述主界面和所述指定界面,显示所述动态效果。
在另一种可能实现方式中,所述第一信息展示界面包括第一界面层和第二界面层,所述第一界面层位于所述第二界面层的上层,所述第一界面层包括所述第一信息展示界面的显示元素,所述第二界面层包括所述第一信息展示界面的背景图片;
所述第二信息展示界面包括第三界面层和第四界面层,所述第三界面层位于所述第四界面层的上层,所述第三界面层包括所述第二信息展示界面的显示元素,所述第四界面层具有预设颜色;
所述当检测到界面切换操作时,显示动态效果,包括:
根据所述第一信息展示界面显示元素和背景图片的颜色,以及所述第二信息展示界面的显示元素和所述预设颜色,显示所述动态效果。
在另一种可能实现方式中,所述动态效果还包括所述第二信息展示界面的显示元素的颜色由透明状态逐渐调整为不透明状态。
根据本公开实施例的第二方面,提供了一种界面切换装置,所述装置包括:
界面显示模块,用于显示第一信息展示界面;
动态显示模块,用于当检测到界面切换操作时,显示动态效果,所述动态效果包括所述第一信息展示界面逐渐切换为所述界面切换操作指示的第二信息展示界面,且所述第一信息展示界面的显示元素的颜色逐渐淡化;
所述界面显示模块,还用于当所述动态效果显示完成时,显示所述第二信息展示界面。
在一种可能实现方式中,所述动态显示模块,包括:
展示单元,用于根据当前的界面切换进度,在第一显示区域中显示所述第一信息展示界面的部分界面,在第二显示区域中显示所述第二信息展示界面的部分界面;所述第一显示区域与所述第二显示区域之间的比例与所述界面切换进度匹配。
在另一种可能实现方式中,所述动态显示模块,包括:
调整单元,用于根据当前的界面切换进度,将所述第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态。
在另一种可能实现方式中,所述调整单元,还用于对于所述第一信息展示界面的显示元素中的每个像素块,根据所述界面切换进度确定所述像素块的透明度,按照所述透明度显示所述像素块,以使所述像素块的颜色随着所述界面切换进度由不透明状态逐渐调整为透明状态。
在另一种可能实现方式中,所述界面切换操作为滑动操作,所述动态显示模块,还包括:
获取单元,用于根据界面切换速率、所述滑动操作的触发时刻和当前时刻,获取当前的界面切换进度,所述界面切换速率等于预设速率或所述滑动操作的滑动速率;或者,
所述获取单元,还用于根据滑动距离与界面切换进度之间的对应关系,获取所述滑动操作当前的滑动距离对应的界面切换进度。
在另一种可能实现方式中,所述第一信息展示界面为主界面,所述第二信息展示界面为指定界面;
所述装置还包括操作***和指定应用程序;所述界面显示模块和所述动态显示模块位于所述操作***中;
所述动态显示模块,用于当在所述主界面中检测到所述界面切换操作时,获取指定应用程序提供的所述指定界面;根据所述主界面和所述指定界面,显示所述动态效果。
在另一种可能实现方式中,所述第一信息展示界面包括第一界面层和第二界面层,所述第一界面层位于所述第二界面层的上层,所述第一界面层包括所述第一信息展示界面的显示元素,所述第二界面层包括所述第一信息展示界面的背景图片;
所述第二信息展示界面包括第三界面层和第四界面层,所述第三界面层位于所述第四界面层的上层,所述第三界面层包括所述第二信息展示界面的显示元素,所述第四界面层具有预设颜色;
所述动态显示模块,还用于根据所述第一信息展示界面显示元素和背景图片的颜色,以及所述第二信息展示界面的显示元素和所述预设颜色,显示所述动态效果。
在另一种可能实现方式中,所述动态效果还包括所述第二信息展示界面的显示元素的颜色由透明状态逐渐调整为不透明状态。
根据本公开实施例的第三方面,提供了一种界面切换装置,所述装置包括:
一个或多个处理器;
用于存储所述一个或多个处理器可执行指令的易失性或非易失性存储器;
其中,所述一个或多个处理器被配置为:
显示第一信息展示界面;
当检测到界面切换操作时,显示动态效果,所述动态效果包括所述第一信息展示界面逐渐切换为所述界面切换操作指示的第二信息展示界面,且所述第一信息展示界面的显示元素的颜色逐渐淡化;
当所述动态效果显示完成时,显示所述第二信息展示界面。
根据本公开实施例提供的第四方面,所述计算机可读存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如第一方面所述的界面切换方法中所执行的操作。
本公开实施例提供的技术方案带来的有益效果至少包括:
本公开实施例提供的界面切换方法、装置以及存储介质,通过显示第一信息展示界面,当检测到界面切换操作时,显示动态效果,动态效果包括第一信息展示界面逐渐切换为界面切换操作指示的第二信息展示界面,且第一信息展示界面的显示元素的颜色逐渐淡化,当动态效果展示完成时,显示第二信息展示界面。提供了一种界面切换方式,不会直接显示切换后的信息展示界面,而是能够在界面切换过程中显示动态效果,界面切换过程流畅自然,提高了显示效果。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1是根据一示例性实施例示出的一种电子设备的结构示意图;
图2是根据一示例性实施例示出的一种界面切换方法的流程图;
图3是根据一示例性实施例示出的一种指定界面的示意图;
图4是根据一示例性实施例示出的一种主界面的示意图;
图5是根据一示例性实施例示出的一种动态效果的示意图;
图6是根据一示例性实施例示出的一种界面切换方法的流程图;
图7是根据一示例性实施例示出的一种界面切换装置的结构示意图;
图8是根据一示例性实施例示出的另一种界面切换装置的结构示意图;
图9是根据一示例性实施例示出的一种电子设备的框图。
具体实施方式
为使本公开的目的、技术方案和优点更加清楚,下面将结合附图对本公开实施方式作进一步地详细描述。
在对本公开实施例进行详细地解释说明之前,先对本公开实施例涉及到的界面进行简单介绍:
1、主界面:电子设备开机或解锁时自动显示的界面。
主界面可以包括多个应用程序的应用图标,用户触发任一应用图标即可启动该应用图标对应的应用程序。主界面中还可以包括背景图片,该背景图片作为壁纸,可以提升主界面的显示效果,该背景图片可以由电子设备自动设定或由用户进行设置。且主界面中还可以包括一些用户常用的信息,如当前的时间信息、网络连接情况等。
2、指定界面:电子设备上一种特定的信息展示界面,用于聚合显示多种类型的信息。
指定界面为除电子设备的主界面和已安装的应用程序的应用界面之外的其他界面,如负一屏界面。负一屏界面可为多个信息展示界面中位于最左边的信息展示界面,在主界面上执行向右滑动操作,可以唤出负一屏界面。
指定界面可以包括多个显示区域:展示区域、快捷功能区域和动态信息区域。其中,展示区域可以展示一些常用信息,如时间信息、天气信息等;快捷功能区域可以展示多个功能选项,如应用程序的启动选项、应用程序中某一应用界面的启动选项、工具的启动选项,如扫一扫功能的启动选项等;动态信息区域可以展示推荐的动态信息,如热门商品、火车票、电影票、日程信息、股票行情、出行策略等。
图1是根据一示例性实施例示出的一种电子设备的结构示意图。参见图1,该电子设备包括操作***101、指定应用程序102和其他的多个应用程序103,操作***101分别与指定应用程序102和其他的多个应用程序103连接。
操作***101可以为连接的各个应用程序提供接口,这些应用程序调用操作***提供的接口,通过与操作***101进行交互来实现相应的操作。
电子设备可以提供多个信息展示界面,该多个信息展示界面可以用于展示不同的信息,且该多个信息展示界面可以包括由操作***101控制显示的***界面,由应用程序控制显示的应用界面等,则控制每个信息展示界面进行显示的应用程序可以相同,也可以不同。
例如,操作***101可以控制显示主界面、设置界面等,指定应用程序102可以控制显示指定界面。其中,该指定界面用于聚合展示多种类型的信息,这些信息可以由操作***101提供,或者由至少一个应用程序提供。
图2是根据一示例性实施例示出的一种界面切换方法的流程图,应用于电子设备中,电子设备可以为手机、个人计算机、平板电脑等设备,参见图2,该方法包括:
在步骤201中,电子设备显示第一信息展示界面。
电子设备包括多个信息展示界面,不同的信息展示界面展示的内容各不相同。例如,通过主界面显示多个应用程序的应用图标,供用户选择要启动的应用程序,通过指定界面显示当前的时间信息、应用程序的动态消息、搜索栏等,通过社交应用展示该社交应用的聊天界面等。
电子设备可以根据用户的操作在该多个信息展示界面之间进行切换。以电子设备当前显示第一信息展示界面为例,用户可以查看第一信息展示界面中显示的信息,也可以在第一信息展示界面触发一种或多种操作,基于第一信息展示界面控制电子设备的操作。后续过程中,当用户希望切换至另一信息展示界面时,可以在第一信息展示界面上触发界面切换操作。
在步骤202中,当检测到界面切换操作时,电子设备显示动态效果,动态效果包括第一信息展示界面逐渐切换为界面切换操作指示的第二信息展示界面,且第一信息展示界面的显示元素的颜色逐渐淡化。
用户在第一信息展示界面中触发界面切换操作,该界面切换操作用于指示电子设备由显示第一信息展示界面切换为显示第二信息展示界面,当电子设备检测到界面切换操作时,确定界面切换操作指示的第二信息展示界面,由第一信息展示界面切换为显示第二信息展示界面,供用户查看第二信息展示界面中的信息。
其中,该界面切换操作可以为滑动操作、长按操作或者其他操作等。
关于确定第二信息展示界面的过程:
在一种可能实现方式中,电子设备可以建立界面切换操作与目标信息展示界面之间的对应关系,表示每种类型的界面切换操作对应一个目标信息展示界面,当电子设备检测到该界面切换操作时,无论当前显示的第一信息展示界面是哪一个界面,均可查询该对应关系,确定该界面切换操作对应的目标信息展示界面,作为第二信息展示界面。
在另一种可能实现方式中,多个信息展示界面按照顺序依次排列,而用户触发的界面切换操作可以具有切换方向,当电子设备检测到该界面切换操作时,可以根据多个信息展示界面的排列顺序和界面切换操作的切换方向,确定第一信息展示界面在该切换方向上的下一个信息展示界面,作为第二信息展示界面。
多个信息展示界面按照由左到右的顺序依次排列,该切换方向可以为向左或向右,或者,多个信息展示界面按照由上到下的顺序依次排列,该切换方向可以为向上或向下。
例如,当界面切换操作为滑动操作,且该多个信息展示界面按照顺序依次排列时,根据滑动操作的滑动方向可以确定界面切换方向,电子设备检测到向左滑动操作,确定第一信息展示界面的右侧的第二信息展示界面,以便由第一信息展示界面切换为第二信息展示界面,或者,电子设备检测到向右滑动操作,确定第一信息展示界面的左侧的第二信息展示界面,以便由第一信息展示界面切换为第二信息展示界面。
在另一种可能实现方式中,当界面切换操作为长按操作,且该多个信息展示界面按照顺序依次排列时,根据长按操作在电子设备的显示界面中的触发区域确定界面切换方向,电子设备的显示界面包括左侧区域和右侧区域,电子设备检测到长按操作时,确定长按操作的触发区域,当该触发区域位于左侧区域时,界面切换方向为向左切换,则确定第一信息展示界面的左侧的第二信息展示界面,以便由第一信息展示界面切换为第二信息展示界面。当该触发区域位于右侧区域时,界面切换方向为向右切换,则确定第一信息展示界面的右侧的第二信息展示界面,以便由第一信息展示界面切换为第二信息展示界面。
在一种可能实现方式中,第一信息展示界面为主界面,第二信息展示界面为指定界面;或者,第一信息展示界面为指定界面,第二信息展示界面为主界面;指定界面位于主界面的左侧或右侧。
关于界面切换过程:
本公开实施例中,为了避免直接由第一信息展示界面切换为第二信息展示界面而导致显示效果不佳的问题,当在第一信息展示界面中检测到界面切换操作时,不会直接切换为显示第二信息展示界面,而是会先显示动态效果,待动态效果显示完成时,切换为显示第二信息展示界面。
该动态效果包括:第一信息展示界面逐渐切换为第二信息展示界面,即第一信息展示界面在电子设备的显示界面上逐渐消失,而第二信息展示界面在电子设备的显示界面上逐渐出现,第一信息展示界面的消失与第二信息展示界面的出现同步,直至第一信息展示界面完全消失且第二信息展示界面完全出现时,动态效果显示完成。那么,在界面切换过程中的每个时刻,第一信息展示界面与第二信息展示界面会共同构成当前的显示界面,布满电子设备的整个显示屏幕。
而且,为了提升显示效果,模拟出第一信息展示界面逐渐退出显示的场景,该动态效果还包括:第一信息展示界面的显示元素的颜色逐渐淡化。
其中,第一信息展示界面包括显示元素和背景图片,显示元素在背景图片的上层显示,背景图片作为显示元素的背景,会在电子设备的显示界面中除显示元素以外的显示区域进行显示。显示元素可以包括应用图标、操作按钮、滑动条等多种类型,且显示元素可以具有一种或多种颜色。
在电子设备显示全部的第一信息展示界面时,显示元素会按照该显示元素的原始颜色进行显示,此时显示元素的颜色为不透明状态。而在界面切换的过程中,电子设备将显示元素的颜色逐渐淡化,使显示元素的颜色由不透明状态逐渐调整为透明状态,直至第一信息展示界面完全退出电子设备的显示界面时,显示元素的颜色为完全的透明状态。
例如,第一信息展示界面为电子设备的主界面,第二信息展示界面为指定界面。
图3是根据一示例性实施例示出的一种指定界面的示意图,图4是根据一示例性实施例示出的一种主界面的示意图,图5是根据一示例性实施例示出的一种动态效果的示意图。参见图3至图5,指定界面位于主界面的左侧,界面切换过程中,主界面逐渐向右移动,指定界面也逐渐向右移动,移动过程中,该主界面中的显示元素逐渐淡化。从用户的角度来说,用户所观看到的主界面中的显示元素会逐渐调整为透明状态。
在步骤203中,当动态效果显示完成时,电子设备显示第二信息展示界面。
电子设备通过步骤202显示第一信息展示界面逐渐切换为第二信息展示界面的动态效果,当第一信息展示界面完全消失时,第二信息展示界面完全出现,此时动态效果显示完成,电子设备的显示界面上即可显示全部的第二信息展示界面。
本公开实施例提供的方法,通过显示第一信息展示界面,当检测到界面切换操作时,显示动态效果,动态效果包括第一信息展示界面逐渐切换为界面切换操作指示的第二信息展示界面,且第一信息展示界面的显示元素的颜色逐渐淡化,当动态效果显示完成时,显示第二信息展示界面。提供了一种界面切换方式,不会直接显示切换后的信息展示界面,而是能够在界面切换过程中显示动态效果,界面切换过程流畅自然,提高了显示效果。
在上述实施例的基础上,在界面切换过程中的每个时刻,需要根据当前的界面切换进度进行显示。
因此,在一种可能实现方式中,该步骤202包括:
在步骤2021中,根据当前的界面切换进度,在第一显示区域中显示第一信息展示界面的部分界面,在第二显示区域中显示第二信息展示界面的部分界面,第一显示区域与第二显示区域之间的比例与界面切换进度匹配。
由于电子设备的显示屏幕尺寸固定,因此显示界面的尺寸也固定。由于第一信息展示界面与第二信息展示界面的尺寸均与显示屏幕的尺寸相同,因此在界面切换过程中,需要通过一个显示界面同时显示第一信息展示界面的部分界面和第二信息展示界面的部分界面。
则该显示界面包括第一显示区域和第二显示区域,且第一显示区域的尺寸和第二显示区域的尺寸的总和与显示屏幕的尺寸相同。第一显示区域用于显示第一信息展示界面的部分界面,第二显示区域用于显示第二信息展示界面的部分界面。而且,第一显示区域的尺寸和第二显示区域的尺寸可以根据界面切换进度逐渐调整,以便第一显示区域逐渐减小,第二显示区域逐渐增大。
其中,界面切换进度表示第一信息展示界面切换为第二信息展示界面的进度,可以为第一信息展示界面与第二信息展示界面在电子设备的显示界面中所占的比例,或者可以为第一信息展示界面(或第二信息展示界面)的移动距离,或者可以为其他可以表示切换进度的数据。
第一显示区域与第二显示区域之间的比例与界面切换进度匹配,这样可以保证所显示的第一信息展示界面越来越少,达到了第一信息展示界面逐渐消失的效果,而所显示的第二信息展示界面越来越多,达到了第二信息展示界面逐渐出现的效果,且两者的进度一致,实现了同步。
当界面切换操作为滑动操作时,电子设备根据滑动操作确定当前的界面切换进度。
在一种可能实现方式中,根据界面切换速率、滑动操作的触发时刻和当前时刻,获取当前的界面切换进度。其中,界面切换速率为第一信息展示界面和第二信息展示界面的移动速率,该界面切换速率等于预设速率或滑动操作的滑动速率。例如,该预设速率可以为14cm/s,20cm/s或者其他数值。
当电子设备检测到滑动操作时,将滑动操作的触发时刻确定为滑动操作的起始时刻,将该滑动操作的起始时刻与当前时刻之间的时长确定为该滑动操作的持续时长,通过计算滑动操作的持续时长与界面切换速率的乘积,可以确定滑动操作的移动距离,以该移动距离表示当前的界面切换进度。或者,
之后,根据确定的移动距离调整第一显示区域和第二显示区域的尺寸,根据调整尺寸后的第一显示区域和第二显示区域,分别显示第一信息展示界面的部分界面和第二信息展示界面的部分界面。
采用上述显示方式,即可在界面切换过程中的每个时刻显示第一信息展示界面的部分界面和第二信息展示界面的部分界面,且随着时间的推移,所显示的第一信息展示界面越来越少,第二信息展示界面越来越多,从而实现了第一信息展示界面和第二信息展示界面逐渐移动,逐渐由第一信息展示界面逐渐切换为第二信息展示界面的效果。
在另一种可能实现方式中,根据滑动距离与界面切换进度之间的对应关系,获取滑动操作当前的滑动距离对应的界面切换进度。
电子设备预先设置滑动距离与界面切换进度之间的对应关系,在用户执行滑动操作的过程中,电子设备检测滑动操作的滑动距离,根据该对应关系确定当前的滑动操作对应的界面切换进度。之后,根据确定的移动距离调整第一显示区域和第二显示区域的尺寸,根据调整尺寸后的第一显示区域和第二显示区域,分别显示第一信息展示界面的部分界面和第二信息展示界面的部分界面。
采用上述显示方式,即可在界面切换过程中的每个时刻显示第一信息展示界面的部分界面和第二信息展示界面的部分界面,且随着时间的推移,所显示的第一信息展示界面越来越少,第二信息展示界面越来越多,从而实现了第一信息展示界面和第二信息展示界面逐渐移动,逐渐由第一信息展示界面逐渐切换为第二信息展示界面的效果。
在步骤2022中,根据当前的界面切换进度,将第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态。
在由第一信息展示界面逐渐切换为第二信息展示界面的过程中,第一信息展示界面的显示元素的颜色会逐渐淡化,且显示元素的颜色淡化程度与界面切换进度匹配,也即是电子设备按照与界面切换进度匹配的透明度显示第一信息展示界面的显示元素的颜色,以使第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态。
电子设备中的第一信息展示界面中的显示元素包括多个像素块,对于第一信息展示界面中的每个像素块,根据当前的界面切换进度确定匹配的透明度,按照确定的透明度显示该像素块的颜色,以使像素块的颜色随着界面切换进度由不透明状态逐渐调整为透明状态。在界面切换过程中的每个时刻,对显示元素的每个像素块均采用此种方式进行显示,随着时间的推移,显示元素中每个像素块的颜色越来越趋近于透明,直至动态效果显示完成时,显示元素中每个像素块的颜色均为透明状态。
其中,当像素块的颜色的透明度为0%时,像素块为不透明状态,而当像素块的颜色的透明度为100%时,像素块为透明状态。显示动态效果的过程中,第一信息展示界面中的显示元素的像素块的颜色的透明度逐渐由0%调整为100%,因此可以实现由不透明状态逐渐调整为透明状态的效果。
在一种可能实现方式中,界面切换进度以第二信息展示界面在显示界面中所占的比例来表示,则获取当前的第二信息展示界面在显示界面中所占的比例,将该比例作为透明度,按照该透明度显示第一信息展示界面的显示元素。
例如,当第二信息展示界面在显示界面中所占的比例为40%时,显示元素的像素块的透明度也为40%,此时按照透明度40%显示像素块。
本公开实施例仅是以调整第一信息展示界面的显示元素的透明度为例进行说明,在另一实施例中,在由第一信息展示界面逐渐切换为第二信息展示界面的过程中,第一信息展示界面的显示元素相应地逐渐调整为与背景图片相同的颜色,且显示元素的颜色调整进度与界面切换进度匹配,也即是电子设备按照与界面切换进度匹配的颜色对显示元素的颜色进行调整,控制显示元素颜色的变化,采用此种方式也能模拟出显示元素的颜色逐渐淡化的效果。
电子设备获取第一信息展示界面中显示元素的原始颜色以及背景图片的颜色,将背景图片的颜色作为显示元素的目标颜色,根据显示元素的原始颜色、目标颜色以及界面切换进度,确定当前显示元素应该显示的颜色,按照该颜色进行显示。
第一信息展示界面中的显示元素包括多个像素块,对于第一信息展示界面的显示元素中的每个像素块,根据像素块的原始颜色和背景图片中与像素块对应的像素块的目标颜色,确定与界面切换进度匹配的颜色,按照确定的颜色显示像素块。
在一种可能实现方式中,界面切换进度以第二信息展示界面在显示界面中所占的比例来表示,则获取像素块的原始颜色和背景图片中与像素块对应的目标颜色,计算像素块的原始颜色和目标颜色的差值,计算该差值与界面切换进度的乘积,将该像素块的原始颜色和计算得到的乘积相加,确定当前像素块的颜色,按照确定的颜色显示该像素块。
在界面切换过程中的每个时刻,对显示元素的多个像素块均采用此种方式进行显示,随着时间的推移,显示元素中每个像素块的颜色与背景图片中对应像素块的颜色越来越接近,直至动态效果显示完成时,显示元素中每个像素块的颜色与背景图片中对应像素块的颜色相同。
其中,任一像素块的颜色可以通过像素值表示,也可以通过其他数据进行表示。
例如,像素块的颜色通过像素值表示,当第一信息展示界面的显示元素的指定像素块的像素值为50,在背景图片中与该指定像素块对应的像素块的像素值为100。当前的界面切换进度为50%时,通过计算确定指定像素块的像素值应该为75,则按照像素值75显示该指定像素块的颜色。
需要说明的是,本实施例以根据滑动操作的时长、滑动速率或者滑动时长确定界面切换进度为例,在滑动操作的持续过程中,界面切换进度逐渐变化,电子设备根据界面切换进度显示相应的动态效果。待动态效果显示完成时即可显示第二信息展示界面。
但是,如果在动态效果显示还未完成时,用户结束滑动操作,此时可以继续显示该动态效果,直至第一信息展示界面完全消失,第二信息展示界面完整显示为止。或者,还可以根据当前的界面切换进度确定是否要继续进行切换,还是要停止进行切换。
例如,当检测到滑动操作结束,而动态效果还未显示完成时,获取当前的界面切换进度,当确定该界面切换进度未达到预设进度时,不再进行切换,则重新显示第一信息展示界面,而不再显示第二信息展示界面。或者,显示由第二信息展示界面逐渐切换至第一信息展示界面,且第一信息展示界面的显示元素的颜色逐渐恢复为不透明状态的动态效果。当确定该界面切换进度已达到预设进度时,继续显示该动态效果,直至第一信息展示界面完全消失,第二信息展示界面完整显示为止。其中,界面切换进度以第二信息展示界面在显示界面中所占的比例表示时,该预设进度为50%,或者,界面切换进度以第二信息展示界面的移动距离表示时,该预设进度为该显示屏幕的尺寸的一半。
在上述实施例的基础上,第一信息展示界面包括第一界面层和第二界面层,第一界面层位于第二界面层的上层,第一界面层包括第一信息展示界面的显示元素,第二界面层包括第一信息展示界面的背景图片,且第一界面层中除显示元素以外的区域为透明区域,因此当电子设备显示第一信息展示界面时,显示第一信息展示界面中的显示元素,且除显示元素以外的区域显示第二界面层的背景图片,因此实现显示第一信息展示界面的效果。
第二信息展示界面包括第三界面层和第四界面层,第三界面层位于第四界面层的上层,第三界面层包括第二信息展示界面的显示元素,第四界面层具有预设颜色,该预设颜色可以为红色、绿色、白色或者其他颜色。且第三界面层中除显示元素以外的区域为透明区域,因此,当电子设备显示第二信息展示界面时,显示第三界面层中的显示元素,且除显示元素以外的区域显示第四界面层的颜色,因此实现显示第二信息展示界面的效果。
当电子设备通过第一信息展示界面检测到界面切换操作时,获取第一信息展示界面和第二信息展示界面,根据第一信息展示界面中的显示元素和背景图片的颜色,以及第二信息展示界面中的显示元素和预设颜色,显示动态效果。
另外,第二信息展示界面还可以包括第五界面层,第五界面层位于第四界面层的下层,该第五界面层包括与第一信息展示界面的背景图片相同的背景图片。则该第四界面层和该第五界面层共同作为显示元素的背景。则当电子设备通过第一信息展示界面检测到界面切换操作时,获取第一信息展示界面和第二信息展示界面,根据第一信息展示界面中的显示元素和背景图片的颜色,以及第二信息展示界面中的显示元素、预设颜色和背景图片,显示动态效果。
在上述实施例的基础上,电子设备包括操作***和指定应用程序,第一信息展示界面为主界面,第二信息展示界面为指定界面。
该步骤202还包括:当操作***在主界面中检测到界面切换操作时,获取指定应用程序提供的指定界面,根据主界面和指定界面,显示动态效果。
电子设备可以设置缓存区,指定应用程序可以将指定界面的界面数据存储于该缓存区,而操作***可以从缓存区中提取该界面数据,从而获取到指定界面,根据主界面和指定界面,显示动态效果。
在一种可能实现方式中,主界面包括上述第一界面层和上述第二界面层,指定界面包括上述第三界面层和上述第四界面层的情况下,指定应用程序提供指定界面的显示元素和预设颜色,操作***获取指定界面的显示元素和预设颜色,根据主界面的显示元素和主界面的背景图片的颜色,以及指定界面的显示元素和预设颜色,显示动态效果。例如,指定应用程序将指定界面中的显示元素和预设颜色存储于缓存区中,供操作***使用。
操作***通过第一显示区域显示主界面的显示元素和背景图片,通过第二显示区域显示第一界面层的显示元素,且第一显示区域中除显示元素的区域显示第二界面层的预设颜色。在显示过程中,第一显示区域的尺寸逐渐增大,第二显示区域的尺寸逐渐减小,且主界面的显示元素的颜色逐渐淡化,从而实现由主界面逐渐切换为指定界面。
在上述实施例的基础上,该动态效果还包括第二信息展示界面的显示元素由透明状态逐渐调整为不透明状态的效果。
当第二信息展示界面还未显示时,第二信息展示界面的显示元素为透明状态,且显示元素的下层显示有预设颜色,在由第一信息展示界面切换至第二信息展示界面的过程中,第二信息展示界面中的显示元素的颜色由透明状态逐渐调整为不透明状态。
当第二信息展示界面还未显示时,该显示元素的透明度为100%,该显示元素为透明状态,在第二信息展示界面中的显示元素的颜色由透明状态逐渐调整为不透明状态的过程中,根据界面切换进度确定显示元素的颜色当前的透明度,从而调整显示元素的透明度,直至显示元素的透明度调整为0%时,显示元素为不透明状态,通过调整显示元素的透明度实现由透明状态逐渐调整为不透明状态的动态效果。
当电子设备检测到界面切换操作时,第一信息展示界面逐渐消失,第二信息展示界面逐渐出现,且第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态,而第二信息展示界面的显示元素的颜色由透明状态逐渐调整为不透明状态以达到第一展示信息界面的显示元素和第二信息展示界面的显示元素都在逐渐调整的效果,界面切换过程流畅自然,提高了显示效果。
本公开实施例仅是以调整第二信息展示界面的显示元素的透明度为例进行说明,在另一实施例中,该显示元素具有原始颜色,且该显示元素的下层显示有预设颜色,当第二信息展示界面还未显示时,可以将该显示元素的颜色设置为预设颜色,在由第一信息展示界面切换至第二信息展示界面的过程中,第二信息展示界面中的显示元素的颜色由预设颜色逐渐调整为与显示元素的原始颜色相同的颜色,直至动态效果显示完成时,显示元素的颜色即为原始颜色。
在一种可能实现方式中,在第二信息展示界面中的显示元素逐渐由预设颜色调整为与显示元素的原始颜色相同的颜色的过程中,将显示元素的预设颜色作为显示元素的初始颜色,将显示元素的原始颜色作为显示元素的目标颜色,根据显示元素的初始颜色、目标颜色以及界面切换进度,确定当前显示元素应该显示的颜色,确定当前显示元素应该显示的颜色的过程与步骤2022中的确定过程类似,在此不再赘述。
当电子设备检测到界面切换操作时,第一信息展示界面逐渐消失,第二信息展示界面逐渐出现,且第一信息展示界面的显示元素的颜色逐渐调整为与第一信息展示界面的背景图片相同的颜色,而第二信息展示界面的显示元素的颜色由预设颜色逐渐调整为与显示元素的原始颜色相同的颜色,以达到第一展示信息界面的显示元素和第二信息展示界面的显示元素都在逐渐调整的效果,界面切换过程流畅自然,提高了显示效果。
图6是根据一示例性实施例示出的一种界面切换方法的流程图。参见图6,该方法包括:
在步骤601中,电子设备显示第一信息展示界面。
在步骤602中,当电子设备检测到界面切换操作时,确定该界面切换操作指示的第二信息展示界面。
在步骤603中,在当前时刻,根据界面切换速率、滑动操作的触发时刻和当前时刻,获取当前的界面切换进度。
在另一实施例中,该步骤603可以由以下步骤代替:根据滑动距离与界面切换进度之间的对应关系,获取滑动操作当前的滑动距离对应的界面切换进度。
在步骤604中,根据当前的界面切换进度,在第一显示区域中显示第一信息展示界面的部分界面,在第二显示区域中显示第二信息展示界面的部分界面。
在步骤605中,电子设备根据界面切换进度确定第一信息展示界面的显示元素中的每个像素块的透明度,按照透明度显示像素块。
在步骤606中,在下一个时刻,继续获取当前的界面切换进度,根据当前的界面切换进度进行显示,直至根据界面切换进度确定界面切换完成时,电子设备显示全部的第二信息展示界面。
图7是根据一示例性实施例示出的一种界面切换装置的结构示意图。参见图7,该装置包括界面显示模块701以及动态显示模块702。
界面显示模块701,用于显示第一信息展示界面;
动态显示模块702,用于当检测到界面切换操作时,显示动态效果,动态效果包括第一信息展示界面逐渐切换为界面切换操作指示的第二信息展示界面,且第一信息展示界面的显示元素的颜色逐渐淡化;
界面显示模块701,还用于当动态效果显示完成时,显示第二信息展示界面。
本公开实施例提供的装置,通过显示第一信息展示界面,当检测到界面切换操作时,显示动态效果,动态效果包括第一信息展示界面逐渐切换为界面切换操作指示的第二信息展示界面,且第一信息展示界面的显示元素的颜色逐渐淡化,当动态效果展示完成时,显示第二信息展示界面。提供了一种界面切换方式,不会直接显示切换后的信息展示界面,而是能够在界面切换过程中显示动态效果,界面切换过程流畅自然,提高了显示效果。
在一种可能实现方式中,参见图8,动态显示模块702,包括:
展示单元7021,用于根据当前的界面切换进度,在第一显示区域中显示第一信息展示界面的部分界面,在第二显示区域中显示第二信息展示界面的部分界面;第一显示区域与第二显示区域之间的比例与界面切换进度匹配。
在另一种可能实现方式中,动态显示模块702,包括:
调整单元7022,用于根据当前的界面切换进度,将第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态。
在另一种可能实现方式中,调整单元7022,还用于对于第一信息展示界面的显示元素中的每个像素块,根据界面切换进度确定像素块的透明度,按照透明度显示像素块,以使像素块的颜色随着界面切换进度由不透明状态逐渐调整为透明状态。
在另一种可能实现方式中,界面切换操作为滑动操作,动态显示模块702,还包括:
获取单元7023,用于根据界面切换速率、滑动操作的触发时刻和当前时刻,获取当前的界面切换进度,界面切换速率等于预设速率或滑动操作的滑动速率;或者,
获取单元7023,还用于根据滑动距离与界面切换进度之间的对应关系,获取滑动操作当前的滑动距离对应的界面切换进度。
在另一种可能实现方式中,第一信息展示界面为主界面,第二信息展示界面为指定界面;
装置还包括操作***和指定应用程序;界面显示模块701和动态显示模块702位于操作***中;
动态显示模块702,用于当在主界面中检测到界面切换操作时,获取指定应用程序提供的指定界面;根据主界面和指定界面,显示动态效果。
在另一种可能实现方式中,第一信息展示界面包括第一界面层和第二界面层,第一界面层位于第二界面层的上层,第一界面层包括第一信息展示界面的显示元素,第二界面层包括第一信息展示界面的背景图片;
第二信息展示界面包括第三界面层和第四界面层,第三界面层位于第四界面层的上层,第三界面层包括第二信息展示界面的显示元素,第四界面层具有预设颜色;
动态显示模块702,还用于根据第一信息展示界面显示元素和背景图片的颜色,以及第二信息展示界面的显示元素和预设颜色,显示动态效果。
在另一种可能实现方式中,动态效果还包括第二信息展示界面的显示元素的颜色由透明状态逐渐调整为不透明状态。
需要说明的是:上述实施例提供的界面切换装置在界面切换时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将电子设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的界面切换装置与界面切换方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
图9是根据一示例性实施例示出的一种电子设备的框图。例如,电子设备900可以是移动电话,计算机,数字广播装置,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图9,电子设备900可以包括以下一个或多个组件:处理组件902,存储器904,电源组件906,多媒体组件908,音频组件910,输入/输出(I/O)的接口912,传感器组件914,以及通信组件916。
处理组件902通常控制电子设备900的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件902可以包括一个或多个处理器920来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件902可以包括一个或多个模块,便于处理组件902和其他组件之间的交互。例如,处理组件902可以包括多媒体模块,以方便多媒体组件908和处理组件902之间的交互。
存储器904被配置为存储各种类型的数据以支持在电子设备900的操作。这些数据的示例包括用于在电子设备900上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器904可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件906为电子设备900的各种组件提供电力。电源组件906可以包括电源管理***,一个或多个电源,及其他与为电子设备900生成、管理和分配电力相关联的组件。
多媒体组件908包括在所述电子设备900和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件908包括一个前置摄像头和/或后置摄像头。当电子设备900处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。
音频组件910被配置为输出和/或输入音频信号。例如,音频组件910包括一个麦克风(MIC),当电子设备900处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器904或经由通信组件916发送。在一些实施例中,音频组件910还包括一个扬声器,用于输出音频信号。
I/O接口912为处理组件902和***接口模块之间提供接口,上述***接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件914包括一个或多个传感器,用于为电子设备900提供各个方面的状态评估。例如,传感器组件914可以检测到电子设备900的打开/关闭状态,组件的相对定位,例如所述组件为电子设备900的显示器和小键盘,传感器组件914还可以检测电子设备900或电子设备900一个组件的位置改变,用户与电子设备900接触的存在或不存在,电子设备900方位或加速/减速和电子设备900的温度变化。传感器组件914可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件914还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件914还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件916被配置为便于电子设备900和其他设备之间有线或无线方式的通信。电子设备900可以接入基于通信标准的无线网络,如Wi-Fi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件916经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件916还包括近场通信(NFC)模块,以促进短程通信。
在示例性实施例中,电子设备900可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述界面切换方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器904,上述指令可由电子设备900的处理器920执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (16)
1.一种界面切换方法,其特征在于,所述方法包括:
显示第一信息展示界面;
当检测到界面切换操作时,显示动态效果,所述动态效果包括所述第一信息展示界面逐渐切换为所述界面切换操作指示的第二信息展示界面,且所述第一信息展示界面的显示元素的颜色逐渐淡化,所述第一信息展示界面包括第一界面层和第二界面层,所述第一界面层位于所述第二界面层的上层,所述第一界面层包括所述第一信息展示界面的显示元素,所述第二界面层包括所述第一信息展示界面的背景图片;所述第二信息展示界面包括第三界面层和第四界面层,所述第三界面层位于所述第四界面层的上层,所述第三界面层包括所述第二信息展示界面的显示元素,所述第四界面层具有预设颜色;
当所述动态效果显示完成时,显示所述第二信息展示界面;
其中,所述当检测到界面切换操作时,显示动态效果,包括:
根据当前的界面切换进度,分别确定所述第一信息展示界面的颜色调整进度和所述第二信息展示界面的颜色调整进度;基于所述第一信息展示界面的颜色调整进度,将所述第一信息展示界面的显示元素的颜色逐渐调整为与所述背景图片相同的颜色,以及基于所述第二信息展示界面的颜色调整进度,将所述第二信息展示界面的显示元素的颜色由所述预设颜色逐渐调整为与所述第二信息展示界面的显示元素的原始颜色相同的颜色,所述界面切换进度为所述第一信息展示界面的移动距离。
2.根据权利要求1所述的方法,其特征在于,所述当检测到界面切换操作时,显示动态效果,包括:
根据当前的界面切换进度,在第一显示区域中显示所述第一信息展示界面的部分界面,在第二显示区域中显示所述第二信息展示界面的部分界面;
所述第一显示区域与所述第二显示区域之间的比例与所述界面切换进度匹配。
3.根据权利要求1所述的方法,其特征在于,所述当检测到界面切换操作时,显示动态效果,包括:
根据当前的界面切换进度,将所述第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态。
4.根据权利要求3所述的方法,其特征在于,所述根据当前的界面切换进度,将所述第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态,包括:
对于所述第一信息展示界面的显示元素中的每个像素块,根据所述界面切换进度确定所述像素块的透明度,按照所述透明度显示所述像素块,以使所述像素块的颜色随着所述界面切换进度由不透明状态逐渐调整为透明状态。
5.根据权利要求2或3所述的方法,其特征在于,所述界面切换操作为滑动操作,所述方法还包括:
根据界面切换速率、所述滑动操作的触发时刻和当前时刻,获取当前的界面切换进度,所述界面切换速率等于预设速率或所述滑动操作的滑动速率;或者,
根据滑动距离与界面切换进度之间的对应关系,获取所述滑动操作当前的滑动距离对应的界面切换进度。
6.根据权利要求1所述的方法,其特征在于,所述第一信息展示界面为主界面,所述第二信息展示界面为指定界面;所述当检测到界面切换操作时,显示动态效果,包括:
当操作***在所述主界面中检测到所述界面切换操作时,获取指定应用程序提供的所述指定界面;
所述操作***根据所述主界面和所述指定界面,显示所述动态效果。
7.根据权利要求1所述的方法,其特征在于,所述动态效果还包括所述第二信息展示界面的显示元素由透明状态逐渐调整为不透明状态。
8.一种界面切换装置,其特征在于,所述装置包括:
界面显示模块,用于显示第一信息展示界面;
动态显示模块,用于当检测到界面切换操作时,显示动态效果,所述动态效果包括所述第一信息展示界面逐渐切换为所述界面切换操作指示的第二信息展示界面,且所述第一信息展示界面的显示元素的颜色逐渐淡化,所述第一信息展示界面包括第一界面层和第二界面层,所述第一界面层位于所述第二界面层的上层,所述第一界面层包括所述第一信息展示界面的显示元素,所述第二界面层包括所述第一信息展示界面的背景图片;所述第二信息展示界面包括第三界面层和第四界面层,所述第三界面层位于所述第四界面层的上层,所述第三界面层包括所述第二信息展示界面的显示元素,所述第四界面层具有预设颜色;
所述界面显示模块,还用于当所述动态效果显示完成时,显示所述第二信息展示界面;
所述动态显示模块,包括:
调整单元,用于根据当前的界面切换进度,分别确定所述第一信息展示界面的颜色调整进度和所述第二信息展示界面的颜色调整进度;基于所述第一信息展示界面的颜色调整进度,将所述第一信息展示界面的显示元素的颜色逐渐调整为与所述背景图片相同的颜色,以及基于所述第二信息展示界面的颜色调整进度,将所述第二信息展示界面的显示元素的颜色由所述预设颜色逐渐调整为与所述第二信息展示界面的显示元素的原始颜色相同的颜色,所述界面切换进度为所述第一信息展示界面的移动距离。
9.根据权利要求8所述的装置,其特征在于,所述动态显示模块,包括:
展示单元,用于根据当前的界面切换进度,在第一显示区域中显示所述第一信息展示界面的部分界面,在第二显示区域中显示所述第二信息展示界面的部分界面;所述第一显示区域与所述第二显示区域之间的比例与所述界面切换进度匹配。
10.根据权利要求8所述的装置,其特征在于,所述动态显示模块,包括:
调整单元,用于根据当前的界面切换进度,将所述第一信息展示界面的显示元素的颜色由不透明状态逐渐调整为透明状态。
11.根据权利要求10所述的装置,其特征在于,所述调整单元,还用于对于所述第一信息展示界面的显示元素中的每个像素块,根据所述界面切换进度确定所述像素块的透明度,按照所述透明度显示所述像素块,以使所述像素块的颜色随着所述界面切换进度由不透明状态逐渐调整为透明状态。
12.根据权利要求9或10所述的装置,其特征在于,所述界面切换操作为滑动操作,所述动态显示模块,还包括:
获取单元,用于根据界面切换速率、所述滑动操作的触发时刻和当前时刻,获取当前的界面切换进度,所述界面切换速率等于预设速率或所述滑动操作的滑动速率;或者,
所述获取单元,还用于根据滑动距离与界面切换进度之间的对应关系,获取所述滑动操作当前的滑动距离对应的界面切换进度。
13.根据权利要求8所述的装置,其特征在于,所述第一信息展示界面为主界面,所述第二信息展示界面为指定界面;
所述装置还包括操作***和指定应用程序;所述界面显示模块和所述动态显示模块位于所述操作***中;
所述动态显示模块,用于当在所述主界面中检测到所述界面切换操作时,获取指定应用程序提供的所述指定界面;根据所述主界面和所述指定界面,显示所述动态效果。
14.根据权利要求8所述的装置,其特征在于,所述动态效果还包括所述第二信息展示界面的显示元素的颜色由透明状态逐渐调整为不透明状态。
15.一种界面切换装置,其特征在于,所述装置包括:
一个或多个处理器;
用于存储所述一个或多个处理器可执行指令的易失性或非易失性存储器;
其中,所述一个或多个处理器被配置为:
显示第一信息展示界面;
当检测到界面切换操作时,显示动态效果,所述动态效果包括所述第一信息展示界面逐渐切换为所述界面切换操作指示的第二信息展示界面,且所述第一信息展示界面的显示元素的颜色逐渐淡化,所述第一信息展示界面包括第一界面层和第二界面层,所述第一界面层位于所述第二界面层的上层,所述第一界面层包括所述第一信息展示界面的显示元素,所述第二界面层包括所述第一信息展示界面的背景图片;所述第二信息展示界面包括第三界面层和第四界面层,所述第三界面层位于所述第四界面层的上层,所述第三界面层包括所述第二信息展示界面的显示元素,所述第四界面层具有预设颜色;
当所述动态效果显示完成时,显示所述第二信息展示界面;
其中,所述当检测到界面切换操作时,显示动态效果,包括:
根据当前的界面切换进度,分别确定所述第一信息展示界面的颜色调整进度和所述第二信息展示界面的颜色调整进度;基于所述第一信息展示界面的颜色调整进度,将所述第一信息展示界面的显示元素的颜色逐渐调整为与所述背景图片相同的颜色,以及基于所述第二信息展示界面的颜色调整进度,将所述第二信息展示界面的显示元素的颜色由所述预设颜色逐渐调整为与所述第二信息展示界面的显示元素的原始颜色相同的颜色,所述界面切换进度为所述第一信息展示界面的移动距离。
16.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如权利要求1至7任一权利要求所述的界面切换方法中所执行的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910245704.8A CN109947521B (zh) | 2019-03-28 | 2019-03-28 | 界面切换方法、装置以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910245704.8A CN109947521B (zh) | 2019-03-28 | 2019-03-28 | 界面切换方法、装置以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109947521A CN109947521A (zh) | 2019-06-28 |
CN109947521B true CN109947521B (zh) | 2022-12-27 |
Family
ID=67012778
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910245704.8A Active CN109947521B (zh) | 2019-03-28 | 2019-03-28 | 界面切换方法、装置以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109947521B (zh) |
Families Citing this family (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110324695A (zh) * | 2019-07-05 | 2019-10-11 | 江苏铁锚玻璃股份有限公司 | 基于乘客信息显示***广播及视频播放的界面 |
CN111158814A (zh) * | 2019-12-18 | 2020-05-15 | 努比亚技术有限公司 | 一种界面切换方法、终端及计算机可读存储介质 |
CN111857902B (zh) * | 2019-12-30 | 2023-09-26 | 华人运通(上海)云计算科技有限公司 | 应用的显示方法、装置、设备和可读存储介质 |
CN111375204B (zh) * | 2020-03-03 | 2022-05-17 | 腾讯科技(深圳)有限公司 | 显示数据获取方法、装置、设备及存储介质 |
CN111510788B (zh) * | 2020-04-07 | 2022-02-11 | 海信视像科技股份有限公司 | 一种双屏双***屏幕切换动画的显示方法及显示设备 |
CN111580718A (zh) * | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | 应用程序的页面切换方法、装置、电子设备及存储介质 |
CN111813318A (zh) * | 2020-07-07 | 2020-10-23 | 字出印象(北京)科技有限公司 | 信息显示方法、装置、电子设备及介质 |
JP2023541589A (ja) * | 2020-09-09 | 2023-10-03 | 華為技術有限公司 | インターフェース間の変換方法、デバイスおよびシステム |
CN112130724B (zh) * | 2020-09-22 | 2022-02-11 | 掌阅科技股份有限公司 | 下拉操作触发的动效绘制方法、计算设备及存储介质 |
CN113010249B (zh) * | 2021-03-17 | 2023-12-19 | 北京字跳网络技术有限公司 | 页面切换方法、装置、设备及介质 |
CN113127120B (zh) * | 2021-04-08 | 2023-01-06 | 广东便捷神科技股份有限公司 | 一种基于移动app的界面动态化方法 |
CN113377270B (zh) * | 2021-05-31 | 2024-04-30 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备及存储介质 |
CN113805772B (zh) * | 2021-08-20 | 2022-12-23 | 荣耀终端有限公司 | 一种动态响应的方法、电子设备及存储介质 |
CN113918264A (zh) * | 2021-11-11 | 2022-01-11 | 湖南快乐阳光互动娱乐传媒有限公司 | 界面切换方法、装置、电子设备及存储介质 |
CN114385062A (zh) * | 2022-01-18 | 2022-04-22 | 北京有竹居网络技术有限公司 | 展示方案的切换方法、装置、可读存储介质和电子设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101493750A (zh) * | 2008-11-28 | 2009-07-29 | 深圳华为通信技术有限公司 | 一种基于触摸屏输入的应用程序控件输入方法及装置 |
CN101739202A (zh) * | 2009-11-06 | 2010-06-16 | 谢达 | 一种局部会自动透视的用户界面显示方法 |
CN103530030A (zh) * | 2013-03-18 | 2014-01-22 | Tcl集团股份有限公司 | 一种页面切换***、方法及窗帘特效页面切换方法 |
CN103543925A (zh) * | 2013-10-18 | 2014-01-29 | 北京搜狗科技发展有限公司 | 一种操作图片的方法和装置 |
CN103645844A (zh) * | 2013-11-14 | 2014-03-19 | 乐视致新电子科技(天津)有限公司 | 一种页面显示方法及装置 |
CN105094804A (zh) * | 2015-06-18 | 2015-11-25 | 北京奇虎科技有限公司 | 在页面中添加动画的方法和装置 |
Family Cites Families (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8510668B1 (en) * | 2000-04-03 | 2013-08-13 | Google Inc. | Indicating potential focus in a user interface |
US10976784B2 (en) * | 2010-07-01 | 2021-04-13 | Cox Communications, Inc. | Mobile device user interface change based on motion |
CN103324403B (zh) * | 2012-03-22 | 2015-11-04 | 腾讯科技(深圳)有限公司 | 页面切换方法、装置和移动终端 |
KR102377277B1 (ko) * | 2015-02-27 | 2022-03-23 | 삼성전자주식회사 | 전자 장치에서 커뮤니케이션 지원 방법 및 장치 |
CN106156066B (zh) * | 2015-03-30 | 2019-12-13 | 阿里巴巴集团控股有限公司 | 一种页面切换方法、装置及客户端 |
CN105426084A (zh) * | 2015-12-10 | 2016-03-23 | 小米科技有限责任公司 | 界面切换方法、装置及终端 |
US10163245B2 (en) * | 2016-03-25 | 2018-12-25 | Microsoft Technology Licensing, Llc | Multi-mode animation system |
CN105843627A (zh) * | 2016-04-13 | 2016-08-10 | 乐视控股(北京)有限公司 | 一种页面切换方法和装置 |
CN106020655B (zh) * | 2016-05-18 | 2020-01-07 | 北京金山安全软件有限公司 | 一种切换界面屏幕的方法、装置及电子设备 |
CN107247536B (zh) * | 2017-06-02 | 2019-11-12 | 武汉斗鱼网络科技有限公司 | 直播界面透明度的调整方法、存储介质、电子设备及*** |
CN107315792B (zh) * | 2017-06-14 | 2020-06-02 | 北京小米移动软件有限公司 | 页面更新方法、装置、电子设备和计算机可读存储介质 |
CN107193445A (zh) * | 2017-06-30 | 2017-09-22 | 上海传英信息技术有限公司 | 移动终端界面切换显示方法及显示装置 |
CN112732143B (zh) * | 2018-03-08 | 2022-02-11 | 腾讯科技(深圳)有限公司 | 一种界面处理方法及其设备、存储介质、终端 |
CN108875079A (zh) * | 2018-07-12 | 2018-11-23 | 北京千家悦网络科技有限公司 | 一种切换浏览器页面的方法 |
-
2019
- 2019-03-28 CN CN201910245704.8A patent/CN109947521B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101493750A (zh) * | 2008-11-28 | 2009-07-29 | 深圳华为通信技术有限公司 | 一种基于触摸屏输入的应用程序控件输入方法及装置 |
CN101739202A (zh) * | 2009-11-06 | 2010-06-16 | 谢达 | 一种局部会自动透视的用户界面显示方法 |
CN103530030A (zh) * | 2013-03-18 | 2014-01-22 | Tcl集团股份有限公司 | 一种页面切换***、方法及窗帘特效页面切换方法 |
CN103543925A (zh) * | 2013-10-18 | 2014-01-29 | 北京搜狗科技发展有限公司 | 一种操作图片的方法和装置 |
CN103645844A (zh) * | 2013-11-14 | 2014-03-19 | 乐视致新电子科技(天津)有限公司 | 一种页面显示方法及装置 |
CN105094804A (zh) * | 2015-06-18 | 2015-11-25 | 北京奇虎科技有限公司 | 在页面中添加动画的方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN109947521A (zh) | 2019-06-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109947521B (zh) | 界面切换方法、装置以及存储介质 | |
CN109600659B (zh) | 播放视频时的操作方法、装置、设备及存储介质 | |
CN107526494B (zh) | 键盘显示方法、装置、终端及存储介质 | |
CN110662095B (zh) | 投屏处理方法、装置、终端及存储介质 | |
US11770497B2 (en) | Method and device for processing video, and storage medium | |
CN111381738B (zh) | 界面显示方法、装置、电子设备及存储介质 | |
CN113206948B (zh) | 图像效果的预览方法、装置、电子设备及存储介质 | |
CN112463084A (zh) | 分屏显示方法、装置、终端设备及计算机可读存储介质 | |
JP2017527832A (ja) | ピクチャ表示方法および装置 | |
CN113207027B (zh) | 视频播放速度调节方法及装置 | |
CN111614910B (zh) | 一种文件生成方法、装置、电子设备及存储介质 | |
CN108650412B (zh) | 一种显示方法、显示装置和计算机可读存储介质 | |
CN113010056A (zh) | 桌面显示控制方法、装置、终端及存储介质 | |
CN107920015B (zh) | 发布图片的方法和发布图片的装置 | |
CN115963929A (zh) | Vr显示方法、装置及存储介质 | |
CN113066452B (zh) | 显示控制方法及装置、电子设备、计算机可读存储介质 | |
CN111835977B (zh) | 图像传感器、图像生成方法及装置、电子设备、存储介质 | |
CN109413232B (zh) | 屏幕显示方法及装置 | |
CN113360052A (zh) | 页面显示的调节方法、装置、移动终端及存储介质 | |
CN111538447A (zh) | 信息展示方法、装置、设备及存储介质 | |
US11632495B2 (en) | Method and apparatus for adjusting sound volume in shooting process | |
CN107918514B (zh) | 展示方法及装置、电子设备、计算机可读存储介质 | |
CN111562872B (zh) | 相册显示方法及装置、电子设备、计算机可读存储介质 | |
CN108710307B (zh) | 智能设备的控制方法、装置及计算机可读存储介质 | |
US11363190B2 (en) | Image capturing method and device |
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 |