首页 / 专利库 / 专利权 / 申请 / 一种界面切换动画的设置方法及装置

一种界面切换动画的设置方法及装置

阅读:799发布:2023-03-13

专利汇可以提供一种界面切换动画的设置方法及装置专利检索,专利查询,专利分析的服务。并且本 申请 公开了一种界面切换动画的设置方法,用以提供一种对界面切换动画 颜色 进行设置的方案。方法包括:确定至少一个颜色值;根据所述至少一个颜色值,确定界面切换动画部分或全部 帧 图片包括的界面元素的颜色值。本申请还公开了一种界面切换动画的设置装置。,下面是一种界面切换动画的设置方法及装置专利的具体信息内容。

1.一种界面切换动画的设置方法,其特征在于,包括:
确定至少一个颜色值;
根据所述至少一个颜色值,确定界面切换动画部分或全部图片包括的界面元素的颜色值。
2.如权利要求1所述的方法,其特征在于,确定至少一个颜色值,包括:
根据指定图像,确定至少一个颜色值;或者
显示包括至少两种颜色的颜色值界面,并根据用户对所述颜色值界面中包含的颜色的选择,确定至少一个颜色值;或者
根据指定事件与颜色值的映射关系,确定至少一个颜色值。
3.如权利要求1所述的方法,其特征在于,根据所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值后,所述方法还包括:
对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作。
4.如权利要求3所述的方法,其特征在于,对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作,包括:
将颜色值被确定后的所述界面切换动画所包含的最后一帧图片,设置为界面切换动画结束后显示的界面的背景。
5.如权利要求4所述的方法,其特征在于:
界面切换动画结束后显示的界面的背景包括:桌面壁纸。
6.如权利要求1所述的方法,其特征在于,所述方法还包括:
获取手势操作的相关信息;
根据手势操作的相关信息,生成所述界面切换动画。
7.如权利要求6所述的方法,其特征在于,所述手势操作的相关信息,包括下述信息中的至少一个:
手势操作的滑动距离;
手势操作滑动轨迹相对于预设坐标轴的度。
8.如权利要求6或7所述的方法,其特征在于,根据手势操作的相关信息,生成所述界面切换动画,包括:
根据所述手势操作的相关信息,确定界面元素的与动画效果相关的信息;界面元素的与动画效果相关的信息,包括界面元素在图片中位置和/或界面元素的大小;
根据确定的所述与动画效果相关的信息,生成包含所述界面元素的所述界面切换动画。
9.如权利要求1所述的方法,其特征在于,根据所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值,包括:
根据所述至少一个颜色值与所述界面元素的位置信息的映射关系,以及所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
10.如权利要求9所述的方法,其特征在于,根据所述映射关系,以及所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值,包括:
根据所述映射关系,将所述至少一个颜色值,赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性;或,
根据所述至少一个颜色值,确定与所述至少一个颜色值相映射的颜色值;并根据所述映射关系,将所述相映射的颜色值,赋值给界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
11.一种界面切换动画的设置装置,其特征在于,包括:
颜色值确定单元,用于确定至少一个颜色值;
颜色属性赋值单元,用于根据所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
12.如权利要求11所述的装置,其特征在于,颜色值确定单元,用于:
根据指定图像,确定至少一个颜色值;或者
显示包括至少两种颜色的颜色值界面,并根据用户对所述颜色值界面中包含的颜色的选择,确定至少一个颜色值;或者
根据指定事件与颜色值的映射关系,确定至少一个颜色值。
13.如权利要求11所述的装置,其特征在于,颜色属性赋值单元,还用于:
对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作。
14.如权利要求13所述的装置,其特征在于,颜色属性赋值单元,用于:
将颜色值被确定后的所述界面切换动画所包含的最后一帧图片,设置为界面切换动画结束后显示的界面的背景。
15.如权利要求14所述的装置,其特征在于:
界面切换动画结束后显示的界面的背景包括:桌面壁纸。
16.如权利要求11所述的装置,其特征在于,还包括界面切换动画生成单元,用于:
获取手势操作的相关信息;
根据手势操作的相关信息,生成所述界面切换动画。
17.如权利要求16所述的装置,其特征在于,所述手势操作的相关信息,包括下述信息中的至少一个:
手势操作的滑动距离;
手势操作滑动轨迹相对于预设坐标轴的角度。
18.如权利要求16或17所述的装置,其特征在于,界面切换动画生成单元,用于:
根据所述手势操作的相关信息,确定界面元素的与动画效果相关的信息;界面元素的与动画效果相关的信息,包括界面元素在图片中位置和/或界面元素的大小;
根据确定的所述与动画效果相关的信息,生成包含所述界面元素的所述界面切换动画。
19.如权利要求11所述的装置,其特征在于,颜色属性赋值单元,用于:
根据所述至少一个颜色值与所述界面元素的位置信息的映射关系,以及所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
20.如权利要求19所述的装置,其特征在于,颜色属性赋值单元,用于:
根据所述映射关系,将所述至少一个颜色值,赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性;或,
根据所述至少一个颜色值,确定与所述至少一个颜色值相映射的颜色值;并根据所述映射关系,将所述相映射的颜色值,赋值给界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
21.一种界面切换动画的设置装置,其特征在于,包括:
存储器,用于存储程序指令;
处理器,耦合到所述存储器,用于读取所述存储器存储的程序指令,并作为响应,执行如下操作:确定至少一个颜色值;根据所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。

