在界面中显示组件的方法及装置的制造方法
【专利摘要】本发明公开了一种在界面中显示组件的方法及装置。其中，组件的组件子项的总数量大于组件中处于显示区域内的组件子项的数量。该方法包括：在界面上的组件被移动之前，对组件中，处于显示区域之外的组件子项，进行界面元素的预加载，在界面上的组件被移动时，对从显示区域之外进入显示区域的组件子项，进行界面元素的渲染，从而减少了组件子项进入显示区域时对界面元素加载的等待，提升了界面响应速度。
【专利说明】
在界面中显示组件的方法及装置
技术领域
[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]以下结合附图对本发明的【具体实施方式】进行详细说明。应当理解的是，此处所描述的【具体实施方式】仅用于说明和解释本发明，并不用于限制本发明。
[0025]图1是根据一示例性实施例示出的实施环境示意图。如图1所示，该实施环境可以包括:移动设备110。移动设备110可以是手机、平板电脑等移动设备。在图1中，移动设备110以手机为例来示意。一种应用场景中，移动设备110上运行有界面中包括列表组件120的应用。其中，该列表组件120包括处于显示区域内的列表项01?08、以及预留的一些列表项al、a2、a3、bl、b2、b3。该列表组件120的列表项的总数量大于该列表组件120中处于显示区域内的列表项的数量。在图1中，预留的列表项al、a2、a3、bl、b2、b3以虚线绘制，以表不这些列表项处于显示区域之外，并未在界面显示。
[0026]图2是根据本发明一示例性实施例示出的在界面中显示组件的方法的流程图。其中，所述组件的组件子项的总数量大于所述组件中处于显示区域内的组件子项的数量。例如，该方法可以应用于图1所示的移动设备110。如图2所示，该方法可以包括:
[0027]在步骤210中，在界面上的所述组件被移动之前，对所述组件中，处于显示区域之外的组件子项，进行界面元素的预加载。
[0028]其中，所述组件可以为Google直接发布的原生组件，也就是没有经过运营商，或者手机制造商处理过的系统提供的组件。例如，本发明实施例所述组件可以为原生列表组件，根据本发明实施例提供的方法，可以对原生列表组件进行列表项的扩展，从而可以使列表组件预留出一部分处于显示区域之外的列表项。
[0029]—种可能的实施方式中，可以在界面上的所述组件被移动之前，根据用户的操作，预测所述组件的移动方向，根据预测的移动方向，确定即将进入显示区域的组件子项，对所述即将进入显示区域的组件子项进行界面元素的预加载。结合图1所示实施环境，假设移动设备110为触摸屏手机，则可以分析用户手势操作以及加速度确定出即将进入显示区域的列表项。假设用户之前向下翻动列表组件120，则可以确定即将进入显示区域的列表项为列表项a3。通过该实施方式，可以根据用户实际使用，对进行预加载的组件子项进行准确判断，避免大量额外组件子项被执行界面元素的预加载，节省存储空间。
[0030]其中，进行界面元素的预加载可以由后台线程异步执行。所述界面元素例如可以包括:文本、图标等等。
[0031]在步骤220中，在界面上的所述组件被移动时，对从显示区域之外进入显示区域的所述组件子项，进行界面元素的渲染。
[0032]—种可能的实施方式中，还可以对所述组件进行预设类型资源的懒加载，从而进一步提高界面响应速度。例如，可以对所述组件进行图片资源的懒加载。例如，如果在组件子项进入显示区域时，需要展示的图片还未加载完成，则可以先加载较容易加载的、预置默认图片进行显示，待需要展示的图片加载完成，再以需要展示的图片替代预置默认图片进行显示。
[0033]—种可能的实施方式中，还可以根据用户对预留组件子项数量的设置，在所述组件中，设置相应数量的、处于显示区域外的组件子项。例如，如图1所示，原生列表组件原始包括处于显示区域内的八个子项，则通过该设置，可以预留出处于显示区域外的六个子项。通过该实施方式，可以更加灵活地根据实际需要来优化组件的性能。
[0034]可见，通过本发明实施例，减少了组件子项进入显示区域时对界面元素加载的等待，提升了界面响应速度。尤其对于资源比较紧张的移动终端来说，应用本发明实施例提供的方法可以提高移动终端界面响应速度，提高用户体验。
[0035]下面，结合上述各实施例，对本发明一种可能的实施方式进行详细介绍。
[0036]图3是根据本发明另一示例性实施例示出的在界面中显示组件的方法的流程图。其中，所述组件为列表组件，所述组件子项为所述列表组件的列表项。所述列表组件的列表项的总数量大于所述组件中处于显示区域内的列表项的数量。例如，该方法可以应用于图1所示的移动设备110。如图3所示，该方法可以包括:
[0037]在步骤300中，根据用户对预留列表项数量的设置，在列表组件中，设置相应数量的、处于显示区域外的列表项。
[0038]在步骤310中，在界面上的列表组件被移动之前，根据用户的操作，预测列表组件的移动方向。
[0039]在步骤311中，根据预测的移动方向，确定即将进入显示区域的列表项。
[0040]在步骤312中，对即将进入显示区域的列表项进行界面元素的预加载。
[0041]例如，由于列表组件中各个列表项中具有共同的一些界面元素，已经显示的一些列表项已经将这些共同的界面元素放入了缓存，因此，可以从缓存中读取出这些共同的界面元素预加载到即将进入显示区域的列表项。
[0042]在步骤313中，在界面上的列表组件被移动时，进行图片资源的懒加载。
[0043]在步骤320中，在界面上的列表组件被移动时，对从显示区域之外进入显示区域的列表项，进行界面元素的渲染。
[0044]可见，通过本发明实施例，减少了列表项进入显示区域时对界面元素加载的等待，提升了界面响应速度。
[0045]图4是根据本发明一示例性实施例示出的在界面中显示组件的装置400的框图。其中，所述组件的组件子项的总数量大于所述组件中处于显示区域内的组件子项的数量。例如，该装置可以配置于图1所示的移动设备110。如图4所示，该装置可以包括:预加载模块410、渲染模块420。
[0046]该预加载模块410，可以被配置为在界面上的所述组件被移动之前，对所述组件中，处于显示区域之外的组件子项，进行界面元素的预加载。
[0047]该渲染模块420，可以被配置为在界面上的所述组件被移动时，对从显示区域之外进入显示区域的所述组件子项，进行界面元素的渲染。
[0048]可见，通过本发明实施例，减少了组件子项进入显示区域时对界面元素加载的等待，提升了界面响应速度。
[0049]图5是根据本发明另一示例性实施例示出的在界面中显示组件的装置400的框图。该装置中，所述预加载模块410可以包括:预测子模块411、组件确定子模块412、预加载子模块 413。
[0050]该预测子模块411，可以被配置为在界面上的所述组件被移动之前，根据用户的操作，预测所述组件的移动方向。
[0051]该组件确定子模块412，可以被配置为根据预测的移动方向，确定即将进入显示区域的组件子项。
[0052]该预加载子模块413，可以被配置为对所述即将进入显示区域的组件子项进行界面元素的预加载。
[0053]通过该实施方式，可以根据用户实际使用，对进行预加载的组件子项进行准确判断，避免大量额外组件子项被执行界面元素的预加载，节省存储空间。
[0054]一种可能的实施方式中，如图5所示，该装置还可以包括:懒加载模块430，可以被配置为对所述组件，进行预设类型资源的懒加载，从而进一步提高界面响应速度。
[0055]另一种可能的实施方式中，如图5所示，该装置还可以包括:预留设置模块440，可以被配置为根据用户对预留组件子项数量的设置，在所述组件中，设置相应数量的、处于显示区域外的组件子项。通过该实施方式，可以更加灵活地根据实际需要来优化组件的性能。
[0056]以上结合附图详细描述了本发明的优选实施方式，但是，本发明并不限于上述实施方式中的具体细节，在本发明的技术构思范围内，可以对本发明的技术方案进行多种简单变型，这些简单变型均属于本发明的保护范围。
[0057]另外需要说明的是，在上述【具体实施方式】中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合。为了避免不必要的重复，本发明对各种可能的组合方式不再另行说明。
[0058]此外，本发明的各种不同的实施方式之间也可以进行任意组合，只要其不违背本发明的思想，其同样应当视为本发明所公开的内容。
【主权项】
1.一种在界面中显示组件的方法，其特征在于，所述组件的组件子项的总数量大于所述组件中处于显示区域内的组件子项的数量，所述方法包括: 在界面上的所述组件被移动之前，对所述组件中，处于显示区域之外的组件子项，进行界面元素的预加载； 在界面上的所述组件被移动时，对从显示区域之外进入显示区域的所述组件子项，进行界面元素的渲染。2.根据权利要求1所述的方法，其特征在于，所述在界面上的所述组件被移动之前，对所述组件中，处于显示区域之外的组件子项，进行界面元素的预加载包括: 在界面上的所述组件被移动之前，根据用户的操作，预测所述组件的移动方向； 根据预测的移动方向，确定即将进入显示区域的组件子项； 对所述即将进入显示区域的组件子项进行界面元素的预加载。3.根据权利要求1所述的方法，其特征在于，所述在界面上的所述组件被移动之前，对所述组件中，处于显示区域之外的组件子项，进行界面元素的预加载由后台线程异步执行。4.根据权利要求1所述的方法，其特征在于，所述方法还包括: 对所述组件，进行预设类型资源的懒加载。5.根据权利要求1所述的方法，其特征在于，所述方法还包括: 根据用户对预留组件子项数量的设置，在所述组件中，设置相应数量的、处于显示区域外的组件子项。6.根据权利要求1-5任一项所述的方法，其特征在于，所述组件为列表组件，所述组件子项为所述列表组件的列表项。7.—种在界面中显示组件的装置，其特征在于，所述组件的组件子项的总数量大于所述组件中处于显示区域内的组件子项的数量，所述装置包括: 预加载模块，被配置为在界面上的所述组件被移动之前，对所述组件中，处于显示区域之外的组件子项，进行界面元素的预加载； 渲染模块，被配置为在界面上的所述组件被移动时，对从显示区域之外进入显示区域的所述组件子项，进行界面元素的渲染。8.根据权利要求7所述的装置，其特征在于，所述预加载模块包括: 预测子模块，被配置为在界面上的所述组件被移动之前，根据用户的操作，预测所述组件的移动方向； 组件确定子模块，被配置为根据预测的移动方向，确定即将进入显示区域的组件子项； 预加载子模块，被配置为对所述即将进入显示区域的组件子项进行界面元素的预加载。9.根据权利要求7所述的装置，其特征在于，所述装置还包括: 懒加载模块，被配置为对所述组件，进行预设类型资源的懒加载。10.根据权利要求7所述的装置，其特征在于，所述装置还包括: 预留设置模块，被配置为根据用户对预留组件子项数量的设置，在所述组件中，设置相应数量的、处于显示区域外的组件子项。
【文档编号】G06F9/44GK106095461SQ201610457963
【公开日】2016年11月9日
【申请日】2016年6月21日
【发明人】徐旺
【申请人】东软集团股份有限公司