渲染方法及装置制造方法及图纸

本申请公开了一种渲染方法及装置，具体方案包括：在显示区域显示第一显示内容；接收对第一显示内容中一个对象的对象打开请求，对象打开请求用于在显示区域中显示第二显示内容，第二显示内容为对象的显示内容；响应对象打开请求，在显示区域继续显示第一显示内容，并在经过第一时长后在显示区域中显示第二显示内容，其中第一时长为响应对象打开请求，得到第二显示内容的背景图片的图片数据并渲染出背景图片所经历的时长。虽然第二显示内容会延迟显示，但是显示第二显示内容时已经得到图片数据，在显示第二显示内容的背景色后可利用已经得到的图片数据渲染出背景图片，无需经历下载解析等环节，缩短从背景色到背景图片的显示耗时，提高用户体验。提高用户体验。提高用户体验。

【技术实现步骤摘要】
渲染方法及装置


[0001]本申请涉及数据处理
，尤其涉及渲染方法及装置。

技术介绍

[0002]电子设备显示页面过程中，先显示页面的背景色，再显示页面的背景图片及其他资源，如背景文字等等，从背景色到背景图片的显示的耗时较长。相对应的从用户角度来说，用户先看到一个空的页面，然后看到背景图片，最后看到其他资源，降低用户体验。

技术实现思路