说明书全文

一种界面切换动画的设置方法及装置

技术领域

[0001] 本申请涉及计算机技术领域,尤其涉及一种界面切换动画的设置方法及装置。

背景技术

[0002] 目前,终端在界面切换过程中,可能会为用户播放界面切换动画。一般地,该界面切换动画往往是终端默认设置的,因而该界面切换动画的颜色也为默认的颜色。
[0003] 在实际应用中,如何灵活的对界面切换动画的颜色进行设置,现有技术还没有提供满足该需求的解决方案。发明内容
[0004] 本申请实施例提供一种界面切换动画的设置方法,用以提供一种对界面切换动画颜色进行设置的方案。
[0005] 本申请实施例还提供一种界面切换动画的设置装置,用以提供一种对界面切换动画颜色进行设置的方案。
[0006] 本申请实施例采用下述技术方案:
[0007] 一种界面切换动画的设置方法,包括:
[0008] 确定至少一个颜色值;
[0009] 根据所述至少一个颜色值,确定界面切换动画部分或全部图片包括的界面元素的颜色值。
[0010] 一种界面切换动画的设置装置,包括:
[0011] 颜色值确定单元,用于确定至少一个颜色值;
[0012] 颜色值确定单元,用于根据所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0013] 一种界面切换动画的设置装置,包括:
[0014] 存储器,用于存储程序指令;
[0015] 处理器,耦合到所述存储器,用于读取所述存储器存储的程序指令,并作为响应,执行如下操作:确定至少一个颜色值;根据所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0016] 本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:
[0017] 由于可以根据确定的至少一个颜色值,从而提供了一种对界面切换动画颜色进行设置的方案。附图说明
[0018] 此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
[0019] 图1为本申请实施例提供的一种界面切换动画的设置方法的具体流程示意图;
[0020] 图2为本申请实施例提供的一种屏界面的效果图;
[0021] 图3为本申请实施例提供的一种操作界面的效果图;
[0022] 图4为本申请实施例提供的一种界面切换动画的设置方法的具体流程示意图;
[0023] 图5为本申请实施例提供的手机锁屏界面与操作界面进行切换时展示的界面切换动画的设置方法的具体流程示意图;
[0024] 图6为本申请实施例提供的界面切换动画中包含的一帧图片的效果图;
[0025] 图7为本申请实施例提供的界面切换动画中包含的一帧图片的效果图;
[0026] 图8为本申请实施例提供的界面切换动画中包含的一帧图片的效果图;
[0027] 图9为本申请实施例提供的根据界面切换动画的设置方法,设置的桌面壁纸的效果图;
[0028] 图10为本申请实施例提供的一种界面切换动画的设置装置的具体结构示意图。

具体实施方式

