CN113713375A - 一种界面元素显示方法、装置、终端及存储介质 - Google Patents
一种界面元素显示方法、装置、终端及存储介质 Download PDFInfo
- Publication number
- CN113713375A CN113713375A CN202110880170.3A CN202110880170A CN113713375A CN 113713375 A CN113713375 A CN 113713375A CN 202110880170 A CN202110880170 A CN 202110880170A CN 113713375 A CN113713375 A CN 113713375A
- Authority
- CN
- China
- Prior art keywords
- target
- picture
- interface
- runtime
- interface element
- 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
- 238000000034 method Methods 0.000 title claims abstract description 79
- 238000003860 storage Methods 0.000 title claims abstract description 15
- 238000009877 rendering Methods 0.000 claims abstract description 109
- 238000004590 computer program Methods 0.000 claims description 12
- 230000001960 triggered effect Effects 0.000 claims description 8
- 230000008569 process Effects 0.000 description 15
- 230000006870 function Effects 0.000 description 9
- 238000007781 pre-processing Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 7
- 238000013461 design Methods 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 238000011161 development Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000001514 detection method Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 2
- 230000005236 sound signal Effects 0.000 description 2
- 239000002699 waste material Substances 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000007596 consolidation process Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 230000001815 facial effect Effects 0.000 description 1
- 238000012905 input function Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000005304 joining Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000011112 process operation Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000005070 sampling Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/50—Controlling the output signals based on the game progress
- A63F13/52—Controlling the output signals based on the game progress involving aspects of the displayed game scene
-
- 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
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F2300/00—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game
- A63F2300/30—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by output arrangements for receiving control signals generated by the game device
- A63F2300/308—Details of the user interface
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F2300/00—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game
- A63F2300/60—Methods for processing data by generating or executing the game program
- A63F2300/66—Methods for processing data by generating or executing the game program for rendering three dimensional images
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Multimedia (AREA)
- Computing Systems (AREA)
- Geometry (AREA)
- Computer Graphics (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本申请公开了一种界面元素显示方法、装置、终端及存储介质，该界面元素显示方法包括：确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。本方案可以提升应用程序的运行效率，降低应用实际运行时的渲染批次。
Description
技术领域
本申请涉及计算机技术领域，具体涉及一种界面元素显示方法、装置、终端及存储介质。
背景技术
当前在游戏开发过程中，通常使用单张图片进行界面设计，例如，某一界面上有多个不同元素，每个元素将显示不同的内容，则界面设计师通常会使用多张不同的图片来展示这些元素。在游戏实际运行时，每张图片都需要显卡进行一次完整的渲染流程(一个渲染批次)，而一个完整的渲染批次，需要重新设置显卡的图形顶点，索引，贴图，着色器等内容，过多的渲染批次将会极大影响游戏的性能，增加游戏的耗电。
现有的优化方案中，需要由界面设计师手工将多张图片归类，并合成为一张面积更大的图片(图集)，该图集分类方式通常是基于开发便捷程度，而不是游戏运行时效率，因此在一张图集上，通常会有许多子图片分属不同界面，在游戏运行时，这些不属于当前界面的子图片并不显示，但也会占用显卡内存与带宽，造成不必要的浪费，过多的无关子图片也会造成界面加载时间增加，降低游戏运行时效率。
因此，现有技术需要改进。
发明内容
本申请实施例提供一种界面元素显示方法、装置、终端及存储介质，可以提升应用程序的运行效率，降低应用实际运行时的渲染批次。
本申请实施例提供一种界面元素显示方法，包括：
确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；
若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；
基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
在一个可选的实施例中，在所述确定目标应用界面对应的目标图片之前，还包括：
获取用于渲染出应用程序的应用界面上的界面元素的原始图片，每个原始图片对应的原始尺寸以及目标尺寸，其中，所述应用程序为所述目标应用界面所属的程序；
将各所述原始图片的尺寸从所述原始尺寸扩展为对应的目标尺寸，得到各所述原始图片对应的目标图片。
在一个可选的实施例中，在所述确定目标应用界面对应的目标图片之后，还包括：
确定所述原始图片的图片内容在对应的目标图片中的位置信息；
基于所述原始尺寸、所述目标尺寸以及所述位置信息，生成所述目标图片对应的图片描述信息。
在一个可选的实施例中，在所述基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素之前，还包括：
运行所述目标应用界面对应的应用线程，加载所述目标图片；
基于所述图片描述信息，确定出所述目标图片的渲染区域。
在一个可选的实施例中，在所述若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中之前，还包括：
基于所述目标尺寸，在所述目标运行时图集中分配所述目标图片对应的图片区域，所述图片区域的尺寸与所述目标尺寸相同；
所述将所述目标图片加入所述目标运行时图集中，包括：
将所述目标图片的图片内容填充至所述目标运行时图集中所述目标图片对应的图片区域。
在一个可选的实施例中，在所述确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素之后，还包括：
若所述目标图片在所述目标运行时图集中，基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
在一个可选的实施例中，还包括：
确定更新的目标应用界面对应的图片列表，所述图片列表中的图片用于渲染所述更新的目标应用界面中的更新界面元素；
在运行所述更新的目标应用界面时，将所述图片列表中的图片加入所述目标运行时图集中；
基于所述目标运行时图集中的各所述图片，在所述更新的目标应用界面上渲染所述更新界面元素。
在一个可选的实施例中，在所述将所述目标图片加入所述目标运行时图集中之前，还包括：
基于所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
在一个可选的实施例中，所述若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，包括：
在运行所述目标应用界面时，若所述目标图片不在所述目标运行时图集中，将所述目标图片发送至合图线程，触发所述合图线程将所述目标图片加入所述目标运行时图集中，并在加入后通知使用所述目标图片的应用线程基于所述目标运行时图集渲染需要目标图片的界面元素。
在一个可选的实施例中，在所述若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中之前，还包括：
获取所述目标图片对应的目标界面元素的显示状态；
若所述目标界面元素处于可见状态，则将所述目标图片加入所述目标运行时图集中；
若所述目标界面元素处于不可见状态，则当所述目标界面元素需要转变为可见状态时，将所述目标图片加入所述目标运行时图集中。
在一个可选的实施例中，还包括：
若所述目标应用界面关闭，在所述目标运行时图集中删除所述目标应用界面对应的目标图片。
本申请实施例还提供一种界面元素显示装置，包括：
确定单元，用于确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；
加入单元，用于若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；
渲染单元，用于基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
本申请实施例还提供了一种终端，包括存储器，处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，处理器执行计算机程序时实现如上述界面元素显示方法的步骤。
本申请实施例还提供了一种存储介质，其上存储有计算机程序，其中，计算机程序被处理器执行时实现如上述界面元素显示方法的步骤。
本申请实施例提供了一种界面元素显示方法，该方法通过确定目标应用界面对应的目标图片，目标图片用于渲染目标界面元素；若目标图片不在目标运行时图集中，将目标图片加入目标运行时图集中，其中，在同一时刻目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；基于目标运行时图集中的目标图片，在目标应用界面上渲染目标界面元素。由此，在本方案中，通过在应用界面运行时将目标图片加入到预分配的目标运行时图集中，将应用运行时的渲染对象由目标图片替换为目标运行时图集，可以提升应用运行效率，降低应用实际运行时的渲染批次。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种界面元素显示方法的流程示意图；
图2是本申请实施例提供的一种图片预处理方法的流程示意图；
图3是本申请实施例提供的一种图集合并方法的流程示意图；
图4是本申请实施例提供的一种合图线程运行的流程示意图；
图5是本申请实施例提供的一种界面元素显示装置的结构示意图；
图6是本申请实施例提供的一种终端的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
本说明书中使用用语“一个”、“一”、“该”和“所述”用以表示存在一个或多个要素/组成部分/等；用语“包括”和“具有”用以表示开放式的包括在内的意思并且是指除了列出的要素/组成部分/等之外还可存在另外的要素/组成部分/等；用语“第一”和"第二”等仅作为标记使用，不是对其对象的数量限制。
本申请实施例提供一种界面元素显示方法、装置、终端及存储介质。具体地，本申请实施例提供适用于界面元素显示装置的界面元素显示方法，该界面元素显示装置可以集成在计算机设备中。
该计算机设备可以为终端等设备，例如可以为手机、平板电脑、笔记本电脑、台式电脑等。该计算机设备还可以为服务器等设备，该服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器，但并不局限于此。
例如，当该界面元素显示方法运行于终端时，终端设备存储有游戏应用程序并用于呈现游戏界面。终端设备用于通过图形用户界面与用户进行交互，例如通过终端设备下载安装游戏应用程序并运行。该终端设备将图形用户界面提供给用户的方式可以是渲染显示在终端设备的显示屏上。例如，终端设备可以包括触控显示屏和处理器，该触控显示屏用于呈现图形用户界面以及接收用户作用于图形用户界面产生的操作指令，该图形用户界面包括游戏画面，该处理器用于运行该游戏应用程序和游戏、生成图形用户界面、响应操作指令以及控制图形用户界面在触控显示屏上的显示。
例如，当该界面元素显示方法运行于服务器时，可以为云游戏。云游戏是指以云计算为基础的游戏方式。在云游戏的运行模式下，游戏应用程序的运行主体和游戏画面呈现主体是分离的，游戏云游戏商品互动方法的储存与运行是在云游戏服务器上完成的。而游戏画面呈现是在云游戏的客户端完成的，云游戏客户端主要用于游戏数据的接收、发送以及游戏画面的呈现，例如，云游戏客户端可以是靠近用户侧的具有数据传输功能的显示设备，如，移动终端、电视机、计算机、掌上电脑、个人数字助理等，但是进行游戏数据处理的终端设备为云端的云游戏服务器。在进行游戏时，用户操作云游戏客户端向云游戏服务器发送操作指令，云游戏服务器根据操作指令运行游戏程序，将游戏画面等数据进行编码压缩，通过网络返回云游戏客户端，最后，通过云游戏客户端进行解码并输出游戏画面。
本申请实施例中，一种界面元素显示方法，包括：确定目标应用界面对应的目标图片，目标图片用于渲染目标界面元素；若目标图片不在目标运行时图集中，将目标图片加入所述目标运行时图集中，其中，在同一时刻目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；基于目标运行时图集中的目标图片，在目标应用界面上渲染目标界面元素。
以下分别进行详细说明。需说明的是，以下实施例的描述顺序不作为对实施例优选顺序的限定。
本申请实施例将从界面元素显示装置的角度进行描述，该界面元素显示装置具体可以集成在计算机设备中。
本申请实施例提供了一种界面元素显示方法，如图1所示，本申请实施例的界面元素显示方法的具体流程主要包括步骤101至步骤103，详细说明如下：
101、确定目标应用界面对应的目标图片，目标图片用于渲染目标界面元素。
本申请实施例的界面元素显示方法可以在应用运行时将渲染对象由单张图片替换为运行时图集，提高应用界面的开发效率、优化应用的运行效率。本申请实施例的应用程序可以是运行在终端中，且包含显示界面的应用，例如，游戏应用，办公应用等。本申请以游戏应用为例进行说明，应用界面可以是例如对话界面、战斗界面等。
在本申请实施例中，一个应用程序包括至少一个应用界面，首先确定一个目标应用界面，以及该目标应用界面对应的各个图片，这些图片可以用于渲染目标应用界面上的各个界面元素。
在本申请实施例中，根据游戏设备的硬件接口规范，许多硬件对图片尺寸有特定要求，如长宽皆为4的倍数。终端需要先对各应用界面对应的原始图片进行像素扩展，也即图片尺寸的扩展，即可保证后续图片采样的正确性，也可确保符合硬件规范。首先获取用于渲染出应用程序的应用界面上的界面元素的原始图片，每个原始图片对应的原始尺寸，以及目标尺寸，其中，应用程序为目标应用界面所属的程序，目标尺寸为原始图片扩展后的尺寸。将各原始图片的尺寸从原始尺寸扩展为对应的目标尺寸，得到各原始图片对应的目标图片。
本申请实施例对原始图片进行像素扩展，也即尺寸扩展的方法有多种。可以根据在应用中对图片的不同使用方式，将原始图片边缘的一圈像素，往外扩展。其中根据原始图片在应用内的使用方式，往外扩展的方式可分为同颜色扩展，纯黑色扩展两种。以n乘n块状压缩图片为例，扩展方法可以是：先将原始图片的四周分别往外扩展一像素，再将最右边和最下边往外扩展至n的倍数为止，其余像素填充为纯黑色。其中，以一张像素为90*102的原始图片为例，设硬件设备对图片尺寸的要求为图片的长和宽均为n的倍数(以n＝6为例)，则可以将该原始图片扩展成像素为96*108。以图片的起始行列像素点为坐标原点，则原始图片内容的原始坐标范围为(0，0)到(90，102)，扩展后的图片内容的坐标范围为(0，0)到(96，108)；在当前扩展后的图片内容的坐标范围内，原图内容的坐标范围变为(1，1)到(91，103)，即在当前坐标范围的内容(1，1)到(91，103)与原始图片的内容是完全一样的。其中，上述像素扩展方法仅为示例，本申请对原始图片进行像素扩展的方式不作限制，只需要扩展后的图片满足硬件对图片尺寸的特定要求即可。
在本申请实施例中，在终端确定目标应用界面对应的目标图片后，确定原始图片的图片内容在对应的目标图片中的位置信息，基于原始尺寸、目标尺寸以及位置信息，生成目标图片对应的图片描述信息，并在终端中存储该图片描述信息，以供后续阶段使用。其中确定原始图片的图片内容在对应的目标图片中的位置信息，即确定原始图片的长度和宽度分别在对应的目标图片的长度和宽度的位置，以保证实际使用时可以在应用界面上被调整为正确的显示样式进行显示。其中，在应用内使用的图片都是扩展后的目标图片，只有在实际使用时，才将目标图片裁剪为原始图片的大小，在应用界面上显示。
102、若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片。
在本申请实施例中，在目标应用不断运行的过程中，当运行一个新打开的应用界面时，将该应用界面对应的图片列表中的所有图片合并到一个大图集上，该大图集作为目标运行时图集，即将图片列表中的图片加入目标运行时图集中；设该应用界面作为更新的目标应用界面。其中，在将所有图片加入到目标运行时图集之前，需要先确定更新的目标应用界面对应的图片列表，图片列表中的图片用于渲染更新的目标应用界面中的界面元素。然后，终端基于目标运行时图集中的各个图片，在更新的目标应用界面上渲染更新界面元素。其中，在同一时刻目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片。
本申请实施例中，在将目标图片加入目标运行时图集之前，基于目标图片，在目标应用界面上渲染对应的目标界面元素。其中，先直接使用目标图片进行渲染，可以快速进行界面元素的渲染。然后判断目标图片是否已经在目标运行时图集中，如果目标图片在目标运行时图集中，则在渲染时直接使用目标运行时图集中目标图片对应位置的图片。若目标图片不在目标运行时图集中，将目标图片加入合图线程的处理队列，合图线程用于将目标图片加入目标运行时图集，在处理完成前，目标应用界面依旧会使用原目标图片，直到处理完毕，即目标图片已经加入到目标运行时图集中，再将渲染对象由目标图片替换为目标运行时图集，在应用运行阶段，渲染批次将逐渐降低。
本申请实施例中，以目标应用界面对应的一张目标图片A为例，该图片A可以渲染出目标应用界面上的目标界面元素，其中，目标图片A是已经进行尺寸扩展的扩展后图片。在目标应用运行时，在初次使用目标图片A时，依旧采用目标图片A作为渲染对象，也即，在将目标图片A加入目标运行时图集之前，基于目标图片A，在目标应用界面上渲染对应的目标界面元素。然后判断目标图片A是否已经在目标运行时图集中，如果目标图片A在目标运行时图集中，将渲染对象由目标图片A替换为目标运行时图集，在渲染时则直接使用目标运行时图集中对应位置的图片即可。若目标图片A不在目标运行时图集中，则将目标图片A加入目标运行时图集中，其中在将目标图片A加入目标运行时图集的过程中，仍然将目标图片A作为渲染对象进行渲染，直到完成加入目标运行时图集的过程后，再将渲染对象由目标图片A替换为目标运行时图集。
其中，以目标应用界面上的界面元素1和界面元素2为例，用于渲染界面元素1的目标图片设为图片1，用于渲染界面元素2的目标图片设为图片2。在运行目标应用界面时，将目标应用界面对应的所有目标图片加入到目标运行时图集中，即将图片1与图片2分配到目标运行时图集中的对应图片区域；设用于渲染界面元素3的目标图片为图片3，若界面元素3与界面元素1相同，则图片3的内容与图片1的内容相同，则对于界面元素3，可以直接使用目标运行时图集中的图片1进行渲染。也即上述的判断目标图片是否已经在目标运行时图集中，如果目标图片在目标运行时图集中，在渲染时则直接使用目标运行时图集中对应位置的图片即可。
本申请实施例中，在目标应用界面运行时，已经预先分配好一张图集，设置目标运行时图集，该图集的尺寸也是预先设置好的。在将目标图片加入目标运行时图集之前，基于目标尺寸，在目标运行时图集中分配目标图片对应的图片区域，设置图片区域的尺寸与目标尺寸相同。其中，将目标图片加入目标运行时图集中，也即，将目标图片的图片内容填充至目标运行时图集中目标图片对应的图片区域。
本申请实施例中，在运行目标应用界面时，若目标图片不在目标运行时图集中，将目标图片发送至后台运行的一条线程，设为合图线程，触发该合图线程将目标图片加入目标运行时图集中，并在加入后通知使用目标图片的应用线程基于目标运行时图集渲染需要目标图片的界面元素。其中，触发该合图线程将目标图片加入目标运行时图集中，即触发合图线程根据目标图片信息，在预分配的目标运行时图集上，为目标图片分配对应的图片区域，并将目标图片的内容填充至对应的图片区域。其中，线程是操作系统能够进行运算调度的最小单位，被包含在进程之中，是进程中的实际运作单位，一条线程指的是进程中一个单一顺序的控制流，一个进程中可以并发多个线程，每条线程并行执行不同的任务；本申请实施例中包括由有合图线程、应用线程。
本申请实施例中，在将目标图片加入目标运行时图集之前，获取目标图片对应的目标界面元素的显示状态；若目标界面元素处于可见状态，则将目标图片加入目标运行时图集中；若目标界面元素处于不可见状态，则当目标界面元素需要转变为可见状态时，将目标图片加入目标运行时图集中。其中，目标界面元素的显示状态分为可见状态和不可见状态。目标界面元素为不可见状态，是指该目标界面元素被界面设计工程师设置成不可见状态或在一定条件下才可以在应用界面上显示，此时，只需要记录该目标图片的图片描述信息，不需要将该目标图片加入到目标运行时图集中；当该目标界面元素由不可见状态变为可见状态时，再将对应的目标图片加入到目标运行时图集中。目标界面元素为可见状态，是指该目标界面元素在应用界面是用户可见的，则此时将对应的目标图片加入到目标运行时图集中。
103、基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
在本申请实施例中，在目标应用运行时，将对应的所有目标图片加入到目标运行时图集中，此时显卡的渲染对象由目标图片替换为目标运行时图集，终端基于目标运行时图集对目标应用界面进行渲染。
其中，终端基于目标运行时图集对目标应用界面进行渲染，是指终端基于目标运行时图集中的目标图片，在目标应用界面上渲染目标界面元素。在渲染目标界面元素之前，终端运行目标应用界面对应的应用线程，加载目标图片，然后基于该目标图片对应的图片描述信息，确定出目标图片的渲染区域；其中目标图片的渲染区域即为包含有原始图片内容的区域，可以根据图片描述信息中的目标尺寸，原始尺寸和原始图片在目标图片中的位置信息，确定出包含原始图片内容的渲染区域，以保证图片显示的正确性，即保证在应用界面上渲染出的界面元素所显示内容的正确性。
在本申请实施例中，终端基于目标运行时图集中的目标图片，在目标应用界面上渲染目标界面元素的具体步骤包括：在将目标图片的内容填充至目标运行时图集中分配好的图片区域后，设置该图片区域对应的显卡设置内容，例如图形顶点、索引、贴图、着色器等；在将该目标运行时图集中的每个图片区域分别对应的显卡设置内容都设置完成后，基于该目标运行时图集的各个目标图片，渲染出对应的目标界面元素。其中，同一时刻的目标运行时图集中填充的图片均为渲染同一应用界面的界面元素所需的图片。
本申请实施例中，在目标应用不断运行的过程中，每个新打开的目标应用界面，对应的图片均放入目标运行时图集中，若关闭该目标应用界面，在目标运行时图集中删除该目标应用界面对应的目标图片。因此，在一个应用界面运行时，其对应的所有目标图片均会加入到目标运行时图集中，在该目标运行时图集中也只会包含有该正在运行的应用界面所对应的目标图片。其中，在目标应用运行时，会分配一个目标运行时图集，在不断打开新的应用界面的过程中，目标运行时图集中的填充内容也在不断更新；由于目标运行时图集的尺寸大小是预先设置好的，其容量是有限的，在为目标应用界面对应的目标图片分配对应的图片区域时，需要有加有减的进行维护。
在一些实施例中，界面元素显示方法可以包括界面设计阶段、离线预处理阶段和应用运行阶段。在界面设计阶段，界面设计工程师无需关注图集合并的任何问题，以小图作为设计对象正常工作。在离线预处理阶段，对应用界面对应的原始图片进行像素扩展，得到扩展后的图片，也即上述实施例中的目标图片。在对图片进行扩展后，有两个作用，其一是可以保证扩展后的图片满足显卡要求，例如扩展后的图片的长和宽均为6的倍数；其二是保证图片显示的正确性，由于图片的一个像素，对应到显示器上，并不一定也是一个像素，因此显示器上的一个像素，实际上可能是按比例混合图片对应像素的上下左右像素得到的，当图片是小图的时候，边缘是没有东西的，也就不会混合错，但当它变成大图的时候，边缘外是有别的图的，所以需要对小图进行扩展，保证扩展后的小图做混合后依旧能得到正确的结果。在应用运行阶段，在应用初次使用某张图片时，依旧采用该图片作为渲染对象，同时将该图片加入到目标运行时图集中，在图片合并完成后，通知应用线程，将渲染对象由该图片替换为目标运行时图集，从而达到降低渲染批次的目的。
请参阅图2，图2为本申请实施例提供的一种图片预处理方法的流程示意图。如图2所示，在预处理开始后，包括：终端获取每个目标应用界面的界面工程文件以及图片资源文件，其中，一个目标应用具有至少一个应用界面，一个应用界面包括至少一个界面工程，每个界面工程具有对应的一个图片列表。扫描界面工程文件，可以得到每个界面工程所用到的图片列表，进而得到每个应用界面所用到的图片列表。
在本申请实施例中，目标应用界面的界面工程文件中存储有该目标应用中各个界面的属性数据。例如，界面名称，界面中所包含的子界面的数量以及子界面的来源地址，每个界面所用到的图片列表等信息。在示例性的实施例中，上述图片资源文件是指该目标应用的各个界面中所显示的图片，可以从专门用于存储图片的图片资源文件中获取该图片资源文件。
示例性的，在对原始图片进行像素扩展，将扩展后的图片加入到目标运行时图集之前，还包括：确定图片资源合法。具体的，可以通过扫描图片资源文件夹的方式来确定图片资源的合法性。例如，检查该应用的图片资源文件所涉及的图片是否存在、命名是否符合开发规范、图片格式是否符合开发规范、图片是否己压缩，以及图片是否已清空元信息等。从而确保后续用于加入运行时图集的图片为合法的，进而提升各个应用界面的渲染质量。
如图2所示，在检查图片合法性之后，对应用界面对应的原始图片进行预处理，具体的，可以根据游戏将发售的平台及所需图片质量对图片进行预处理。其中，在设计师制作阶段，无需关注图片的大小，即对图片的长宽倍数无任何要求。在图片预处理阶段，根据游戏中对图片的不同使用方式，对应用界面对应的原始图片进行像素扩展，以满足硬件对图片尺寸的特定要求。在对原始图片的像素扩展完成后，得到扩展后的目标图片的尺寸大小，基于原始图片的尺寸大小，目标图片的尺寸大小，以及原始图片在目标图片中的位置信息，生成目标图片对应的图片描述信息，也即图片预处理信息，并在终端中存储图片预处理信息，以供后续阶段使用。
请参阅图3，图3为本申请实施例提供的一种图集合并方法的流程示意图。其中，图集合并方法也即将多个目标图片加入目标运行时图集中，合并为一张大的图集的方法。如图3所示，本申请实施例以游戏应用为例，运行游戏线程，加载游戏应用的一目标应用界面。以一目标图片B为例，目标图片B为扩展后的图片。在运行目标应用界面时，判断目标图片B是否已经合入目标运行时图集，如果目标图片B已经加入目标运行时图集中，则在渲染时直接使用目标运行时图集中对应位置的图片。如果目标图片B没有加入目标运行时图集，则加载目标图片B，判断此时使用目标图片B的游戏内组件，也即界面元素的显示状态，如果处于可见状态，将目标图片B加入到目标运行时图集中；如果处于不可见状态，则等待该界面元素由不可见状态变为可见状态时，将目标图片B加入到目标运行时图集中。其中，将目标图片B加入到目标运行时图集中的具体步骤包括：将目标图片B的信息发送至后台运行的一条合图线程，由合图线程将目标图片B的内容填充至目标运行时图集中。在接收到合图线程的图片合并完毕的消息后，终端将渲染对象由目标图片B替换为目标运行时图集，使用该目标运行时图集对目标应用界面进行渲染。可见，本申请实施例不需要依次对多张图片进行渲染，而是直接使用目标运行时图集一次性进行渲染，可以大幅降低应用实际运行时的渲染批次；并且，由于本申请实施例是在应用运行时，动态的将目标应用界面对应的目标图片加入目标运行时图集中，可以提升应用的运行效率。
请参阅图4，图4为本申请实施例提供的一种合图线程运行的流程示意图。如图4所示，合图线程运行，等待接收合图信息，即接收需要加入目标运行时图集的目标图片的信息，合图线程根据目标图片的尺寸大小，在预先分配的目标运行时图集上，为各目标图片分配对应的图片区域，目标图片对应的图片区域的大小与目标图片的尺寸大小相同，并将目标图片的内容填充至对应的图片区域中。在合图完毕后，发送合图完毕信息至应用线程。
本申请实施例提供的界面元素显示方法，可以确定目标应用界面对应的目标图片，目标图片用于渲染目标界面元素；若目标图片不在目标运行时图集中，将目标图片加入目标运行时图集中，其中，在同一时刻目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；基于目标运行时图集中的目标图片，在目标应用界面上渲染目标界面元素。由此，相对于现有技术中对多张图片分别进行渲染，使得过多的渲染批次极大影响游戏的性能，增加游戏的耗电，本申请实施例在应用界面运行时，通过将对应的目标图片加入目标运行时图集中，将应用运行时的渲染对象由目标图片替换为目标运行时图集，利用目标运行时图集来渲染对应的应用界面，不仅有效降低了渲染批次，并且提高了界面开发效率，优化应用运行效率，降低了应用运行时的耗电。相对于现有技术的预处理图集合并方式，本方案在应用运行时，渲染批次将随着合图线程的工作在数秒内逐渐降低，并且完全避免了预处理进行图集合并的各种问题，例如过多的无关子图片占据显卡内存与带宽，造成不必要的浪费以及造成界面加载时间的增加等，本方案对游戏性能几乎没有影响。
为了更好地实施以上方法，相应的，本申请实施例还提供一种界面元素显示装置，该界面元素显示装置具体可以集成在计算机设备中，例如以终端的形式。
参考图5，图5为本申请实施例提供的界面元素显示装置的结构示意图。该界面元素显示装置包括确定单元501、加入单元502和渲染单元503，如下：
确定单元501，用于确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；
加入单元502，用于若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；
渲染单元503，用于基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
在一个可选的实施例中，所述确定单元501，还包括：
获取用于渲染出应用程序的应用界面上的界面元素的原始图片，每个原始图片对应的原始尺寸以及目标尺寸，其中，所述应用程序为所述目标应用界面所属的程序；
将各所述原始图片的尺寸从所述原始尺寸扩展为对应的目标尺寸，得到各所述原始图片对应的目标图片。
在一个可选的实施例中，所述确定单元501，还包括：
确定所述原始图片的图片内容在对应的目标图片中的位置信息；
基于所述原始尺寸、所述目标尺寸以及所述位置信息，生成所述目标图片对应的图片描述信息。
在一个可选的实施例中，所述渲染单元503，还包括：
运行所述目标应用界面对应的应用线程，加载所述目标图片；
基于所述图片描述信息，确定出所述目标图片的渲染区域。
在一个可选的实施例中，所述加入单元502，还包括：
基于所述目标尺寸，在所述目标运行时图集中分配所述目标图片对应的图片区域，所述图片区域的尺寸与所述目标尺寸相同；
所述加入单元502，还包括：
将所述目标图片的图片内容填充至所述目标运行时图集中所述目标图片对应的图片区域。
在一个可选的实施例中，所述渲染单元503，还包括：
若所述目标图片在所述目标运行时图集中，基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
在一个可选的实施例中，还包括：
确定更新的目标应用界面对应的图片列表，所述图片列表中的图片用于渲染所述更新的目标应用界面中的更新界面元素；
在运行所述更新的目标应用界面时，将所述图片列表中的图片加入所述目标运行时图集中；
基于所述目标运行时图集中的各所述图片，在所述更新的目标应用界面上渲染所述更新界面元素。
在一个可选的实施例中，所述加入单元502，还包括：
基于所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
在一个可选的实施例中，所述加入单元502，还包括：
在运行所述目标应用界面时，若所述目标图片不在所述目标运行时图集中，将所述目标图片发送至合图线程，触发所述合图线程将所述目标图片加入所述目标运行时图集中，并在加入后通知使用所述目标图片的应用线程基于所述目标运行时图集渲染需要目标图片的界面元素。
在一个可选的实施例中，所述加入单元502，还包括：
获取所述目标图片对应的目标界面元素的显示状态；
若所述目标界面元素处于可见状态，则将所述目标图片加入所述目标运行时图集中；
若所述目标界面元素处于不可见状态，则当所述目标界面元素需要转变为可见状态时，将所述目标图片加入所述目标运行时图集中。
在一个可选的实施例中，还包括：
若所述目标应用界面关闭，在所述目标运行时图集中删除所述目标应用界面对应的目标图片。
上述所有的技术方案，可以采用任意结合形成本申请的可选实施例，在此不再一一赘述。
本申请实施例提供的界面元素显示装置，当确定单元501确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；之后，当加入单元502若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；最后，渲染单元503基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
相应的，本申请实施例还提供一种终端，该终端可以为智能手机、平板电脑、笔记本电脑、触控屏幕、游戏机、个人计算机(PC，Personal Computer)、个人数字助理(PersonalDigital Assistant，PDA)等计算机设备。如图6所示，图6为本申请实施例提供的终端600的结构示意图。该终端600包括有一个或者一个以上处理核心的处理器601、有一个或一个以上计算机可读存储介质的存储器602及存储在存储器602上并可在处理器上运行的计算机程序。其中，处理器601与存储器602电性连接。本领域技术人员可以理解，图中示出的终端600结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
处理器601是终端600的控制中心，利用各种接口和线路连接整个终端600的各个部分，通过运行或加载存储在存储器602内的软件程序和/或模块，以及调用存储在存储器602内的数据，执行终端600的各种功能和处理数据，从而对终端600进行整体监控。
在本申请实施例中，终端600中的处理器601会按照如下的步骤，将一个或一个以上的应用程序的进程对应的指令加载到存储器602中，并由处理器601来运行存储在存储器602中的应用程序，从而实现各种功能：
确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
以上各个操作的具体实施可参见前面的实施例，在此不再赘述。
可选的，如图6所示，终端600还包括：触控显示屏603、射频电路604、音频电路605、输入单元606以及电源607。其中，处理器601分别与触控显示屏603、射频电路604、音频电路605、输入单元606以及电源607电性连接。本领域技术人员可以理解，图6中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
触控显示屏603可用于显示图形用户界面以及接收用户作用于图形用户界面产生的操作指令。触控显示屏603可以包括显示面板和触控面板。其中，显示面板可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，Organic Light-Emitting Diode)等形式来配置显示面板。触控面板可用于收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)，并生成相应的操作指令，且操作指令执行对应程序。可选的，触控面板可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器601，并能接收处理器601发来的命令并加以执行。触控面板可覆盖显示面板，当触控面板检测到在其上或附近的触摸操作后，传送给处理器601以确定触摸事件的类型，随后处理器601根据触摸事件的类型在显示面板上提供相应的视觉输出。在本发明实施例中，可以将触控面板与显示面板集成到触控显示屏603而实现输入和输出功能。但是在某些实施例中，触控面板与触控面板可以作为两个独立的部件来实现输入和输出功能。即触控显示屏603也可以作为输入单元606的一部分实现输入功能。
射频电路604可用于收发射频信号，以通过无线通信与网络设备或其他终端建立无线通讯，与网络设备或其他终端之间收发信号。
音频电路605可以用于通过扬声器、传声器提供用户与终端之间的音频接口。音频电路605可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路605接收后转换为音频数据，再将音频数据输出处理器601处理后，经射频电路604以发送给比如另一终端，或者将音频数据输出至存储器602以便进一步处理。音频电路605还可能包括耳塞插孔，以提供外设耳机与终端的通信。
输入单元606可用于接收输入的数字、字符信息或用户特征信息(例如指纹、虹膜、面部信息等)，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。
电源607用于给终端600的各个部件供电。可选的，电源607可以通过电源管理系统与处理器601逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源607还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管图6中未示出，终端600还可以包括摄像头、传感器、无线保真模块、蓝牙模块等，在此不再赘述。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
由上可知，本实施例提供的终端，可以确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。本申请实施例提供的界面元素显示方法可以提升应用程序的运行效率，降低应用实际运行时的渲染批次。
本领域普通技术人员可以理解，上述实施例的各种方法中的全部或部分步骤可以通过指令来完成，或通过指令控制相关的硬件来完成，该指令可以存储于一计算机可读存储介质中，并由处理器进行加载和执行。
为此，本申请实施例提供一种计算机可读存储介质，其中存储有多条计算机程序，该计算机程序能够被处理器进行加载，以执行本申请实施例所提供的任一种界面元素显示方法中的步骤。例如，该计算机程序可以执行如下步骤：
确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
以上各个操作的具体实施可参见前面的实施例，在此不再赘述。
其中，该存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、磁盘或光盘等。
以上对本申请实施例所提供的一种界面元素显示方法、装置、终端及存储介质进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。
Claims (14)
1.一种界面元素显示方法，其特征在于，包括：
确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；
若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；
基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
2.根据权利要求1所述的界面元素显示方法，其特征在于，在所述确定目标应用界面对应的目标图片之前，还包括：
获取用于渲染出应用程序的应用界面上的界面元素的原始图片，每个原始图片对应的原始尺寸以及目标尺寸，其中，所述应用程序为所述目标应用界面所属的程序；
将各所述原始图片的尺寸从所述原始尺寸扩展为对应的目标尺寸，得到各所述原始图片对应的目标图片。
3.根据权利要求2所述的界面元素显示方法，其特征在于，在所述确定目标应用界面对应的目标图片之后，还包括：
确定所述原始图片的图片内容在对应的目标图片中的位置信息；
基于所述原始尺寸、所述目标尺寸以及所述位置信息，生成所述目标图片对应的图片描述信息。
4.根据权利要求3所述的界面元素显示方法，其特征在于，在所述基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素之前，还包括：
运行所述目标应用界面对应的应用线程，加载所述目标图片；
基于所述图片描述信息，确定出所述目标图片的渲染区域。
5.根据权利要求2所述的界面元素显示方法，其特征在于，在所述若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中之前，还包括：
基于所述目标尺寸，在所述目标运行时图集中分配所述目标图片对应的图片区域，所述图片区域的尺寸与所述目标尺寸相同；
所述将所述目标图片加入所述目标运行时图集中，包括：
将所述目标图片的图片内容填充至所述目标运行时图集中所述目标图片对应的图片区域。
6.根据权利要求1所述的界面元素显示方法，其特征在于，在所述确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素之后，还包括：
若所述目标图片在所述目标运行时图集中，基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
7.根据权利要求1所述的界面元素显示方法，其特征在于，还包括：
确定更新的目标应用界面对应的图片列表，所述图片列表中的图片用于渲染所述更新的目标应用界面中的更新界面元素；
在运行所述更新的目标应用界面时，将所述图片列表中的图片加入所述目标运行时图集中；
基于所述目标运行时图集中的各所述图片，在所述更新的目标应用界面上渲染所述更新界面元素。
8.根据权利要求1所述的界面元素显示方法，其特征在于，在所述将所述目标图片加入所述目标运行时图集中之前，还包括：
基于所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
9.根据权利要求1所述的界面元素显示方法，其特征在于，所述若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，包括：
在运行所述目标应用界面时，若所述目标图片不在所述目标运行时图集中，将所述目标图片发送至合图线程，触发所述合图线程将所述目标图片加入所述目标运行时图集中，并在加入后通知使用所述目标图片的应用线程基于所述目标运行时图集渲染需要目标图片的界面元素。
10.根据权利要求1所述的界面元素显示方法，其特征在于，在所述若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中之前，还包括：
获取所述目标图片对应的目标界面元素的显示状态；
若所述目标界面元素处于可见状态，则将所述目标图片加入所述目标运行时图集中；
若所述目标界面元素处于不可见状态，则当所述目标界面元素需要转变为可见状态时，将所述目标图片加入所述目标运行时图集中。
11.根据权利要求1-10任一项所述的界面元素显示方法，其特征在于，还包括：
若所述目标应用界面关闭，在所述目标运行时图集中删除所述目标应用界面对应的目标图片。
12.一种界面元素显示装置，其特征在于，包括：
确定单元，用于确定目标应用界面对应的目标图片，所述目标图片用于渲染目标界面元素；
加入单元，用于若所述目标图片不在目标运行时图集中，将所述目标图片加入所述目标运行时图集中，其中，在同一时刻所述目标运行时图集中填充的图片为渲染同一应用界面的界面元素所需的图片；
渲染单元，用于基于所述目标运行时图集中的所述目标图片，在所述目标应用界面上渲染所述目标界面元素。
13.一种终端，其特征在于，包括存储器，处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，所述处理器执行所述计算机程序时实现如权利要求1-11任一项所述界面元素显示方法的步骤。
14.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1-11任一项所述界面元素显示方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110880170.3A CN113713375B (zh) | 2021-08-02 | 一种界面元素显示方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110880170.3A CN113713375B (zh) | 2021-08-02 | 一种界面元素显示方法、装置、终端及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113713375A true CN113713375A (zh) | 2021-11-30 |
| CN113713375B CN113713375B (zh) | 2024-07-09 |
Family
ID=
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103077036A (zh) * | 2013-01-29 | 2013-05-01 | 北京小米科技有限责任公司 | 一种处理界面的方法及装置 |
| CN106941567A (zh) * | 2017-03-27 | 2017-07-11 | 广州优视网络科技有限公司 | 显示网络图片的方法、装置以及用户终端 |
| CN106951067A (zh) * | 2017-02-13 | 2017-07-14 | 歌尔科技有限公司 | 一种虚拟现实场景的生成方法及设备 |
| WO2017124961A1 (zh) * | 2016-01-21 | 2017-07-27 | 阿里巴巴集团控股有限公司 | 一种界面处理方法、装置和智能终端 |
| WO2018072652A1 (zh) * | 2016-10-17 | 2018-04-26 | 腾讯科技（深圳）有限公司 | 视频处理方法、视频处理装置及存储介质 |
| CN109646955A (zh) * | 2018-12-20 | 2019-04-19 | 网易（杭州）网络有限公司 | 游戏界面生成方法、装置和存储介质 |
| CN110196746A (zh) * | 2019-05-30 | 2019-09-03 | 网易（杭州）网络有限公司 | 交互界面渲染方法及装置、电子设备、存储介质 |
| CN110597512A (zh) * | 2019-08-23 | 2019-12-20 | 华为技术有限公司 | 显示用户界面的方法及电子设备 |
| CN110928397A (zh) * | 2019-11-21 | 2020-03-27 | 腾讯科技（深圳）有限公司 | 用户界面刷新方法、装置、存储介质及电子装置 |
| CN111026493A (zh) * | 2019-12-10 | 2020-04-17 | 网易（杭州）网络有限公司 | 界面渲染的处理方法和装置 |
| CN111611031A (zh) * | 2019-02-26 | 2020-09-01 | 华为技术有限公司 | 一种图形绘制方法和电子设备 |
| CN112870704A (zh) * | 2021-03-18 | 2021-06-01 | 腾讯科技（深圳）有限公司 | 一种游戏数据处理方法、装置及存储介质 |
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103077036A (zh) * | 2013-01-29 | 2013-05-01 | 北京小米科技有限责任公司 | 一种处理界面的方法及装置 |
| WO2017124961A1 (zh) * | 2016-01-21 | 2017-07-27 | 阿里巴巴集团控股有限公司 | 一种界面处理方法、装置和智能终端 |
| WO2018072652A1 (zh) * | 2016-10-17 | 2018-04-26 | 腾讯科技（深圳）有限公司 | 视频处理方法、视频处理装置及存储介质 |
| CN106951067A (zh) * | 2017-02-13 | 2017-07-14 | 歌尔科技有限公司 | 一种虚拟现实场景的生成方法及设备 |
| CN106941567A (zh) * | 2017-03-27 | 2017-07-11 | 广州优视网络科技有限公司 | 显示网络图片的方法、装置以及用户终端 |
| WO2018176960A1 (zh) * | 2017-03-27 | 2018-10-04 | 广州优视网络科技有限公司 | 显示网络图片的方法、装置以及用户终端 |
| CN109646955A (zh) * | 2018-12-20 | 2019-04-19 | 网易（杭州）网络有限公司 | 游戏界面生成方法、装置和存储介质 |
| CN111611031A (zh) * | 2019-02-26 | 2020-09-01 | 华为技术有限公司 | 一种图形绘制方法和电子设备 |
| WO2020173371A1 (zh) * | 2019-02-26 | 2020-09-03 | 华为技术有限公司 | 一种图形绘制方法和电子设备 |
| CN110196746A (zh) * | 2019-05-30 | 2019-09-03 | 网易（杭州）网络有限公司 | 交互界面渲染方法及装置、电子设备、存储介质 |
| CN110597512A (zh) * | 2019-08-23 | 2019-12-20 | 华为技术有限公司 | 显示用户界面的方法及电子设备 |
| CN110928397A (zh) * | 2019-11-21 | 2020-03-27 | 腾讯科技（深圳）有限公司 | 用户界面刷新方法、装置、存储介质及电子装置 |
| CN111026493A (zh) * | 2019-12-10 | 2020-04-17 | 网易（杭州）网络有限公司 | 界面渲染的处理方法和装置 |
| CN112870704A (zh) * | 2021-03-18 | 2021-06-01 | 腾讯科技（深圳）有限公司 | 一种游戏数据处理方法、装置及存储介质 |
Non-Patent Citations (2)
| Title |
|---|
| 孙玮伯;吕健;虞杰;张文召;: "基于HTC Vive的VR界面元素编码研究", 包装工程, no. 10 * |
| 孙辛欣;李世国;靳文奎: "电子商务网站搜索界面的目标导向设计研究", 包装工程, vol. 33, no. 024 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113368492B (zh) | 渲染的方法、装置 | |
| CN111737019B (zh) | 一种显存资源的调度方法、装置及计算机存储介质 | |
| CN108173742B (zh) | 一种图像数据处理方法、装置 | |
| EP3779690A1 (en) | Processor core scheduling method and apparatus, terminal, and storage medium | |
| CN112257135A (zh) | 一种基于多线程的模型加载方法、装置、存储介质及终端 | |
| US20210216177A1 (en) | Navigation bar controlling method and terminal | |
| CN111127469A (zh) | 缩略图显示方法、装置、存储介质以及终端 | |
| CN110045958B (zh) | 纹理数据生成方法、装置、存储介质及设备 | |
| CN114327087A (zh) | 输入事件处理方法、装置、电子设备和存储介质 | |
| CN112163174B (zh) | 消息的显示方法、装置、存储介质及计算机设备 | |
| CN114115673A (zh) | 车载屏幕的控制方法 | |
| CN114222003A (zh) | 服务调用方法、系统、装置、设备及存储介质 | |
| CN113778593A (zh) | 云桌面控制方法、装置、电子设备、存储介质及程序产品 | |
| CN113713375B (zh) | 一种界面元素显示方法、装置、终端及存储介质 | |
| CN113713375A (zh) | 一种界面元素显示方法、装置、终端及存储介质 | |
| CN115761091A (zh) | 游戏画面渲染方法、装置、电子设备和存储介质 | |
| US9225818B2 (en) | Mobile terminal | |
| CN111913711B (zh) | 视频渲染方法和装置 | |
| CN114416234B (zh) | 一种页面切换方法、装置、计算机设备及存储介质 | |
| CN111813574A (zh) | 图片压缩方法、装置、存储介质和电子设备 | |
| US12026421B2 (en) | Screen sharing method, apparatus, and device, and storage medium | |
| US20230049197A1 (en) | Screen sharing method, apparatus, and device, and storage medium | |
| CN114100117B (zh) | 游戏加载方法、装置、计算机设备及存储介质 | |
| CN112783860B (zh) | 构造镜像数据库的方法、装置、存储介质及计算机设备 | |
| CN117899472A (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 |