[0003]本申请提供的渲染方法及装置，解决了背景色到背景图片的显示耗时长以及用户体验低的问题。
[0004]为达到上述目的，本申请采用如下技术方案：
[0005]第一方面，本申请提供一种渲染方法，所述方法包括：在显示区域显示第一显示内容；接收对所述第一显示内容中一个对象的对象打开请求，所述对象打开请求用于在所述显示区域中显示第二显示内容，所述第二显示内容为所述对象的显示内容；响应所述对象打开请求，在所述显示区域继续显示所述第一显示内容，并在经过第一时长后在所述显示区域中显示所述第二显示内容，其中所述第一时长为响应所述对象打开请求，得到所述第二显示内容的背景图片的图片数据并渲染出所述背景图片所经历的时长。
[0006]本申请提供的渲染方法，在接收到对象打开请求后，显示区域仍会继续显示第一显示内容，在延迟第一时长后显示第二显示内容。虽然第二显示内容会延迟显示，但是显示第二显示内容时已经得到图片数据，在显示第二显示内容的背景色后可利用已经得到的图片数据渲染出背景图片，无需经历下载解析等环节，缩短从背景色到背景图片的显示耗时，提高用户体验。此外对于存在背景图片的第二显示内容来说，电子设备渲染背景色在得到图片数据之后，从而使得背景色的渲染存在一定延迟，以背景色延迟渲染来达到缩短背景色到背景图片的显示耗时的目的。
[0007]在第一种可能的实现方式中，所述响应所述对象打开请求，得到所述第二显示内容的背景图片的图片数据包括：响应所述对象打开请求，得到所述第二显示内容的背景色，记录所述第二显示内容的背景色且渲染状态标记为禁止渲染；如果检测到所述第二显示内容存在背景图片，得到所述背景图片的图片数据，将所述渲染状态从所述禁止渲染更新为启动渲染。
[0008]在本实施例中，电子设备引入一个渲染状态，根据第二显示内容中是否存在背景图片以及存在背景图片时图片数据的获取情况，调整渲染状态的设置。电子设备可以根据渲染状态的设置确定是否渲染第二显示内容，实现根据第二显示内容包含的内容和内容的获取情况，控制电子设备对第二显示内容的渲染。例如第二显示内容包含背景图片时，电子设备对第二显示内容的渲染是在得到背景图片的图片数据之后。电子设备在得到背景图片的图片数据后，可以将渲染状态从禁止渲染更新为启动渲染，电子设备检测到渲染状态为
启动渲染，开始渲染第二显示内容，如渲染背景色之后开始渲染图片数据，从而根据渲染状态可以在得到图片数据后开始渲染，根据渲染状态将开始渲染的时机从得到背景色调整为得到图片数据。
[0009]电子设备可以将背景图片的图片数据存储在本地，如存储在电子设备的存储器中。电子设备再次请求第二显示内容时，能够从本地存储中得到第二显示内容中背景图片的图片数据，加快图片数据的获取，缩短第一时长，以提高渲染效率和缩短背景色的渲染延迟。
[0010]结合第一种可能的实现方式，在一种可能方式中，所述响应所述对象打开请求，得到所述第二显示内容的背景图片的图片数据还包括：如果检测到所述第二显示内容没有背景图片，将所述渲染状态从所述禁止渲染更新为启动渲染；响应所述渲染状态为启动渲染，利用所述第二显示内容的背景色渲染出所述第二显示内容的背景色。
[0011]在本实施例中，电子设备得到第二显示内容的背景色后记录背景色，然后在检测到第二显示内容不存在背景图片时，利用记录的背景色渲染出第二显示内容。相对于得到背景色立即渲染来说，增加记录背景色的环节，这样在延迟渲染背景色的技术方案中可以及时获取到背景色进行渲染，提高渲染效率和缩短背景色的渲染延迟。
[0012]结合第二种可能的实现方式，在另一种可能方式中，所述如果检测到所述第二显示内容存在背景图片，得到所述背景图片的图片数据，将所述渲染状态从所述禁止渲染标记为启动渲染包括：如果检测到所述第二显示内容存在背景图片，从本地存储的图片数据中查找背景图片的图片数据；如果从本地查找到背景图片的图片数据，将所述渲染状态从所述禁止渲染更新为启动渲染；如果从本地没有查找到背景图片的图片数据，在本地存储所述背景图片的标识；利用所述背景图片的标识从服务器侧下载图片，以解码得到所述背景图片的图片数据，将所述渲染状态从所述禁止渲染更新为启动渲染。
[0013]电子设备请求背景图片的图片数据时，首先查找本地是否存储有背景图片的图片数据，如果本地存储有背景图片的图片数据，渲染状态从禁止渲染标记为启动渲染，省去从服务器侧请求图片数据的环节，从而加快图片数据的获取，缩短第一时长，以提高渲染效率和缩短背景色的渲染延迟。如果本地没有存储背景图片的图片数据，电子设备向服务器侧请求背景图片，虽然在本地查找图片数据的环节会延迟向服务器侧请求背景图片，但是电子设备对第二显示内容的渲染仍是在得到图片数据之后，同样可以缩短从背景色到背景图片的显示耗时，提高用户体验。
[0014]结合上述另一种可能方式，在第三种可能的实现方式中，所述方法还包括：检测解码出的图片数据是否是背景图片的图片数据；如果解码出的图片数据不是背景图片的图片数据，记录解码出的图片数据，且所述渲染状态仍标记为所述禁止渲染，其中所记录的图片数据在渲染出背景图片之后渲染；对从服务器侧下载的图片进行解码直至得到所述背景图片的图片数据。
[0015]在本实施例中，电子设备可以对解码出的图片数据进行判断，以确定解码出的图片数据是否是背景图片的图片数据；如果解码出的图片数据不是背景图片的图片数据，电子设备会维持渲染状态为禁止渲染，以禁止其他资源早于背景色和背景图片渲染，提高用户体验。并且如果解码出的图片数据不是背景图片的图片数据，可以记录解码出的图片数据，这样在渲染出背景图片之后，可以利用已记录的图片数据在背景图片中渲染出其他资
源，提高背景图片至其他资源的渲染效率，提高用户体验。
[0016]在第四种可能的实现方式中，在所述显示区域中显示所述第二显示内容包括：利用所述第二显示内容的背景色渲染出所述第二显示内容的背景色，以在所述显示区域中显示所述第二显示内容的背景色；利用所述背景图片的图片数据渲染出背景图片，以在所述背景色上显示所述背景图片。虽然电子设备会延迟渲染背景色，但是背景色和背景图片的渲染会遵循先渲染出背景色再渲染出背景图片的规律，保证背景色的渲染早于背景图片的渲染，防止出现背景色叠加在背景图片之上的情况，以保证第二显示内容的正常显示。
[0017]结合第四种可能的实现方式，在一种可能方式中，所述方法还包括：如果在得到所述背景图片的图片数据之前得到其他资源的图片数据，在利用所述背景图片的图片数据渲染出背景图片后，利用所述其他资源的图片数据，渲染出其他资本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种渲染方法，其特征在于，所述方法包括：在显示区域显示第一显示内容；接收对所述第一显示内容中一个对象的对象打开请求，所述对象打开请求用于在所述显示区域中显示第二显示内容，所述第二显示内容为所述对象的显示内容；响应所述对象打开请求，在所述显示区域继续显示所述第一显示内容，并在经过第一时长后在所述显示区域中显示所述第二显示内容，其中所述第一时长为响应所述对象打开请求，得到所述第二显示内容的背景图片的图片数据并渲染出所述背景图片所经历的时长。2.根据权利要求1所述的方法，其特征在于，所述响应所述对象打开请求，得到所述第二显示内容的背景图片的图片数据包括：响应所述对象打开请求，得到所述第二显示内容的背景色，记录所述第二显示内容的背景色且渲染状态标记为禁止渲染；如果检测到所述第二显示内容存在背景图片，得到所述背景图片的图片数据，将所述渲染状态从所述禁止渲染更新为启动渲染。3.根据权利要求2所述方法，其特征在于，所述响应所述对象打开请求，得到所述第二显示内容的背景图片的图片数据还包括：如果检测到所述第二显示内容没有背景图片，将所述渲染状态从所述禁止渲染更新为启动渲染；响应所述渲染状态为启动渲染，利用所述第二显示内容的背景色渲染出所述第二显示内容的背景色。4.根据权利要求2所述的方法，其特征在于，所述如果检测到所述第二显示内容存在背景图片，得到所述背景图片的图片数据，将所述渲染状态从所述禁止渲染标记为启动渲染包括：如果检测到所述第二显示内容存在背景图片，从本地存储的图片数据中查找背景图片的图片数据；如果从本地查找到背景图片的图片数据，将所述渲染状态从所述禁止渲染更新为启动渲染；如果从本地没有查找到背景图片的图片数据，在本地存储所述背景图片的标识；利用所述背景图片的标识从服务器侧下载图片，以解码得到所述背景图片的图片数据，将所述渲染状态从所述禁止渲染更新为启动渲染。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：检测解码出的图片数据是否是背景图片的图片数据；如果解码出的图片数据不是背景图片的图片数据，记录解码出的图片数据，且所述渲染状态仍标记为所述禁止渲染，其中所记录的图片数据在渲染出背景图片之后渲染；对从服务器侧下载的图片进行解码直至得到所述背景图片的图片数据。6.根据权利要求1所述的方法，其特征在于，...

【专利技术属性】
技术研发人员：王国凡，
申请(专利权)人：荣耀终端有限公司，
类型：发明
国别省市：