一种界面绘制方法、装置及移动终端与流程

本公开涉及计算机应用领域，尤其涉及一种界面绘制方法、装置及移动终端。

背景技术：

随着互联网产业的蓬勃发展，应用程序的功能越来越多，应用程序的ui(user'sinterface，用户界面)也越来越精致。与之相应的，应用程序的算法越来越复杂，所占用的运算资源也越来越多。在运算资源紧张时，易导致绘制ui时出现丢帧，从而导致fps(framespersecond，每秒绘制帧数)下降，使得应用程序的ui会出现卡顿等情况。

技术实现要素：

为缓解相关技术中应用程序的ui会出现卡顿的问题，本公开提供一种界面绘制方法、装置及移动终端。

根据本公开实施例的第一方面，提供一种界面绘制方法，包括：

主线程将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程，其中，所述视图单元为：视图组或视图；

调用所述子线程按照第一层级顺序执行分配到的任务，其中，所述第一层级顺序为：构成所述待绘制界面的视图单元之间的层级顺序；

在监测到所述子线程完成分配到的任务后，按照所述第一层级顺序执行所述视图单元的绘制任务。

本公开实施例的一种实现方式中，所述主线程将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程，包括：

主线程按照预设的任务分配方式将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程，其中，所述任务分配方式为：将每一父层级视图单元以及该父层级视图单元的子层级视图单元的绘制前预处理任务分配给同一子线程。

本公开实施例的一种实现方式中，所述绘制前预处理任务为：测量任务和布局任务；

所述任务分配方式为：将每一父层级视图单元以及该父层级视图单元的子层级视图单元的测量任务分配给同一子线程，将每一父层级视图单元以及该父层级视图单元的子层级视图单元的布局任务分配给同一子线程。

本公开实施例的一种实现方式中，所述主线程为：用于绘制用户界面ui的线程。

根据本公开实施例的第二方面，提供一种界面绘制装置，包括：

分配单元，被配置为：主线程将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程，其中，所述视图单元为：视图组或视图；

调用单元，被配置为：调用所述子线程按照第一层级顺序执行分配到的任务，其中，所述第一层级顺序为：构成所述待绘制界面的视图单元之间的层级顺序；

绘制单元，被配置为：在监测到所述子线程完成分配到的任务后，按照所述第一层级顺序执行所述视图单元的绘制任务，进而完成所述待绘制界面的绘制。

本公开实施例的一种实现方式中，所述分配单元具体被配置为：

所述主线程按照预设的任务分配方式将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程，其中，所述任务分配方式为：将每一父层级视图单元以及该父层级视图单元的子层级视图单元的绘制前预处理任务分配给同一子线程。

本公开实施例的一种实现方式中，所述绘制前预处理任务为：测量任务和布局任务；

所述任务分配方式为：将每一父层级视图单元以及该父层级视图单元的子层级视图单元的测量任务分配给同一子线程，将每一父层级视图单元以及该父层级视图单元的子层级视图单元的布局任务分配给同一子线程。

本公开实施例的一种实现方式中，所述主线程为：用于绘制用户界面ui的线程。

根据本公开实施例的第三方面，提供一种移动终端，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：用于执行所述存储器上存放的指令时，实现上述任一所述的界面绘制方法的步骤。

根据本公开实施例的第四方面，提供一种非临时性计算机可读存储介质，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行上述任一所述的界面绘制方法的步骤。

根据本公开实施例的第五方面，提供一种应用程序/计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一所述的界面绘制方法。

本公开的实施例提供的技术方案可以包括以下有益效果：构成待绘制界面的视图单元的绘制前预处理任务，由主线程分配到子线程执行，从而使得在绘制界面过程中由主线程和子线程合作完成界面绘制。这样在运算资源紧张的情况下，为绘制界面争取到了较多的资源，从而可以减轻fps下降的程度，从而能够有效缓解应用程序的用户界面出现卡顿的情况。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1是根据一示例性实施例示出的一种界面绘制方法的流程图。

图2是根据一示例性实施例示出的一种界面的视图单元层级结构示意图。

图3a是根据一示例性实施例示出的另一种界面的视图单元层级结构示意图。

图3b是根据一示例性实施例示出的界面绘制方法的另一种流程图。

图4是根据一示例性实施例示出的一种界面绘制装置的框图。

图5是根据一示例性实施例示出的一种装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种界面绘制方法的流程图，如图1所示，界面绘制方法用于终端中，包括以下步骤。

步骤s101：主线程将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程。

上述视图单元为：viewgroup(视图组)或view(视图)。界面由viewgroup或view构成。例如，界面上的imageview(图片组件)、textview(文本组件)等属于view，界面上的relativelayout(相对布局)、linearlayout(线性布局)等属于viewgroup。

绘制界面需要完成构成待绘制界面的视图单元的绘制前预处理任务和绘制任务，其中，绘制前预处理任务可以包括：测量任务和布局任务。对于同一视图单元，需要先完成测量任务，才可以执行布局任务，需要先完成布局任务，才可以执行绘制任务。

主线程：当一个应用程序启动时，就有一个线程会立刻运行，该线程即该应用程序的主线程。

因为主线程是应用程序开始时就执行的，如果再创建线程，那么所创建的线程就是这个主线程的子线程。

在本步骤s101中，主线程可以将构成待绘制界面的视图单元的绘制前预处理任务分配给一个或多个子线程，子线程和主线程可以以多线程异步处理的方式进行界面绘制。主线程可以以绘制前预处理任务分开的方式将上述任务分配给各个子线程；主线程可以将上述视图单元分类，按照视图单元的类别，比如视图组或视图，将上述任务分配给各个子线程；主线程可以依据上述视图单元的层级关系，将具有上下层级关系的各个视图单元的绘制前预处理任务分配到同一子线程中；当然，主线程还可以上述任务全部分配给一个子线程。

步骤s102：调用子线程按照第一层级顺序执行分配到的任务。

上述第一层级顺序为：构成待绘制界面的视图单元之间的层级顺序。图2是根据一示例性实施例示出的一种界面的视图单元层级结构示意图。如图2所示，图2中的各个viewgroup和view均为视图单元，其中，viewgroup1为viewgroup1.1和viewgroup1.2的父层级，viewgroup1.1为view1和view2的父层级。viewgroup1、viewgroup2和viewgroup3为同一层级的视图单元；viewgroup1.1、viewgroup1.2、……、viewgroup3.2为同一层级的视图单元；view1、view2、……、view12为同一层级的视图单元。

第一层级顺序可以为广度优先遍历各个视图单元的顺序，也可以为深度优先遍历各个视图单元的顺序，特别的，对于图2所示的可以用二叉树表示的构成待绘制界面的视图单元之间的层级关系，深度优先遍历各个视图单元的顺序还可以为先序遍历顺序。

如果第一层级顺序为广度优先遍历各个视图单元的顺序，那么对于图2所示的待绘制界面，第一层级顺序为：viewgroup1→viewgroup2→viewgroup3→viewgroup1.1→viewgroup1.2→viewgroup2.1→……→view8→view9→view10→view11→view12。

如果第一层级顺序为先序遍历顺序，那么对于图2所示的待绘制界面，第一层级顺序为：viewgroup1→viewgroup1.1→view1→view2→viewgroup1.2→view3→view4→……→viewgroup3.2→view11→view12。

由于，子线程分配到的绘制前预处理任务包括测量任务和布局任务，在第一层级顺序中，可以将每一个视图单元的执行测量任务和布局任务作为一个排序元素，按照上述视图单元的顺序进行排序。也可以将同一视图单元的测量任务和布局任务分开并分别按照上述视图单元的顺序进行排序。

需要说明的是：本步骤s102中的子线程可以为一个子线程，也可以为多个不同的子线程。如果多个不同的子线程按照第一层级顺序执行分配到的任务，当其中两个子线程所待执行的任务之间没有上下层级关系时，上述两个子线程可以同时执行上述任务。

对于一个视图单元，执行该视图单元的布局任务时，需要获取执行该视图单元测量任务所得到的该视图单元的数据，所以，如果一个视图单元的测量任务和布局任务不再同一个子线程中执行，那么执行该视图单元测量任务的子线程可以将所得到的该视图单元的数据发送给需要执行该视图单元布局任务的子线程。

步骤s103：在监测到子线程完成分配到的任务后，按照第一层级顺序执行视图单元的绘制任务，进而完成待绘制界面的绘制。

对于一个视图单元，执行该视图单元的绘制任务时，需要获取执行该视图单元布局任务所得到的该视图单元的数据。子线程在执行完分配到的布局任务后，会将所得到的视图单元的数据发送给主线程。

一种实现方式中，子线程可以在完成分配到的任务后，向主线程发送表示完成分配到任务的信号，主线程获得上述信号并确定子线程已经完成分配到的任务。另一种实现方式中，主线程可以监控子线程的任务进度，在子线程完成分配到的任务后，主线程通过对子线程的监控，确定子线程已经完成分配到的任务。

本公开的实施例提供的技术方案可以包括以下有益效果：构成待绘制界面的视图单元的绘制前预处理任务，由主线程分配到子线程执行，从而使得在绘制界面过程中由主线程和子线程合作完成界面绘制。这样在运算资源紧张的情况下，为绘制界面争取到了较多的资源，从而可以减轻fps下降的程度，从而能够有效缓解应用程序的用户界面出现卡顿的情况。

本发明的一种实现方式中，上述步骤s101中主线程将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程时，可以按照预设的任务分配方式来分配。

上述任务分配方式为：将每一父层级视图单元以及该父层级视图单元的子层级视图单元的绘制前预处理任务分配给同一子线程。因此，具有上下层级关系的各个视图单元均会被分配到同一子线程中。以图2为例，图2中的视图单元viewgroup1、viewgroup1.1、viewgroup1.2、view1和view2的绘制前预处理任务可以分配到同一子线程。

本实现方式中，因为子线程需要按照第一层级顺序执行分配到的任务，所以将具有上下层级关系的各个视图单元分配到同一子线程中，方便各个子线程同时执行分配到的任务，可以节省界面绘制所需要的时间，提升界面绘制的效率。

基于上述实现方式，本发明的另一种实现方式中，上述绘制前预处理任务为：测量任务和布局任务，并且上述任务分配方式为：将每一父层级视图单元以及该父层级视图单元的子层级视图单元的测量任务分配给同一子线程，将每一父层级视图单元以及该父层级视图单元的子层级视图单元的布局任务分配给同一子线程。

本发明的一种实现方式中，上述主线程为：用于绘制用户界面ui的线程。

图3a是根据一示例性实施例示出的另一种界面的视图单元层级结构示意图。如图3a所示，待绘制界面由3个视图单元viewgroup1、view1和view2构成，viewgroup1为view1和view2的父层级视图单元。

图3b是根据一示例性实施例示出的界面绘制方法的另一种流程图，所绘制界面的视图单元结构如图3a所示，界面绘制方法用于终端中，包括主线程、子线程1和子线程2三个执行主体。本示例性实施例示出的界面绘制方法包括主线程的以下步骤：

步骤s3101：预处理。

预处理过程可以包括：调用并运行viewrootimpl.performtraversals()函数、调用并运行viewrootimpl.performmeasure()函数和并运行viewrootimpl.performlayout()函数。

步骤s3102：将任务分配给子线程1。

分配给子线程1的任务可以为：viewgroup1的测量任务、view1的测量任务、view2的测量任务。

步骤s3103：将任务分配给子线程2。

分配给子线程2的任务可以为：viewgroup1的布局任务、view1的布局任务、view2的布局任务。

步骤s3104：执行viewgroup1、view1和view2的绘制任务。

待子线程完成分配到的任务之后，主线程执行视图单元的绘制任务。一种实现方式中，主线程在执行视图单元的绘制任务之前，先调用并运行viewrootimpl.performdraw()函数。

本示例性实施例示出的界面绘制方法包括子线程1的以下步骤：

步骤s3201：执行viewgroup1的测量任务。

步骤s3202：将viewgroup1的数据发送给子线程2。

步骤s3203：执行view1的测量任务。

步骤s3204：将view1的数据发送给子线程2。

步骤s3205：执行view2的测量任务。

步骤s3206：将view2的数据发送给子线程2。

步骤s3207：向主线程发送任务已完成的信号。

本示例性实施例示出的界面绘制方法包括子线程2的以下步骤：

步骤s3301：执行viewgroup1的布局任务。

步骤s3302：执行view1的布局任务。

步骤s3303：执行view2的布局任务。

步骤s3304：向主线程发送任务已完成的信号和viewgroup1、view1和view2的数据。

图4是根据一示例性实施例示出的一种界面绘制装置框图。参照图4，该装置包括：分配单元401、调用单元402和绘制单元403。

该分配单元401，被配置为：主线程将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程，其中，所述视图单元为：视图组或视图。

该调用单元402，被配置为：调用所述子线程按照第一层级顺序执行分配到的任务，其中，所述第一层级顺序为：构成所述待绘制界面的视图单元之间的层级顺序。

该绘制单元403，被配置为：在监测到所述子线程完成分配到的任务后，按照所述第一层级顺序执行所述视图单元的绘制任务，进而完成所述待绘制界面的绘制。

本公开的实施例提供的技术方案可以包括以下有益效果：构成待绘制界面的视图单元的绘制前预处理任务，由主线程分配到子线程执行，从而使得在绘制界面过程中由主线程和子线程合作完成界面绘制。这样在运算资源紧张的情况下，为绘制界面争取到了较多的资源，从而可以减轻fps下降的程度，从而能够有效缓解应用程序的用户界面出现卡顿的情况。

本发明的一种实现方式中，所述分配单元401具体被配置为：

所述主线程按照预设的任务分配方式将构成待绘制界面的视图单元的绘制前预处理任务分配给子线程，其中，所述任务分配方式为：将每一父层级视图单元以及该父层级视图单元的子层级视图单元的绘制前预处理任务分配给同一子线程。

本实现方式中，因为子线程需要按照第一层级顺序执行分配到的任务，所以将具有上下层级关系的各个视图单元分配到同一子线程中，方便各个子线程同时执行分配到的任务，可以节省界面绘制所需要的时间，提升界面绘制的效率。

基于上述实现方式，本发明的另一种实现方式中，所述绘制前预处理任务为：测量任务和布局任务；所述任务分配方式为：将每一父层级视图单元以及该父层级视图单元的子层级视图单元的测量任务分配给同一子线程，将每一父层级视图单元以及该父层级视图单元的子层级视图单元的布局任务分配给同一子线程。

本发明的一种实现方式中，所述主线程为：用于绘制用户界面ui的线程。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

基于同一发明构思，根据本发明上述实施例提供的界面绘制方法，相应地，本发明实施例还提供了一种移动终端，包括处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相互间的通信，

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现上述实施例中任一界面绘制方法的步骤。

上述电子设备提到的通信总线可以是外设部件互连标准(peripheralcomponentinterconnect，pci)总线或扩展工业标准结构(extendedindustrystandardarchitecture，eisa)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述电子设备与其他设备之间的通信。

存储器可以包括随机存取存储器(randomaccessmemory，ram)，也可以包括非易失性存储器(non-volatilememory，nvm)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(centralprocessingunit，cpu)、网络处理器(networkprocessor，np)等；还可以是数字信号处理器(digitalsignalprocessing，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现场可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

本公开的实施例提供的技术方案可以包括以下有益效果：构成待绘制界面的视图单元的绘制前预处理任务，由主线程分配到子线程执行，从而使得在绘制界面过程中由主线程和子线程合作完成界面绘制。这样在运算资源紧张的情况下，为绘制界面争取到了较多的资源，从而可以减轻fps下降的程度，从而能够有效缓解应用程序的用户界面出现卡顿的情况。

图5是根据一示例性实施例示出的一种用于界面绘制的装置500的框图。例如，装置500可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图5，装置500可以包括以下一个或多个组件：处理组件502，存储器504，电力组件506，多媒体组件508，音频组件510，输入/输出(i/o)的接口512，传感器组件514，以及通信组件516。

处理组件502通常控制装置500的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。

存储器504被配置为存储各种类型的数据以支持在设备500的操作。这些数据的示例包括用于在装置500上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。

电源组件506为装置500的各种组件提供电力。电源组件506可以包括电源管理系统，一个或多个电源，及其他与为装置500生成、管理和分配电力相关联的组件。

多媒体组件508包括在所述装置500和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(lcd)和触摸面板(tp)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件508包括一个前置摄像头和/或后置摄像头。当设备500处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件510被配置为输出和/或输入音频信号。例如，音频组件510包括一个麦克风(mic)，当装置500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。

i/o接口512为处理组件502和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件514包括一个或多个传感器，用于为装置500提供各个方面的状态评估。例如，传感器组件514可以检测到设备500的打开/关闭状态，组件的相对定位，例如所述组件为装置500的显示器和小键盘，传感器组件514还可以检测装置500或装置500一个组件的位置改变，用户与装置500接触的存在或不存在，装置500方位或加速/减速和装置500的温度变化。传感器组件514可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器，如cmos或ccd图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件516被配置为便于装置500和其他设备之间有线或无线方式的通信。装置500可以接入基于通信标准的无线网络，如wifi，运营商网络(如2g、3g、4g或5g)，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件516还包括近场通信(nfc)模块，以促进短程通信。例如，在nfc模块可基于射频识别(rfid)技术，红外数据协会(irda)技术，超宽带(uwb)技术，蓝牙(bt)技术和其他技术来实现。

在示例性实施例中，装置500可以被一个或多个应用专用集成电路(asic)、数字信号处理器(dsp)、数字信号处理设备(dspd)、可编程逻辑器件(pld)、现场可编程门阵列(fpga)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，当该存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行上述实施例中任一界面绘制方法的步骤。例如包括指令的存储器504，上述指令可由装置500的处理器520执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是rom、随机存取存储器(ram)、cd-rom、磁带、软盘和光数据存储设备等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。