CN110069313B - 图像切换方法、装置、电子设备及存储介质 - Google Patents
图像切换方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN110069313B CN110069313B CN201910354069.7A CN201910354069A CN110069313B CN 110069313 B CN110069313 B CN 110069313B CN 201910354069 A CN201910354069 A CN 201910354069A CN 110069313 B CN110069313 B CN 110069313B
- Authority
- CN
- China
- Prior art keywords
- rendering
- image
- preset
- time period
- switching
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/10—Geometric effects
- G06T15/20—Perspective computation
- G06T15/205—Image-based rendering
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Software Systems (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Geometry (AREA)
- Computer Graphics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- Controls And Circuits For Display Device (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明实施例公开了一种图像切换方法、装置、电子设备及存储介质，其中，该方法包括：可以识别至少一个预切换图像中各个预切换图像各自对应的渲染载体，向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，并返回各自渲染完成的渲染图像。可以接收各个渲染载体返回的各个渲染图像，在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区。采用本发明，可以通过不同的渲染载体对各自对应的预切换图像进行离屏渲染，有利于提高对不同渲染载体的预切换图像的渲染效率。
Description
技术领域
本发明涉及计算机技术领域，尤其涉及一种图像切换方法、装置、电子设备及存储介质。
背景技术
随着科技的不断发展，电子设备与用户的交互越来越频繁，在用户与电子设备交互的过程中，常常涉及到用户通过电子设备实现各种图像切换的场景。切换过程中，温和的场景效果切换相对于机械的切换效果要让人们更容易接受，视觉感观体验要更柔和，所以从简单到复杂的动画效果越来越让人喜欢。
其中，实现图像之间的动画切换，必然涉及对图像的渲染，但是由于不同的图像可能对应不同的渲染载体，所以对这些不同渲染载体对应的图像进行渲染的方式也不尽相同。因此，如何更快地实现对不同渲染载体对应图像的渲染，从而实现图像之间的动画切换，成为一个亟待解决的问题。
发明内容
本发明实施例提供了一种图像切换方法、装置、电子设备及存储介质，可以通过不同的渲染载体对各自对应的预切换图像进行离屏渲染，有利于提高对不同渲染载体的预切换图像的渲染效率。
第一方面，本发明实施例提供了一种图像切换方法，包括：
当检测到存在切换图像的触发操作时，确定所述触发操作对应的至少一个渲染图像；
识别所述至少一个预切换图像中各个预切换图像各自对应的渲染载体，并向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像；
接收所述各个渲染载体返回的各个渲染图像；
在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，其中，所述离屏渲染缓冲区与所述预设显示区对应的区域面积相同。
第二方面，本发明实施例提供了一种图像切换装置，包括：
检测模块，用于检测是否存在切换图像的触发操作；
处理模块，用于当所述检测模块检测到存在切换图像的触发操作时，确定所述触发操作对应的至少一个渲染图像；
处理模块，还用于识别所述至少一个预切换图像中各个预切换图像各自对应的渲染载体；
通信模块，用于向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像；
所述通信模块，还用于接收所述各个渲染载体返回的各个渲染图像；
所述处理模块，还用于在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，其中，所述离屏渲染缓冲区与所述预设显示区对应的区域面积相同。
第三方面，本发明实施例提供了一种电子设备，包括处理器、输入设备、输出设备和存储器，所述处理器、所述输入设备、所述输出设备和所述存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行上述第一方面所述的方法。
第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行上述第一方面所述的方法。
第五方面，本发明实施例提供了一种计算机程序产品，其中，当该计算机程序产品中的指令由处理器执行时，执行上述第一方面所述的方法。
综上所述，当电子设备检测到存在切换图像的触发操作时，可以确定触发操作对应的至少一个渲染图像，并识别至少一个预切换图像中各个预切换图像各自对应的渲染载体，向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像。进一步地，电子设备可以接收各个渲染载体返回的各个渲染图像，在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区。采用这样的方式，一方面可以通过不同渲染载体对预切换图像进行离屏渲染，提高对预切换图像的渲染效率；第二方面，可以将不同渲染载体所得到的渲染图像统一绘制于目标显示区域中，从而提高图像显示的兼容性。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种图像切换方法的流程示意图；
图2是本发明实施例提供的另一种图像切换方法的流程示意图；
图3是本发明实施例提供的一种图像切换装置的结构示意图；
图4是本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行描述。
请参阅图1，为本发明实施例提供的一种图像切换方法的流程示意图。该方法可以应用于电子设备中，该电子设备配置有显示器，可以用于显示图像。具体地，该方法可以包括以下步骤：
S101、当检测到存在切换图像的触发操作时，确定触发操作对应的至少一个预切换图像。其中，该电子设备可以控制显示器显示图像，并在显示器显示图像过程中控制图像的切换，该电子设备例如可以为智能手机、平板电脑、台式电脑、投影仪等可以控制显示器显示图像的终端设备。
其中，该触发操作的输入方式可以包括点击、按压、滑动、指定手势、或者语音输入等等，本申请对此不作具体限定。
在一个实施例中，上述触发操作的输入方式为滑动，电子设备可以预先将需要展示的图像进行排序，当电子设备按照该顺序展示图像的过程中，若用户想要将当前图像切换为前一张图像，则可以在显示屏中输入向左的滑动操作(即触发操作)，这种情况下，该滑动操作对应的预切换图像则包括当前图像和当前图像对应的前一张图像，其中，该当前图像为需要切出的图像，该前一张图像为需要切入的图像。
或者，若用户想要将当前图像切换为后一张图像，则可以在显示屏中输入向右的滑动操作(即触发操作)，这种情况下，该滑动操作对应的预切换图像则包括当前图像和当前图像对应的后一张图像，其中，该当前图像为需要切出的图像，该后一张图像为需要切入的图像。
在一个实施例中，电子设备还可以将需要展示的图像进行排序编号，以使每一个图像均对应一个序号。当电子设备按照该序号对应的先后顺序展示各个图像时，用户可以输入触发操作，指定预切换图像的序号，电子设备检测到该指定预切换图像序号的触发操作后便可以确定出该触发操作对应的预切换图像。
示例性地，电子设备当前展示的图像为001，用户输入语音信息“将当前图像切换为图像003和图像006”，这种情况下，电子设备接收到该语音信息(即触发操作)后可以将当前展示的图像001、图像003和图像006确定为预切换图像，其中，该图像001为切出的图像，图像003和图像006为切入的图像。
在一个实施例中，当检测到用户需要切换图像时，电子设备还可以在当前显示页面，展示切换选项，每一个切换选项对应一个或者多个图像，以便于用户输入触发操作从展示的切换选项中选取目标选项。这种情况下，电子设备接收到该触发操作后，可以将目标选项对应的一个或者多个图像，以及当前图像，均确定为预切换图像。
S102、识别至少一个预切换图像中各个预切换图像各自对应的渲染载体，并向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应该渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像。
在一个实施例中，不同的预切换图像可能来自不同的渲染载体(如游戏平台对应的渲染载体、购物平台对应的渲染载体、社交应用对应的渲染载体等)，不同渲染载体的图像各自对应不同的渲染方式。这种情况下，在电子设备执行S102之前，可以获取预设显示区对应区域的面积大小，并通过图形接口在预设的各个渲染载体创建与该面积大小相同的渲染缓冲区。
在一个实施例中，上述图形接口包括图形设备接口(Graphics DeviceInterface，GDI)图形设备接口和开放图形库(Open Graphics Library，OpenGL)接口。
在一个实施例中，每一个预切换图像均对应一个用户识别渲染载体的标识，当电子设备确定出触发操作对应的至少一个预切换图像之后，可以基于每个预切换图像携带的渲染载体标识，识别出每个预切换图像对应的渲染载体。例如，来自于游戏平台的预切换图像，对应的渲染载体则为该游戏平台的渲染载体；来自社交应用的预切换图像，对应的渲染载体则为该社交应用的渲染载体。
进一步地，电子设备可以向各个渲染载体发送携带有各自对应的预切换图像的渲染请求。其中，一个渲染请求中仅携带一个渲染载体对应的预切换图像。
示例性地，假设上述预切换图像包括图像001和图像002，其中图像001对应的渲染载体为Z1，图像002对应的渲染载体为Z2，这种情况下，电子设备可以将图像001添加至第一渲染请求，并将第一渲染请求发送至该图像001对应的渲染载体Z1；将图像002添加至第二渲染请求，并将该第二渲染请求发送至该图像002对应的渲染载体Z2。
进一步地，当各个渲染载体接收到携带有各自对应的预切换图像的渲染请求后，由于接收到的预切换图像来源于自身，每个渲染载体可以在自身对应的离屏渲染区中，采用自身的渲染方式对接收到的预切换图像进行渲染，从而得到渲染图像，并将该渲染图像返回电子设备，而无需配置其他多余文件。示例性地，图像002对应的渲染载体为Z2，Z2接收到携带有图像002的渲染请求后，可以在自身对应的离屏渲染区对该图像002进行渲染，得到渲染后的图像002(即渲染图像)，并将该渲染后的图像002返回至电子设备。
在一个实施例中，当多个预切换图像对应同一个渲染载体Z3的情况下，可以将这多个渲染载体均添加至同一渲染请求，并将该同一个渲染请求发送至渲染载体Z3。进一步地，渲染载体Z3接收该渲染请求后，可以对该多个预切换图像进行渲染，当检测到该多个预切换图像渲染完成后，将渲染完成的多个渲染图像一起返回电子设备。
S103、接收各个渲染载体返回的各个渲染图像。
S104、在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，其中，离屏渲染缓冲区与预设显示区对应的区域面积相同。
其中，该预设动画算法对应的动画效果可以包括飞入飞出、淡入淡出等等。在一个实施例中，预设动画算法可以包括多个，这种情况下，步骤S104中采用的预设动画算法可以是电子设备默认设置的，也可以是用户预先从多个预设动画算法中选取得到的。进一步地，后续用户可以根据自身需求对步骤S104中采用的预设动画算法进行调整。
在一个实施例中，在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，从而实现该预设动画算法相应的动画效果，其中，离屏渲染缓冲区与预设显示区对应的区域面积相同。采用这样的方式，可以将不同渲染载体所得到的渲染图像统一绘制于预设显示区域中，从而提高图像显示的兼容性。
在一个实施例中，每个渲染载体对各自对应的预切换图像渲染完成，得到各自对应的渲染图像后，可以不直接返回各自对应的渲染图像，而是将各自对应的渲染图像存储至各自的存储区域中，等待电子设备主动获取。这种情况下，电子设备向各个渲染载体发送携带有各自对应的预切换图像的渲染请求后，可以监测各个渲染载体对各自对应的预切换图像是否渲染完成，若检测到所有预切换图像均渲染完成后，可以向上述各个渲染载体获取渲染完成的所有渲染图像，进而对所有的渲染图像执行步骤S104。
可见，图1所示的实施例中，当电子设备检测到存在切换图像的触发操作时，可以确定触发操作对应的至少一个渲染图像，并识别至少一个预切换图像中各个预切换图像各自对应的渲染载体，向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像。进一步地，电子设备可以接收各个渲染载体返回的各个渲染图像，在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区。采用这样的方式，一方面可以通过不同渲染载体对预切换图像进行离屏渲染，提高对预切换图像的渲染效率；第二方面，可以将不同渲染载体所得到的渲染图像统一绘制于目标显示区域中，从而提高图像显示的兼容性。
请参阅图2，为本发明实施例提供的另一种图像切换方法的流程示意图。该方法可以应用于电子设备中，该电子设备配置有显示器，可以用于显示图像。具体地，该方法可以包括以下步骤：
S201、当检测到存在切换图像的触发操作时，确定触发操作对应的至少一个预切换图像。
S202、识别至少一个预切换图像中各个预切换图像各自对应的渲染载体，并向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应该渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像。
S203、接收各个渲染载体返回的各个渲染图像。其中，步骤S201～步骤S203的具体实施方式，可以参见上述实施例中步骤S101～步骤S103的相关描述，此处不再赘述。
S204、根据与预设动画算法匹配的划分规则对预设绘制时间进行划分，得到至少一个时间段。
在一个实施例中，可以预先建立预设动画算法与划分规则的对应关系，并将该对应关系存储在存储区域中。示例性地，假设动画算法包括动画效果为淡入淡出效果的第一动画算法以及，动画效果为飞入飞出效果的第二动画算法，预先建立的预设动画算法与划分规则的对应关系，可以如表2-1所示。
表2-1
| 预设动画算法 | 划分规则 |
| 第一动画算法 | 直向划分规则 |
| 第二动画算法 | 曲向划分规则 |
其中，该直向划分规则用于指示对预设绘制时间段进行等分划分，得到至少一个时长相等的等分时间段；该曲向划分规则用于指示对预设绘制时间段进行渐变划分，得到至少一时长不同的时间段。
示例性地，该渐变划分例如可以为按照各个时间段对应时长递减的方式划分，采用这样方式划分得到的至少一个时间段，随着时间的发生顺序，各个时间段对应的时长逐渐变短。例如，至少一时长不同的时间段包括T1、T2和T3，T1、T2和T3对应的发生顺序也为T1、T2和T3，那么随着时间的发生顺序，各个时间段对应的时长逐渐变短，该时间段T1、T2和T3对应时长的大小关系为T1>T2>T3。
在一个实施例中，该曲向划分规则可以对应一个特征曲线，该曲向划分规则用户电子设备基于该特征曲线的变化趋势对预设绘制时间段进行渐变划分，得到至少一时长不同的时间段。示例性地，该特征曲线为一个递减曲线，电子设备基于该递减曲线的变化趋势对进行渐变划分，得到至少一时长不同的时间段。其中，得到的各个时间段对应的时长递减。
在一个实施例中，预设动画算法包括动画效果为淡入淡出效果的第一动画算法，电子设备可以从预设的各个划分规则中将直向划分规则确定为与第一动画算法匹配的划分规则，并基于直向划分规则对预设绘制时间段进行等分划分，得到至少一个等分时间段。
在一个实施例中，预设动画算法包括动画效果为飞入飞出效果的第二动画算法，电子设备可以从预设的各个划分规则中将曲向划分规则确定为与第二动画算法匹配的划分规则，并基于曲向划分规则对预设绘制时间段进行渐变划分，得到至少一时长不同的时间段。
S205、基于预设动画算法确定各时间段下当前帧的各个渲染图像的显示透明度，并基于各时间段下当前帧的各个渲染图像的显示透明度，在各时间段下将各个渲染图像绘制到预设显示区。
示例性地，假设步骤S204中得到至少一个时间段包括T1、T2和T3，渲染图像包括图像001和图像002，各时间段下当前帧的各个渲染图像的显示透明度如表2-2和表2-3所示，其中，该时间段对应的时间先后顺序也为T1、T2和T3。
表2-2
表2-3
这种情况下，在时间段T1内，电子设备可以以显示透明度A1将渲染图像001绘制到预设显示区，以显示透明度A4将渲染图像002绘制到该预设显示区；随着时间的推移，可以在时间段T2内，以显示透明度A2将渲染图像001绘制到预设显示区，以显示透明度A5将渲染图像002绘制到该预设显示区；进一步地，可以在时间段T3内，以显示透明度A3将渲染图像001绘制到预设显示区，以显示透明度A6将渲染图像002绘制到该预设显示区，从而实现对图像的动画切换。
在一个实施例中，预设动画算法包括动画效果为淡入淡出效果的第一动画算法，各个渲染载体返回的各个渲染图像包括用于切入的第一渲染图像和用于切出的第二渲染图像，这种情况下，电子设备可以按照各时间段对应的先后顺序，对各时间段下当前帧的第一渲染图像对应的显示透明度递减一个该第一动画算法指示的预设值；按照各时间段对应的先后顺序，对各时间段下当前帧的第二渲染图像对应的显示透明度递增一个第一动画算法指示的预设值。
示例性地，假设预设动画算法包括动画效果为淡入淡出的第一动画算法，第一渲染图像为图像001、第二渲染图像为图像002，电子设备基于第一动画算法匹配的直向划分规则对预设绘制时间段进行等分划分，得到至少一个等分时间段，该至少一个等分时间段包括T1、T2和T3，第一动画算法指示的预设值为A0，其中，该时间段对应的时间先后顺序也为T1、T2和T3。这种情况下，电子设备按照各时间段对应的先后顺序，对各时间段下当前帧的第一渲染图像001对应的显示透明度递减一个该第一动画算法指示的预设值，如表2-4所示；按照各时间段对应的先后顺序，对各时间段下当前帧的第二渲染图像002对应的显示透明度递增一个第一动画算法指示的预设值，如表2-5所示。
表2-4
表2-5
这种情况下，在时间段T1内，电子设备可以以显示透明度A1将渲染图像001绘制到预设显示区，以显示透明度A4将渲染图像002绘制到该预设显示区；随着时间的推移，可以在时间段T2内，以显示透明度A1-A0将渲染图像001绘制到预设显示区，以显示透明度A4+A0将渲染图像002绘制到该预设显示区；进一步地，可以在时间段T3内，以显示透明度A1-2A0将渲染图像001绘制到预设显示区，以显示透明度A4+2A0将渲染图像002绘制到该预设显示区，从而实现对图像001的淡入，对图像002的淡出。
在一个实施例中，预设动画算法包括动画效果为飞入飞出效果的第二动画算法，各个渲染载体返回的各个渲染图像包括用于切入的第一渲染图像和用于切出的第二渲染图像，这种情况下，电子设备可以按照各时间段对应的先后顺序，对各时间段下当前帧的第一渲染图像对应的显示透明度减去一个该第二动画算法指示的预设值；按照各时间段对应的先后顺序，对各时间段下当前帧的第二渲染图像对应的显示透明度增加一个第二动画算法指示的预设值。其中，每个时间段下，该第二动画算法指示的预设值可以不同。
示例性地，假设预设动画算法包括动画效果为飞入飞出效果的第二动画算法，用于切入的第一渲染图像为图像001、用于切出的第二渲染图像为图像002，电子设备基于第二动画算法匹配的曲向划分规则对预设绘制时间段进行划分，得到至少一时长不同的时间段，该至少一个时长不同的时间段包括T9、T10和T11，其中T9、T10和T11对应时长的大小关系为：T9>T10>T11。这种情况下，每个时间段下，该第二动画算法指示的预设值可以与每个时间段的时长关联，具体地，该时间段对应的时长越短，那么该时间段下第二动画算法指示的预设值则越大。
可见，图2所示的实施例中，当电子设备检测到存在切换图像的触发操作时，可以确定触发操作对应的至少一个渲染图像，并识别至少一个预切换图像中各个预切换图像各自对应的渲染载体，向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像。进一步地，电子设备可以接收各个渲染载体返回的各个渲染图像，根据与预设动画算法匹配的划分规则对预设绘制时间进行划分，得到至少一个时间段，并基于预设动画算法确定各时间段下当前帧的各个渲染图像的显示透明度，并基于各时间段下当前帧的各个渲染图像的显示透明度，在各时间段下将各个渲染图像绘制到预设显示区。采用这样的方式，可以实现对来自不同渲染载体的预切换图像的动画切换。
请参阅图3，为本发明实施例提供的一种图像切换装置的结构示意图。该装置可以应用于电子设备。具体地，该装置可以包括：
检测模块300，用于检测是否存在切换图像的触发操作；
处理模块301，用于当所述检测模块检测到存在切换图像的触发操作时，确定所述触发操作对应的至少一个渲染图像；
处理模块301，还用于识别所述至少一个预切换图像中各个预切换图像各自对应的渲染载体；
通信模块302，用于向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像；
所述通信模块302，还用于接收所述各个渲染载体返回的各个渲染图像；
所述处理模块301，还用于在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，其中，所述离屏渲染缓冲区与所述预设显示区对应的区域面积相同。
在一个实施例中，所述处理模块301，具体用于根据与所述预设动画算法匹配的划分规则对所述预设绘制时间进行划分，得到至少一个时间段；基于所述预设动画算法确定各时间段下当前帧的各个渲染图像的显示透明度；基于各时间段下当前帧的各个渲染图像的显示透明度，在各时间段下将所述各个渲染图像绘制到预设显示区。
在一个实施例中，所述预设动画算法包括动画效果为淡入淡出效果的第一动画算法，所述处理模块301，具体还用于从预设的各个划分规则中将直向划分规则确定为与所述第一动画算法匹配的划分规则；基于所述直向划分规则对所述预设绘制时间段进行等分划分，得到至少一个等分时间段。
在一个实施例中，所述预设动画算法包括动画效果为飞入飞出效果的第二动画算法，所述处理模块301，具体还用于从预设的各个划分规则中将曲向划分规则确定为与所述第二动画算法匹配的划分规则；基于所述曲向划分规则对所述预设绘制时间段进行渐变划分，得到至少一时长不同的时间段。
在一个实施例中，所述预设动画算法包括动画效果为淡入淡出效果的第一动画算法，所述各个渲染图像包括用于切入的第一渲染图像和用于切出的第二渲染图像，所述处理模块301，具体还用于按照所述各时间段对应的先后顺序，对各时间段下当前帧的第一渲染图像对应的显示透明度递减一个所述第一动画算法指示的预设值；按照所述各时间段对应的先后顺序，对各时间段下当前帧的第二渲染图像对应的显示透明度递增一个所述第一动画算法指示的预设值。
在一个实施例中，所述处理模块301，还用于获取所述预设显示区对应区域的面积大小；通过图形接口在预设的各个渲染载体创建与所述面积大小相同的渲染缓冲区。
在一个实施例中，所述图形接口包括GDI图形设备接口和OpenGL图形库接口。
需要说明的是，本发明实施例所描述的图像切换装置的各功能模块的功能可根据图1或者图2所述的方法实施例中的方法具体实现，其具体实现过程可以参照图1或者图2的方法实施例的相关描述，此处不再赘述。
可见，图3所示的实施例中，当处理模块301通过检测模块300检测到存在切换图像的触发操作时，可以确定触发操作对应的至少一个渲染图像，并识别至少一个预切换图像中各个预切换图像各自对应的渲染载体。进一步地，通过通信模块302向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，并接收各个渲染载体返回的各个渲染图像，通过处理模块301在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区。可以通过不同的渲染载体对各自对应的预切换图像进行离屏渲染，有利于提高对不同渲染载体的预切换图像的渲染效率。
参见图4，是本发明实施例提供的一种电子设备的结构示意图。如图所示的本实施例中的电子设备可以包括：一个或多个处理器401；一个或多个输入设备402，一个或多个输出设备403、存储器404和通信接口405。上述处理器401、输入设备402、输出设备403、存储器404和通信接口405可以通过总线连接。存储器404用于存储计算机程序，所述计算机程序包括程序指令，处理器401用于执行存储器404存储的程序指令。其中，处理器401被配置用于调用所述程序指令执行：
当通过输入设备402检测到存在切换图像的触发操作时，确定所述触发操作对应的至少一个预切换图像；识别所述至少一个预切换图像中各个预切换图像各自对应的渲染载体，并通过通信接口405向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像；通过通信接口405接收所述各个渲染载体返回的各个渲染图像；在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，其中，所述离屏渲染缓冲区与所述预设显示区对应的区域面积相同。
在一个实施例中，所述处理器401，具体用于根据与所述预设动画算法匹配的划分规则对所述预设绘制时间进行划分，得到至少一个时间段；基于所述预设动画算法确定各时间段下当前帧的各个渲染图像的显示透明度；基于各时间段下当前帧的各个渲染图像的显示透明度，在各时间段下将所述各个渲染图像绘制到预设显示区。
在一个实施例中，所述预设动画算法包括动画效果为淡入淡出效果的第一动画算法，所述处理器401，具体还用于从预设的各个划分规则中将直向划分规则确定为与所述第一动画算法匹配的划分规则；基于所述直向划分规则对所述预设绘制时间段进行等分划分，得到至少一个等分时间段。
在一个实施例中，所述预设动画算法包括动画效果为飞入飞出效果的第二动画算法，所述处理器401，具体还用于从预设的各个划分规则中将曲向划分规则确定为与所述第二动画算法匹配的划分规则；基于所述曲向划分规则对所述预设绘制时间段进行渐变划分，得到至少一时长不同的时间段。
在一个实施例中，所述预设动画算法包括动画效果为淡入淡出效果的第一动画算法，所述各个渲染图像包括用于切入的第一渲染图像和用于切出的第二渲染图像，所述处理器401，具体还用于按照所述各时间段对应的先后顺序，对各时间段下当前帧的第一渲染图像对应的显示透明度递减一个所述第一动画算法指示的预设值；按照所述各时间段对应的先后顺序，对各时间段下当前帧的第二渲染图像对应的显示透明度递增一个所述第一动画算法指示的预设值。
在一个实施例中，所述处理器401，还用于获取所述预设显示区对应区域的面积大小；通过图形接口在预设的各个渲染载体创建与所述面积大小相同的渲染缓冲区。
在一个实施例中，所述图形接口包括GDI图形设备接口和OpenGL图形库接口。
应当理解，在本发明实施例中，所称处理器401可以是中央处理单元(CentralProcessing Unit，CPU)，该处理器401还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
输入设备402可以包括触控板(用于检测输入的触发操作)、麦克风等，输出设备403可以包括显示器(LCD等)、扬声器、闪光灯、振动电机等。
该存储器404可以包括只读存储器和随机存取存储器，并向处理器401提供指令和数据。存储器404的一部分还可以包括非易失性随机存取存储器。例如，存储器404还可以存储设备类型的信息。
具体实现中，本发明实施例中所描述的处理器401、输入设备402、输出设备403、存储器404和通信接口405可执行本发明实施例提供的图1或者图2所述的方法实施例所描述的实现方式，也可执行本发明实施例所描述的基于数据处理的任务分配装置的实现方式，在此不再赘述。
在本发明的另一实施例中提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令被处理器执行时实现：当检测到存在切换图像的触发操作时，确定所述触发操作对应的至少一个预切换图像；识别所述至少一个预切换图像中各个预切换图像各自对应的渲染载体，并向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像；接收所述各个渲染载体返回的各个渲染图像；在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，其中，所述离屏渲染缓冲区与所述预设显示区对应的区域面积相同。针对所述各个待分配任务所提交的任务结果。
所述计算机可读存储介质可以是前述任一实施例所述的电子设备的内部存储单元，例如电子设备的硬盘或内存。所述计算机可读存储介质也可以是所述电子设备的外部存储设备，例如所述电子设备上配备的插接式硬盘，智能存储卡(Smart Media Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。进一步地，所述计算机可读存储介质还可以既包括所述电子设备的内部存储单元也包括外部存储设备。所述计算机可读存储介质用于存储所述计算机程序以及所述电子设备所需的其他程序和数据。所述计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的数据。
以上，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。
Claims (16)
1.一种图像切换方法，其特征在于，所述方法包括：
当检测到存在切换图像的触发操作时，确定所述触发操作对应的至少一个预切换图像；
识别所述至少一个预切换图像中各个预切换图像各自对应的渲染载体，并向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像，不同的预切换图像对应不同的渲染载体；
接收所述各个渲染载体返回的各个渲染图像；
在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，其中，所述离屏渲染缓冲区与所述预设显示区对应的区域面积相同。
2.根据权利要求1所述的方法，其特征在于，所述在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，包括：
根据与所述预设动画算法匹配的划分规则对所述预设绘制时间进行划分，得到至少一个时间段；
基于所述预设动画算法确定各时间段下当前帧的各个渲染图像的显示透明度；
基于各时间段下当前帧的各个渲染图像的显示透明度，在各时间段下将所述各个渲染图像绘制到预设显示区。
3.根据权利要求 2所述的方法，其特征在于，所述预设动画算法包括动画效果为淡入淡出效果的第一动画算法，所述根据与所述预设动画算法匹配的划分规则对所述预设绘制时间进行划分，得到至少一个时间段，包括：
从预设的各个划分规则中将直向划分规则确定为与所述第一动画算法匹配的划分规则；
基于所述直向划分规则对所述预设绘制时间段进行等分划分，得到至少一个等分时间段。
4.根据权利要求 2所述的方法，其特征在于，所述预设动画算法包括动画效果为飞入飞出效果的第二动画算法，所述根据与所述预设动画算法匹配的划分规则对所述预设绘制时间进行划分，得到至少一个时间段，包括：
从预设的各个划分规则中将曲向划分规则确定为与所述第二动画算法匹配的划分规则；
基于所述曲向划分规则对所述预设绘制时间段进行渐变划分，得到至少一时长不同的时间段。
5.根据权利要求3所述的方法，其特征在于，所述预设动画算法包括动画效果为淡入淡出效果的第一动画算法，所述各个渲染图像包括用于切入的第一渲染图像和用于切出的第二渲染图像，所述基于所述预设动画算法确定各时间段下当前帧的各个渲染图像的显示透明度，包括：
按照所述各时间段对应的先后顺序，对各时间段下当前帧的第一渲染图像对应的显示透明度递减一个所述第一动画算法指示的预设值；
按照所述各时间段对应的先后顺序，对各时间段下当前帧的第二渲染图像对应的显示透明度递增一个所述第一动画算法指示的预设值。
6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
获取所述预设显示区对应区域的面积大小；
通过图形接口在预设的各个渲染载体创建与所述面积大小相同的渲染缓冲区。
7.根据权利要求6所述的方法，其特征在于，所述图形接口包括GDI图形设备接口和OpenGL开放图形库接口。
8.一种图像切换装置，其特征在于，所述装置包括：
检测模块，用于检测是否存在切换图像的触发操作；
处理模块，用于当所述检测模块检测到存在切换图像的触发操作时，确定所述触发操作对应的至少一个渲染图像；
处理模块，还用于识别所述至少一个预切换图像中各个预切换图像各自对应的渲染载体；
通信模块，用于向各个渲染载体发送携带有各自对应的预切换图像的渲染请求，以使各个渲染载体响应所述渲染请求，在各自的离屏渲染缓冲区对各自对应的预切换图像进行渲染，得到渲染图像，并返回各自渲染完成的渲染图像，不同的预切换图像对应不同的渲染载体；
所述通信模块，还用于接收所述各个渲染载体返回的各个渲染图像；
所述处理模块，还用于在预设绘制时间内，通过预设动画算法将各个渲染图像绘制到预设显示区，其中，所述离屏渲染缓冲区与所述预设显示区对应的区域面积相同。
9.根据权利要求8所述的装置，其特征在于，所述处理模块，具体用于根据与所述预设动画算法匹配的划分规则对所述预设绘制时间进行划分，得到至少一个时间段；基于所述预设动画算法确定各时间段下当前帧的各个渲染图像的显示透明度；基于各时间段下当前帧的各个渲染图像的显示透明度，在各时间段下将所述各个渲染图像绘制到预设显示区。
10.根据权利要求 9所述的装置，其特征在于，所述预设动画算法包括动画效果为淡入淡出效果的第一动画算法，所述处理模块，具体还用于从预设的各个划分规则中将直向划分规则确定为与所述第一动画算法匹配的划分规则；基于所述直向划分规则对所述预设绘制时间段进行等分划分，得到至少一个等分时间段。
11.根据权利要求 9所述的装置，其特征在于，所述预设动画算法包括动画效果为飞入飞出效果的第二动画算法，所述处理模块，具体还用于从预设的各个划分规则中将曲向划分规则确定为与所述第二动画算法匹配的划分规则；基于所述曲向划分规则对所述预设绘制时间段进行渐变划分，得到至少一时长不同的时间段。
12.根据权利要求10所述的装置，其特征在于，所述预设动画算法包括动画效果为淡入淡出效果的第一动画算法，所述各个渲染图像包括用于切入的第一渲染图像和用于切出的第二渲染图像，所述处理模块，具体还用于按照所述各时间段对应的先后顺序，对各时间段下当前帧的第一渲染图像对应的显示透明度递减一个所述第一动画算法指示的预设值；按照所述各时间段对应的先后顺序，对各时间段下当前帧的第二渲染图像对应的显示透明度递增一个所述第一动画算法指示的预设值。
13.根据权利要求8所述的装置，其特征在于，所述处理模块，还用于获取所述预设显示区对应区域的面积大小；通过图形接口在预设的各个渲染载体创建与所述面积大小相同的渲染缓冲区。
14.根据权利要求13所述的装置，其特征在于，所述图形接口包括GDI图形设备接口和OpenGL图形库接口。
15.一种电子设备，其特征在于，包括处理器和存储器，所述处理器和所述存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如权利要求1-7任一项所述的方法。
16.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如权利要求1-7任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910354069.7A CN110069313B (zh) | 2019-04-29 | 2019-04-29 | 图像切换方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910354069.7A CN110069313B (zh) | 2019-04-29 | 2019-04-29 | 图像切换方法、装置、电子设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110069313A CN110069313A (zh) | 2019-07-30 |
| CN110069313B true CN110069313B (zh) | 2022-04-29 |
Family
ID=67369371
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910354069.7A Active CN110069313B (zh) | 2019-04-29 | 2019-04-29 | 图像切换方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110069313B (zh) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113051032A (zh) * | 2021-03-23 | 2021-06-29 | 西安万像电子科技有限公司 | 应用画面处理方法、装置和系统 |
| WO2022262550A1 (zh) * | 2021-06-16 | 2022-12-22 | 荣耀终端有限公司 | 一种拍摄视频的方法及电子设备 |
| CN113808238A (zh) * | 2021-09-24 | 2021-12-17 | 北京有竹居网络技术有限公司 | 动画的渲染方法、装置、可读介质和电子设备 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108228121A (zh) * | 2016-12-15 | 2018-06-29 | 中科创达软件股份有限公司 | 一种浏览器分屏的方法、装置及移动终端 |
| CN108665520A (zh) * | 2018-04-24 | 2018-10-16 | 微梦创科网络科技（中国）有限公司 | 一种页面动画渲染的方法及装置 |
Family Cites Families (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120036483A1 (en) * | 2010-08-09 | 2012-02-09 | Infineon Technologies Ag | Device, method for displaying a change from a first picture to a second picture on a display, and computer program product |
| CN101976183B (zh) * | 2010-09-27 | 2012-02-22 | 广东威创视讯科技股份有限公司 | 一种多窗口图像同时更新时图像更新的方法及装置 |
| CN102541515B (zh) * | 2010-12-08 | 2014-12-03 | 腾讯科技（深圳）有限公司 | 一种实现切屏特效的方法及装置 |
| CN102799421A (zh) * | 2011-05-25 | 2012-11-28 | 腾讯科技（深圳）有限公司 | 一种多视图切换的系统和方法 |
| CN102945116A (zh) * | 2012-10-19 | 2013-02-27 | 广东欧珀移动通信有限公司 | 一种界面切换显示方法、装置及移动终端 |
| CN102981710A (zh) * | 2012-11-16 | 2013-03-20 | 北京奇虎科技有限公司 | 页面变换的方法和装置 |
| CN104574493B (zh) * | 2014-12-30 | 2018-01-30 | 北京像素软件科技股份有限公司 | 一种远景平滑淡出的方法及装置 |
| CN105979243A (zh) * | 2015-12-01 | 2016-09-28 | 乐视致新电子科技（天津）有限公司 | 一种显示立体图像的处理方法和装置 |
| CN105678828B (zh) * | 2015-12-30 | 2020-03-31 | 合一网络技术(北京)有限公司 | 一种创建过渡动画的方法及装置 |
| CN106098022B (zh) * | 2016-06-07 | 2019-02-12 | 北京小鸟看看科技有限公司 | 一种缩短图像延迟的方法和装置 |
| US20180275833A1 (en) * | 2017-03-22 | 2018-09-27 | Mz Ip Holdings, Llc | System and method for managing and displaying graphical elements |
| US10403040B2 (en) * | 2017-07-17 | 2019-09-03 | Adobe Inc. | Vector graphics rendering techniques |
| CN107888970A (zh) * | 2017-11-29 | 2018-04-06 | 天津聚飞创新科技有限公司 | 视频处理方法、装置、嵌入式设备及存储介质 |
| CN109194960B (zh) * | 2018-11-13 | 2020-12-18 | 北京奇艺世纪科技有限公司 | 一种图像帧渲染方法、装置及电子设备 |
-
2019
- 2019-04-29 CN CN201910354069.7A patent/CN110069313B/zh active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108228121A (zh) * | 2016-12-15 | 2018-06-29 | 中科创达软件股份有限公司 | 一种浏览器分屏的方法、装置及移动终端 |
| CN108665520A (zh) * | 2018-04-24 | 2018-10-16 | 微梦创科网络科技（中国）有限公司 | 一种页面动画渲染的方法及装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110069313A (zh) | 2019-07-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110069313B (zh) | 图像切换方法、装置、电子设备及存储介质 | |
| JP7536173B2 (ja) | アプリケーションインターフェースの切り替え方法及び装置、端末並びに記憶媒体 | |
| US9448694B2 (en) | Graphical user interface for navigating applications | |
| JP6495377B2 (ja) | 選択的ラスタライゼーション | |
| CN107925749B (zh) | 用于调整电子设备的分辨率的方法和设备 | |
| CN106997283B (zh) | 一种信息处理方法及电子设备 | |
| CN107317853B (zh) | 消息弹窗动效展示方法、装置及系统 | |
| CN108463799B (zh) | 电子设备的柔性显示器及其操作方法 | |
| US20190012821A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
| US10620821B2 (en) | Page sliding method and apparatus | |
| WO2022001553A1 (zh) | 字体调节方法、装置、存储介质及电子设备 | |
| CN111190677A (zh) | 信息显示方法、信息显示装置及终端设备 | |
| US20160041806A1 (en) | Audio source control | |
| CN111143731B (zh) | 一种网页界面缩放时的显示方法、装置及终端设备 | |
| WO2022242628A1 (zh) | 投屏方法、装置、设备及存储介质 | |
| WO2018226989A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
| CN113852763B (zh) | 音视频处理方法、装置、电子设备和存储介质 | |
| CN109358927B (zh) | 应用程序显示的方法、装置及终端设备 | |
| KR20150073839A (ko) | 부하 라인 최적화를 위한 그래픽 전압 감소 | |
| CN111290822B (zh) | 一种桌面壁纸的显示方法、装置及计算机可读存储介质 | |
| CN111666023B (zh) | 界面显示方法、装置、电子设备及可读存储介质 | |
| CN109739403B (zh) | 用于处理信息的方法和装置 | |
| CN111045576B (zh) | 显示控制方法、显示控制装置、终端设备和电子设备 | |
| CN114995706A (zh) | 一种元素显示方法、装置、设备及存储介质 | |
| US10185457B2 (en) | Information processing apparatus and a method for controlling the information processing apparatus |
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 |