[0029] 为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
[0030] 以下结合附图,详细说明本申请各实施例提供的技术方案。
[0031] 实施例1
[0032] 本申请实施例提供一种界面切换动画的设置方法,用以提供一种对界面切换动画颜色进行设置的方案。
[0033] 本申请实施例提供的界面切换动画的设置方法的执行主体,可以但不限于为手机、平板电脑、个人电脑(Personal Computer,PC)以及智能电视等终端设备中的至少一种。此外,该方法的执行主体,也可以是终端上安装的应用程序(Application,APP)本身。
[0034] 为便于描述,下文以该方法的执行主体为用户终端为例,对该方法的实施方式进行介绍。可以理解,该方法的执行主体为用户终端只是一种示例性的说明,并不应理解为对该方法的限定。
[0035] 具体地,本申请实施例提供的界面切换动画的设置方法的具体实现流程如图1所示,主要包括下述步骤:
[0036] 步骤11,确定至少一个颜色值(后文称第一颜色值);
[0037] 其中,所述第一颜色值,比如可以是指软件中用于表示颜色的六位十六进制数值,六位数字分为3组,每组两位,依次表示红、绿、蓝三种颜色的强度。不同的颜色可以由红色、绿色、蓝色三种基本颜色叠加形成,则不同颜色的第一颜色值可以由表明红色、绿色、蓝色各成分强度的三个数值表示。
[0038] 本申请实施例提供的确定至少一个第一颜色值的具体实现方式,可以包括但不仅限于下述三种:
[0039] 方式1:根据指定图像,确定至少一个第一颜色值;
[0040] 所述指定图像,可以是根据默认规则确定的,也可以是根据用户设置的自定义规则确定的。
[0041] 按照默认规则或者自定义规则,用户终端比如可以响应于接收到的图像选取指令而确定某个图像作为所述指定图像;或者,可以将用户终端当前使用的壁纸作为所述指定图像;等等。
[0042] 所述指定图像一般为位图。所述指定图像的各个像素具备颜色值,像素具备的颜色值也可称像素颜色值。
[0043] 具体而言,用户终端可以通过不同的吸色算法,从所述指定图像的像素颜色值中,确定至少一个第一颜色值。
[0044] 例如,用户终端可以通过设定算法(根据该算法实现的功能,可以将该算法称为吸色算法)提取图像中的颜色值。具体地,根据要提取的颜色值的数量不同,可以采用不同原理的吸色算法。例如:
[0045] 可以通过吸色算法,将所述指定图像的某个像素颜色值,确定为第一颜色值,或者将所述指定图像的多个像素颜色值,确定为多个第一颜色值;或者,
[0046] 用户终端也可以通过吸色算法,计算所述指定图像的所有像素颜色值的均值,并将该均值确定为第一颜色值,该种方式一般比较适用于提取一个第一颜色值的情况;或者,[0047] 用户终端还可以通过吸色算法,统计所述指定图像中具备不同颜色值的像素的数量,并根据统计结果确定第一颜色值,例如,如果需要提取一个第一颜色值,则可以将统计出的所有数量中的最大数量所对应的颜色值,作为第一颜色值,如果需要提取多个第一颜色值,则可以将统计出的所有数量中,按照从大到小排序,排序靠前的相应数量所对应的颜色值,作为需要提取的多个第一颜色值;或者,
[0048] 用户终端还可以通过吸色算法,确定用于表示所述指定图像的主色调的像素颜色值,并将该像素颜色值确定为第一颜色值,该种方式一般比较适用于提取一个第一颜色值的情况,如果需要提取多个颜色值,则可以确定出多个色调;等等。
[0049] 其中,上述“主色调”表示色彩外观的基本倾向。具体而言,一幅图像虽然用了多种颜色,但图像在色彩总体上是有一种倾向的,比如是偏蓝或偏红,是偏暖或偏冷等等,色彩外观的基本倾向就是一幅图像的主色调。通常,主色调从冷暖方面进行划分,可以有“暖色调”、“冷色调”和“中间色调”。一般地,红色、橙色、黄色为表示暖色调;绿色、蓝色、黑色表示冷色调;而灰色、紫色、白色则表示中间色调。冷色调的亮度越高,其整体感觉越偏暖,暖色调的亮度越高,其整体感觉越偏冷。
[0050] 方式2:显示包括至少两种颜色的颜色值界面,并根据用户对所述颜色值界面中包含的颜色的选择,确定至少一个第一颜色值;
[0051] 用户终端可以显示包括至少两种颜色的颜色值界面供用户选择,并响应于接收到的至少一个颜色选取指令,而将所述颜色对应的颜色值确定为第一颜色值;所述颜色选取指令,比如可以是针对颜色值界面中某颜色对应的区域的点击指令或者手势指令。
[0052] 方式3:根据指定事件与颜色值的映射关系,确定至少一个第一颜色值。
[0053] 所述指定事件,比如可以是指与时间相关的事件。例如,用户终端默认保存的节日,以及用户终端根据用户设置保存的生日以及纪念日,等事件;用户终端可以保存日期与上述事件的映射关系(如,1月1日与元旦的映射关系,2月14日与情人节的映射关系,等等),则当用户终端的当前日期(用户终端的系统时间)存在与某事件的映射关系时,可以视为触发该事件。
[0054] 所述指定事件,还可以是指针对用户终端的指定操作而触发的事件。例如,通过对用户终端展示的APP图标的点击操作,而触发的APP启动(或关闭)事件,通过对用户终端展示的APP界面的手势操作,而触发的界面切换事件,等等。
[0055] 用户终端可以针对不同的事件,分别设置并保存不同的事件与颜色值的映射关系。其中,一个事件可以映射一个或多个颜色值。
[0056] 比如,针对元旦,可以设置元旦与表示红色的颜色值的映射关系;还比如,针对APP启动事件,可以设置该事件与表示被启动的APP界面主色调的颜色值的映射关系。
[0057] 步骤12,根据通过执行步骤11确定的至少一个第一颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0058] 本申请实施例中,界面一般是指人与机器(计算机)之间传递和交换信息的媒介,是用户和系统进行双向信息交互的支持软件、硬件以及方法的集合。即用户界面(User Interface,UI),也称人机界面(Human-Computer Interface,简称HCI)。
[0059] 所述界面切换,比如可以是指将用户终端的显示屏幕上展示的应用A的界面切换为应用B的界面;或者可以是指将的用户终端的显示屏幕上展示的如图2所示锁屏界面切换为如图3所示的操作界面(或称为主界面);等等。
[0060] 在进行界面切换时,如果很突然地直接从一个界面切换到另一个界面,由于切换效果比较生硬,往往可能会给用户带来不好的使用体验。因此,为避免该问题,在进行界面切换时,用户终端可以将界面切换过程以动画的形式向用户展示,从而可以引导用户如何从一个界面切换到另一个界面。一般地,可以将在进行界面切换时展示的、表示界面切换过程的动画,称为界面切换动画。
[0061] 需要说明的是,组成界面切换动画的各帧图片,可以是图形(矢量图),也可以是图像(位图)。则,针对界面切换动画的各帧图片为图像的情况,根据第一颜色值确定界面切换动画部分或全部帧图片包括的界面元素的颜色值,具体可以包括:根据第一颜色值,分别为界面切换动画中的部分(或全部)帧图像的部分(或者全部)像素进行赋值。针对界面切换动画的各帧图片为图形的情况,根据第一颜色值确定界面切换动画部分或全部帧图片包括的界面元素的颜色值,具体可以包括:根据第一颜色值对应的颜色,分别为界面切换动画中的各部分(或全部)帧图片的部分(或全部)区域进行颜色填充。
[0062] 本申请实施例中,界面切换动画,可以是预先设置好并保存在用户终端中的,也可以是由用户终端采用诸如图形绘制等方法生成的。
[0063] 作为本申请的一个例子,界面切换动画,可以包括设定帧的图片,具体可以预先设定帧率,即每秒显示的帧数。对于每一帧图片,可以包括不同的界面元素,本申请的核心思想之一在于,使用确定出的第一颜色值,对界面切换动画包括的每一帧图片中的界面元素的颜色进行填充。
[0064] 作为本申请的一个例子,可以预先设定要提取的第一颜色值的数量,并将相应数量的颜色值,分配给组成界面切换动画的每一帧图片包括的各界面元素。该分配可以是随机分配,也可以是根据预先设定的对应关系分配。
[0065] 作为本申请的一个例子,界面元素可以指图片中包括的组成该图片的各个内容(或称为可视对象),不同界面元素位于图片的不同位置,或者可以说,多个界面元素组成了一帧图片。
[0066] 作为本申请的一个例子,组成界面切换动画的各帧图片中,界面元素的位置、大小、数量等,可以是逐帧变化的。每一帧使用步骤11确定出的至少一个第一颜色值来填充界面元素。
[0067] 作为本申请的一个例子,同一界面元素在组成界面切换动画的各帧图片中的颜色可以相同,但大小和/或位置可以不同。
[0068] 作为本申请的一个例子,组成界面切换动画的各帧图片中的界面元素的数量,可以相同,也可以不同。
[0069] 作为本申请的一个例子,组成界面切换动画的各帧图片中的同一界面元素,如果位置发生变化,则可以按照设定轨迹平滑移动,或随机平滑移动,所谓平滑移动,可以是指同一界面元素在相邻帧的位置变化小于设定值。
[0070] 作为本申请的一个例子,组成界面切换动画的各帧图片中的同一界面元素,如果大小发生变化(如增大或减小),则可以平滑变化,所谓平滑变化,可以是指同一界面元素在相邻帧的大小变化小于设定值。
[0071] 作为本申请的一个例子,界面切换动画第一帧包括的界面元素的位置,可以根据用户点击或滑动屏幕的位置(称为触控点)而定,例如,预先设定各界面元素与触控点的相对位置关系,则在确定触控点后,可以计算出第一帧中,各界面元素的位置。
[0072] 作为本申请的一个例子,在生成第一帧后,后续各帧中界面元素可以根据设定规则绘制,该设定绘制可以包括:界面元素在相邻帧的位置变化量,和/或,界面元素在相邻帧的大小变化量,等。
[0073] 为了可以通过界面切换动画,达到向用户展示界面切换的过程的目的,用户终端在生成界面切换动画时,可以根据用户终端接收到的手势操作的相关信息生成所述界面切换动画,在一种实施方式中,本申请实施例提供的方法具体可以包括:获取手势操作的相关信息;根据手势操作的相关信息,生成所述界面切换动画。
[0074] 其中,所述手势操作,可以是指用户终端接收到的可以触发界面切换指令的操作,所述手势操作的相关信息,可以包括但不仅限于下述信息:
[0075] 信息1:手势操作的滑动距离。
[0076] 所述手势操作的滑动距离,可以是指从所述手势操作在用户终端操作界面上的起始点至所述操作界面上的终止点之间的距离;或者也还可以是所述起始点与终止点之间的平距离或垂直距离。
[0077] 信息2:手势操作滑动轨迹相对于预设坐标轴的度。
[0078] 其中,所述预设坐标,比如可以是指基于用户终端显示屏幕建立的屏幕坐标系所包含的水平坐标轴,则所述手势操作滑动轨迹相对于预设坐标轴的角度,可以是指连接所述手势操作滑动轨迹的起始点与终止点的直线与用户终端展示界面的水平坐标轴之间的夹角的角度。
[0079] 以下举例介绍如何根据上述信息1和/或信息2,生成界面切换动画。
[0080] 比如,可以根据手势操作的相关信息,确定界面元素的与动画效果相关的信息;根据确定的所述与动画效果相关的信息,生成包含所述界面元素的界面切换动画。其中,界面元素的与动画效果相关的信息,比如可以包括但不限于界面元素在图片中位置和/或界面元素的大小。
[0081] 以根据信息1(手势操作的滑动距离)确定界面元素的与动画效果相关的信息为例,本申请实施例中,可以根据不同滑动距离与界面元素尺寸的预设映射关系(后称第一映射关系),确定获取到的信息1所映射的界面元素尺寸。从而可以进一步地,根据确定的界面元素尺寸,比如按照绘制图形的方式,生成包含具备该尺寸的界面元素的界面切换动画。一般地,滑动距离越大,其映射的界面元素尺寸可以越大,从而可以使用户能从界面切换动画中包含的界面元素的尺寸上,可以直观地感受到自己的手势操作对于界面切换动画的控制,从而提升用户体验。一般地,所述第一映射关系中,同一滑动距离,可以映射同一界面元素在界面切换动画的部分或全部图片中出现时的尺寸,或者,同一滑动距离,也可以映射不同界面元素在界面切换动画的部分或全部图片中出现时的尺寸。
[0082] 以根据信息2(手势操作滑动轨迹相对于预设坐标轴的角度)确定界面元素的与动画效果相关的信息为例,本申请实施例中,可以根据不同角度与界面元素位置的预设映射关系(后称第二映射关系),确定与信息2相映射的界面元素位置。从而可以进一步地,根据确定的界面元素位置,比如按照绘制图形的方式,生成包含界面元素的界面切换动画。其中,生成的界面切换动画包含的至少一个界面元素满足:该界面元素在界面切换动画的部分或全部图片帧中的位置与确定出的、与信息2相映射的界面元素位置一致。一般地,所述第二映射关系中,同一角度,可以映射同一界面元素在界面切换动画的部分或全部图片中的各位置,或者,同一角度,也可以映射不同界面元素在界面切换动画的部分或全部图片中的位置。
[0083] 以根据信息1(手势操作的滑动距离)和信息2(手势操作滑动轨迹相对于预设坐标轴的角度)确定界面元素的与动画效果相关的信息为例,本申请实施例中,可以根据信息1确定至少一个界面元素在待生成的界面切换动画的各帧图片中的各尺寸,根据信息2确定所述至少一个界面元素在所述各帧图片中的各位置,进而可以根据所述各尺寸和各位置,生成包含所述至少一个界面元素的界面切换动画。其中,根据信息2确定所述各位置时,可以以手势操作的滑动轨迹,作为另一个依据,从而使得所述至少一个界面元素在所述各帧图片中的各位置满足:以手势操作的滑动轨迹在屏幕坐标系中的位置为基准,所述各位置在该基准周围呈分散的状态排列。根据上述信息1和信息2生成的界面切换动画中的界面元素,当其出现在不同图片帧中时,可以有不同的位置和不同尺寸,从而使得用户能够观看到变幻多端的动画效果,极大地提升了用户的体验。
[0084] 本申请实施例中,上述第一映射关系和第二映射关系,可以是简单的一对一的简单映射关系,也可以是复杂的函数关系,本申请实施例对此不进行限定。
[0085] 一般地,界面切换动画具备各种与显示效果有关的属性,比如颜色属性、透明度属性、亮度属性,等等。用户终端通过利用属性值对所述与显示效果有关的属性进行赋值,可以实现在显示界面切换动画时,使得界面切换动画具备所述属性值对应的显示效果。
[0086] 本申请实施例中,根据至少一个第一颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值,比如可以包括但不限于下述两种方式:
[0087] 方式1:将所述至少一个第一颜色值,赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性,或者说,将所述至少一个第一颜色值,作为所述界面切换动画部分或全部帧图片包括的界面元素的填充色。
[0088] 比如,可以将所述至少一个第一颜色值,赋值给界面切换动画部分或全部帧图片包括的某个界面元素或全部界面元素。作为本申请的一个例子,将颜色值赋值给界面元素,可以是使用该颜色值来填充该界面元素所对应的图片区域。作为本申请的一个例子,所述界面元素,比如可以是具备设定形状的显示区域。所述界面元素的尺寸和在图片中的位置,可以是预设的,也可以按照前文所述的方式来确定。
[0089] 本申请实施中,可以按照预设数量,确定所述预设数量(后称第一数量)的第一颜色值。所述界面切换动画中包含的、待进行颜色属性赋值的界面元素的数量(后称第二数量),可以与该预设数量相同,也可以不同。其中,待进行颜色属性赋值的界面元素,可以是需要填充颜色值的界面元素。
[0090] 具体而言,当所述第一数量等于所述第二数量时,可以按照将不同的第一颜色值赋给不同界面元素的颜色属性的方式,将所述第一数量的第一颜色值,随机赋给各界面元素的颜色属性;作为本申请的一个例子,将颜色值赋值给界面元素的颜色属性,可以是使用该颜色值填充该界面元素所对应的图片区域。
[0091] 当所述第一数量大于第二数量时,可以按照预定的颜色值选取规则(可以但不限于随机选取),从第一数量的第一颜色值中,选取第二数量的第一颜色值,赋给各界面元素的颜色属性;
[0092] 当所述第一数量小于第二数量时,可以将同一第一颜色值赋给多个界面元素,例如,将同一第一颜色值赋给相同类型或处于邻近区域的界面元素。
[0093] 方式2:根据所述至少一个第一颜色值,确定与所述至少一个第一颜色值相映射的颜色值(称第二颜色值);并将所述相映射的颜色值,赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
[0094] 针对后一种实现方式,在实际应用中,可以设置预设数量的颜色值集合,并建立起各颜色值集合与不同颜色值范围的映射关系(后称第一映射关系)。其中,各颜色值集合分别包含至少一个颜色值;各颜色值集合中包含的颜色值,均相当于上述第二颜色值。
[0095] 则用户终端可以根据第一颜色值以及所述不同颜色值范围,确定第一颜色值所落入的颜色值范围;根据第一映射关系,确定第一颜色值所落入的颜色值范围映射的颜色值集合;根据确定的颜色值集合中的颜色值,为界面切换动画的颜色属性赋值。
[0096] 在现有技术中,用户终端的界面切换动画往往是由开发人员预先设置完成,并保存在用户终端上的。即,目前,界面切换动画具备的各种与显示效果有关的属性(如,颜色属性),均为预先设置的默认值。
[0097] 本申请实施例中,用户终端可以根据确定的第一颜色值,为界面切换动画的颜色属性赋值,从而使得界面切换动画的颜色与第一颜色值产生关联。因为第一颜色值可以通过步骤11提供的三种方式,由用户灵活设置,从而可以满足用户根据自身喜好而灵活设置界面切换动画颜色的需求。
[0098] 需要说明的是,本申请实施例中,可以根据第一颜色值,为一个界面切换动画部分或全部帧图片包括的界面元素的颜色属性赋值,也可以为多个界面切换动画部分或全部帧图片包括的界面元素的颜色属性赋值,本申请实施例对颜色属性被赋值的界面切换动画的数量不进行限定。
[0099] 在一种实施方式中,当通过执行步骤11,仅确定一个第一颜色值时,可以根据所述确定的一个第一颜色值,为界面切换动画包括的所有界面元素进行颜色属性赋值;或者,可以根据所述确定的一个第一颜色值,为界面切换动画包括的特定界面元素进行颜色属性赋值。
[0100] 还需要说明的是,当通过执行步骤11确定出至少两个第一颜色值时,可以将所述至少两个第一颜色值,分别赋值给至少两个界面切换动画部分或全部帧图片包括的界面元素;或者也可以将所述至少两个第一颜色值,分别赋值给一个界面切换动画部分或全部帧图片包括的界面元素。
[0101] 作为本申请的一个例子,所述界面元素可以具备不同形状,比如,圆形、正方形、三角形等。
[0102] 在一种实施方式中,步骤12的实现方式可以包括:根据所述至少一个第一颜色值与所述界面元素的位置信息的映射关系,以及所述至少一个第一颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0103] 比如,在预先设置了界面切换动画的前提下,可以设置该动画中包含的不同界面元素在图片中的位置。并规定:表示暖色调的第一颜色值,映射位置1,表示冷色调的第一颜色值,映射位置2。那么,后续在确定了所述至少一个第一颜色值后,就可以根据规定的该映射关系,和所述至少一个第一颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0104] 目前,用户往往可以分别为不同的界面设置不同的壁纸图片,比如,可以为锁屏界面设置锁屏壁纸(即,展示在锁屏界面的壁纸图片),还可以为操作界面设置桌面壁纸(即,展示在操作界面的壁纸图片)。则当用户终端显示锁屏界面,并接收到用于指示切换至操作界面的界面切换指令时,用户终端将展示预先设置的界面切换动画,并在所述界面切换动画展示完成后,显示操作界面,同时将锁屏壁纸切换为桌面壁纸。
[0105] 由于在现有技术中,界面切换动画往往是由开发人员预先设置完成,并保存在用户终端上的,因此当桌面壁纸与锁屏壁纸由用户自行设置时,界面切换动画、壁纸桌面与锁屏壁纸之间并无关联,从而可能会出现界面切换动画的颜色与壁纸颜色不协调(比如,锁屏壁纸的主色调为暖色调,而界面切换动画的主色调为冷色调,等等)的情况,这会为用户带来较差的视觉体验。
[0106] 在一种实施方式中,用户终端可以根据根据界面壁纸确定的第一颜色值,为界面切换动画的颜色属性赋值,从而使得界面切换动画的颜色与第一颜色值产生关联,进而使得界面切换动画的颜色与所述界面壁纸的颜色产生关联。
[0107] 通过使界面切换动画的颜色与所述界面壁纸的颜色产生关联,可以满足用户根据自身喜好而灵活设置界面切换动画颜色的需求,同时还可以保证界面切换动画与所述界面壁纸在颜色上的协调性,为用户带来赏心悦目的视觉体验。
[0108] 需要说明的是,为了可以使界面切换动画的颜色与界面壁纸的颜色产生关联,在一种实施方式中,本申请实施的方法还包括:将颜色值根据所述至少一个第一颜色值进行确定后的所述界面切换动画所包含的任意一帧图片,设置为界面切换动画结束后显示的界面的背景。作为本申请的一个例子,为了达到平滑切换的效果,可以选择界面切换动画所包含的最后一帧图片,设置为界面切换动画结束后显示的界面的背景。例如,在用户终端进行锁屏界面与操作界面的切换时,用户终端可以将切换动画所包含的最后一帧图片,设置为操作界面的桌面壁纸。
[0109] 需要说明的是,触发用户终端根据颜色属性被赋值后的所述界面切换动画所包含的至少一帧图片,设置界面壁纸的条件,比如可以是指用户终端接收到操作界面的显示指令;或者也可以是指用户终端确定出至少一个第一颜色值。例如,当用户终端确定出至少一个第一颜色值后,可以根据确定的至少第一颜色值,确定界面切换动画的颜色值,并将颜色值根据至少一个第一颜色值进行确定后的所述界面切换动画所包含的至少一帧图片,设置为界面壁纸图片。
[0110] 在一种实施方式中,当用户终端根据接收到的界面切换指令,进行锁屏界面与操作界面的切换时,用户终端可以根据用户设置的锁屏壁纸,确定至少一个第一颜色值;根据确定的至少一个第一颜色值,为锁屏界面与操作界面的界面切换动画的颜色属性赋值,并展示颜色属性被赋值后的所述界面切换动画;在所述界面切换动画展示完成后,用户终端可以根据界面切换动画中所包含的最后一帧图片,设置操作界面的桌面壁纸,并展示操作界面。
[0111] 通过上述操作,由于界面切换动画的颜色与锁屏界面的锁屏壁纸的颜色具有关联,且操作界面的桌面壁纸是根据界面切换动画所包含的一帧图片设置的,因而锁屏壁纸、桌面壁纸以及界面切换动画,这三者的颜色之间具有相互关联(如,锁屏壁纸、桌面壁纸以及界面切换动画的颜色均为红色,等等),从而可以保证界面切换动画分别与进行界面切换前后的两张界面壁纸的图片在颜色上均具有协调性,进而在界面切换过程中,为用户带来较好的视觉体验。
[0112] 需要说明的是,当用户终端为手机,界面切换过程为从手机锁屏界面切换到手机操作界面时,上述步骤11以及步骤12可以由手机上的以下指定模来实现,具体可以包括:
[0113] 锁屏界面基础模块,该模块比如可以是锁屏界面基础类(KeyguardHostView);壁纸处理模块,该模块比如可以是壁纸处理类(WallpaperScreenElementEx);位图文件及颜色 值 保 存 模 块 ,该 模 块 比 如 可 以 是 位 图 文 件 和 颜 色 中 间 保 存 类(WallpaperScreenElementHelper);壁纸吸色处理模块,该模块比如可以是壁纸吸色处理类(ParticleHelper);吸色算法处理库(Libparticalcolor.so);动效生成模块该模块比如可以是动效展示颜色提供类(WallpaperControlScreenElement);动效展示模块,该模块比如可以是锁屏动效展示类(Lockstyle)。
[0114] 则,通过上述模块完成前文所述的步骤11以及步骤12的具体实现流程图如图4所示,具体包括:
[0115] 锁屏界面基础模块加载锁屏壁纸,并将所述锁屏壁纸发送至壁纸处理模块;
[0116] 壁纸处理模块将接收到的锁屏壁纸转换成位图文件,并发送至位图文件及颜色值保存模块;
[0117] 位图文件及颜色值保存模块将接收到的位图文件发送至壁纸吸色处理模块;
[0118] 壁纸吸色处理模块通过调用吸色算法处理库中的吸色算法,对接收到的位图文件进行吸色处理,并将得到的颜色值发回位图文件及颜色值保存模块。
[0119] 位图文件及颜色值保存模块将接收到的颜色值发送至动效生成模块;
[0120] 动效生成模块根据接收到的颜色值,设置界面切换动画的颜色;
[0121] 动效展示模块在手机进行界面切换时,展示颜色被设置后的界面切换动画。
[0122] 采用本申请实施例1提供的界面切换动画的设置方法,由于可以根据确定的至少一个颜色值,从而提供了一种对界面切换动画颜色进行设置的方案。
[0123] 需要说明的是,实施例1所提供方法的各步骤的执行主体均可以是同一设备,或者,该方法也由不同设备作为执行主体。比如,步骤11的执行主体可以为用户终端1,步骤12的执行主体可以为用户终端2;或者步骤11与步骤12的执行主体均为用户终端1,等等。
[0124] 还需要说明的是,本申请实施例中为各步骤设置编号,是为了有条理地描述各步骤,并不是对步骤的执行顺序进行限制,即,本申请实施例中为各步骤设置的编号并不能视为限制步骤执行顺序的特征。
[0125] 实施例2
[0126] 本申请实施例提供一种手机锁屏界面与操作界面进行切换时展示的界面切换动画的设置方法,用以提供一种对界面切换动画颜色进行设置的方案。该方法的具体实现流程图如图5所示,主要包括下述步骤:
[0127] 步骤21,手机接收到解锁指令;
[0128] 其中,所述解锁指令,比如可以是指用户针对手机屏幕上展示的如图2锁屏界面上的“解锁按钮”发出的点击指令,或者手势指令(如,滑动)等。
[0129] 步骤22,手机响应于接收到解锁指令,对锁屏界面所包含的锁屏壁纸进行颜色采样
[0130] 比如,手机可以采用吸色算法,统计所述锁屏壁纸中具备不同颜色值的像素的数量;并将统计出的所有数量中的最大数量所对应的颜色值,确定为第一颜色值。
[0131] 步骤23,手机根据确定的第一颜色值,为锁屏界面与操作界面进行切换时展示的界面切换动画的颜色属性赋值;
[0132] 例如,假设通过执行步骤22,确定的第一颜色值分别为黄色对应的颜色值、红色对应的颜色值、绿色对应的颜色值以及蓝色对应的颜色值,并且,示例性地假设界面切换动画包含四帧图片,且所述三帧图片依次如图6~图9所示,则手机可以根据上述四种颜色值分别为图片中的不同圆形区域的颜色属性进行赋值。
[0133] 步骤24,手机展示颜色值属性被赋值后的界面切换动画;
[0134] 步骤25,手机在所述界面切换动画展示完成后,将颜色属性被赋值后的界面切换动画所包含的如图9所示最后一帧图片,作为操作界面的桌面壁纸进行显示。以所述最后一帧图片作为桌面壁纸的操作界面如图3所示。
[0135] 采用本申请实施例2提供的界面切换动画的设置方法,由于可以根据确定的至少一个颜色值,从而提供了一种对界面切换动画颜色进行设置的方案。
[0136] 实施例3
[0137] 本申请实施例提供一种界面切换动画的设置装置,用以提供一种对界面切换动画颜色进行设置的方案。该装置的具体结构示意图如图10所示,包括:颜色值确定单元31以及颜色属性赋值单元32。
[0138] 其中,颜色值确定单元31,用于确定至少一个颜色值;
[0139] 颜色属性赋值单元32,用于根据所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0140] 为了可以使用户根据需要灵活的确定第一颜色值,在一种实施方式中,颜色值确定单元31,用于:根据指定图像,确定至少一个颜色值;或者显示包括至少两种颜色的颜色值界面,并根据用户对所述颜色值界面中包含的颜色的选择,确定至少一个颜色值;或者根据指定事件与颜色值的映射关系,确定至少一个颜色值。
[0141] 在一种实施方式中,颜色属性赋值单元32,还用于:对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作。
[0142] 在一种实施方式中,颜色属性赋值单元32,用于:将颜色值被确定后的所述界面切换动画所包含的最后一帧图片,设置为界面切换动画结束后显示的界面的背景。
[0143] 在一种实施方式中,界面切换动画结束后显示的界面的背景包括:桌面壁纸。
[0144] 在一种实施方式中,界面切换动画生成单元,用于:获取手势操作的相关信息;根据手势操作的相关信息,生成所述界面切换动画。
[0145] 在一种实施方式中,所述手势操作的相关信息,包括下述信息中的至少一个:手势操作的滑动距离;手势操作滑动轨迹相对于预设坐标轴的角度。
[0146] 在一种实施方式中,界面切换动画生成单元,用于:根据所述手势操作的相关信息,确定界面元素的与动画效果相关的信息;界面元素的与动画效果相关的信息,包括界面元素在图片中位置和/或界面元素的大小;根据确定的所述与动画效果相关的信息,生成包含所述界面元素的所述界面切换动画。
[0147] 在一种实施方式中,颜色属性赋值单元32,用于:根据所述至少一个颜色值与所述界面元素的位置信息的映射关系,以及所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0148] 在一种实施方式中,颜色属性赋值单元,用于:根据所述映射关系,将所述至少一个颜色值,赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性;或,根据所述至少一个颜色值,确定与所述至少一个颜色值相映射的颜色值;并根据所述映射关系,将所述相映射的颜色值,赋值给界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
[0149] 采用本申请实施例3提供的界面切换动画的设置装置,由于可以根据确定的至少一个颜色值,从而提供了一种对界面切换动画颜色进行设置的方案。
[0150] 实施例4
[0151] 本申请实施例提供一种界面切换动画的设置装置,用以提供一种对界面切换动画颜色进行设置的方案。
[0152] 该装置,比如可以是智能手机或电脑等。所述界面切换动画的设置装置可以包括处理器以及存储器等。
[0153] 其中,存储器,用于存储程序指令;处理器,耦合到所述存储器,用于读取所述存储器存储的程序指令,并作为响应,执行如下操作:确定至少一个颜色值;根据所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0154] 为了可以使用户根据需要灵活的确定第一颜色值,在一种实施方式中,处理器,用于:根据指定图像,确定至少一个颜色值;或者显示包括至少两种颜色的颜色值界面,并根据用户对所述颜色值界面中包含的颜色的选择,确定至少一个颜色值;或者根据指定事件与颜色值的映射关系,确定至少一个颜色值。
[0155] 在一种实施方式中,处理器,还用于对颜色值被确定后的所述界面切换动画所包含的至少一帧图片执行预定操作。
[0156] 在一种实施方式中,处理器,用于将颜色值被确定后的所述界面切换动画所包含的最后一帧图片,设置为界面切换动画结束后显示的界面的背景。
[0157] 在一种实施方式中,界面切换动画结束后显示的界面的背景包括:桌面壁纸。
[0158] 在一种实施方式中,处理器,用于获取手势操作的相关信息;根据手势操作的相关信息,生成所述界面切换动画。
[0159] 在一种实施方式中,所述手势操作的相关信息,包括下述信息中的至少一个:手势操作的滑动距离;手势操作滑动轨迹相对于预设坐标轴的角度。
[0160] 在一种实施方式中,处理器,用于根据所述手势操作的相关信息,确定界面元素的与动画效果相关的信息;界面元素的与动画效果相关的信息,包括界面元素在图片中位置和/或界面元素的大小;根据确定的所述与动画效果相关的信息,生成包含所述界面元素的所述界面切换动画。
[0161] 在一种实施方式中,处理器,用于根据所述至少一个颜色值与所述界面元素的位置信息的映射关系,以及所述至少一个颜色值,确定界面切换动画部分或全部帧图片包括的界面元素的颜色值。
[0162] 在一种实施方式中,处理器,用于根据所述映射关系,将所述至少一个颜色值,赋值给所述界面切换动画部分或全部帧图片包括的界面元素的颜色属性;或,根据所述至少一个颜色值,确定与所述至少一个颜色值相映射的颜色值;并根据所述映射关系,将所述相映射的颜色值,赋值给界面切换动画部分或全部帧图片包括的界面元素的颜色属性。
[0163] 采用本申请实施例4提供的界面切换动画的设置装置,由于可以根据确定的至少一个颜色值,从而提供了一种对界面切换动画颜色进行设置的方案。
[0164] 本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0165] 这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0166] 这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0167] 在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
[0168] 内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
[0169] 计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
[0170] 还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
[0171] 本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
[0172] 以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
高效检索全球专利

专利汇是专利免费检索,专利查询,专利分析-国家发明专利查询检索分析平台,是提供专利分析,专利查询,专利检索等数据服务功能的知识产权数据服务商。

我们的产品包含105个国家的1.26亿组数据,免费查、免费专利分析。

申请试用

分析报告

专利汇分析报告产品可以对行业情报数据进行梳理分析,涉及维度包括行业专利基本状况分析、地域分析、技术分析、发明人分析、申请人分析、专利权人分析、失效分析、核心专利分析、法律分析、研发重点分析、企业专利处境分析、技术处境分析、专利寿命分析、企业定位分析、引证分析等超过60个分析角度,系统通过AI智能系统对图表进行解读,只需1分钟,一键生成行业专利分析报告。

申请试用

QQ群二维码
意见反馈