logo好方法网

图文绘制结果的展示方法、装置、计算机设备及存储介质


技术摘要:
本公开提供了图文绘制结果的展示方法、装置、计算机设备及存储介质,其中,展示方法包括:获取待绘制单元中的至少一个待绘制内容,以及每个待绘制内容的绘制属性,按照每个所述待绘制内容的绘制属性,依次在目标图形上下文中绘制每个所述待绘制内容,生成目标视图图层  全部
背景技术:
用户界面(User  Interface,UI)设计是指对软件的人机交互、操作逻辑、界面美观 的整体设计,好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简 单、自由,充分体现软件的定位和特点。 在进行用户界面设计时,包含对图片和文字的绘制。在对用户界面进行图文绘制 过程中,由于绘制文字、图片以及布局耗时较长,因此,在进行图文绘制过程中对系统功耗 的消耗较高,需要消耗大量的系统资源。
技术实现要素:
本公开实施例至少提供图文绘制结果的展示方法、装置、计算机设备及存储介质, 可以在图文绘制过程中减少对系统功耗的消耗,从而降低对系统资源的消耗量。 第一方面,本公开实施例提供了一种图文绘制结果的展示方法,所述展示方法包 括: 获取待绘制单元中的至少一个待绘制内容,以及每个待绘制内容的绘制属性; 按照每个所述待绘制内容的绘制属性,依次在目标图形上下文中绘制每个所述待 绘制内容,生成目标视图图层对象; 将所述目标视图图层对象作为图文绘制结果进行展示。 一种可选的实施方式中,所述按照每个所述待绘制内容的绘制属性,依次在目标 图形上下文中绘制每个所述待绘制内容,生成目标视图图层对象,包括: 从预先创建的子线程队列中,确定绘制所述待绘制单元的目标子线程; 通过所述目标子线程开启与所述待绘制单元的尺寸相同的所述目标图形上下文; 按照每个所述待绘制内容的绘制属性,通过所述目标子线程,在所述目标图形上 下文中依次绘制每个所述待绘制内容,生成所述目标视图图层对象; 所述将所述目标视图图层对象作为图文绘制结果进行展示,包括: 将所述目标视图图层对象传输至主线程,通过所述主线程将所述目标视图图层对 象作为所述图文绘制结果进行展示。 一种可选的实施方式中,针对任一所述待绘制内容,根据以下步骤在所述目标图 形上下文中绘制所述待绘制内容: 根据所述待绘制内容,以及与所述待绘制内容对应的绘制属性,生成富文本类对 象; 调用图文绘制函数,并依据所述富文本类对象,在所述目标图形上下文中的目标 位置上绘制所述待绘制内容; 4 CN 111596919 A 说 明 书 2/13 页 其中,所述目标位置为预先设置的所述待绘制内容在所述目标图形上下文中的位 置。 一种可选的实施方式中,所述按照每个所述待绘制内容的绘制属性,通过所述目 标子线程,在所述目标图形上下文中依次绘制每个所述待绘制内容,生成所述目标视图图 层对象,包括: 按照每个所述待绘制内容的绘制属性,依次在目标图形上下文中绘制每个所述待 绘制内容后,生成图文绘制图片; 将所述图文绘制图片存储至预先定义的初始图层对象中,生成所述目标视图图层 对象。 一种可选的实施方式中,若所述待绘制内容为图片,所述调用图文绘制函数,并依 据所述富文本类对象,在所述目标图形上下文中的目标位置上绘制所述待绘制内容,包括: 根据所述富文本类对象,生成视图对象; 调用所述图文绘制函数,并依据所述视图对象的对象信息,在所述目标图形上下 文中的目标位置上绘制所述待绘制内容。 一种可选的实施方式中,在所述将所述目标视图图层对象作为图文绘制结果进行 展示之后,所述展示方法还包括: 响应于点击操作,获取所述点击操作的坐标位置; 根据所述坐标位置,确定被点击的所述图文绘制结果中的目标控件; 执行与所述目标控件对应的预设动作。 一种可选的实施方式中,所述绘制属性包括以下属性信息中的至少一种: 文本的颜色、文本的字体大小、文本的字体类型、文本在所述目标图形上下文中的 位置坐标、文本的尺寸大小、图片的形状、图片的大小、图片在所述目标图形上下文中的位 置坐标。 一种可选的实施方式中,在所述获取待绘制单元中的至少一个待绘制内容,以及 每个待绘制内容的绘制属性之后,所述展示方法还包括: 获取所述待绘制单元对应的绘制标识变量的初始值; 所述按照每个所述待绘制内容的绘制属性,依次在目标图形上下文中绘制每个所 述待绘制内容,生成目标视图图层对象,包括: 在确定所述绘制标识变量的当前值与所述初始值相同时,按照每个所述待绘制内 容的绘制属性,依次在目标图形上下文中绘制每个所述待绘制内容,生成目标视图图层对 象。 第二方面,本公开实施例还提供一种图文绘制结果的展示装置,所述展示装置包 括: 第一获取模块,用于获取待绘制单元中的至少一个待绘制内容,以及每个待绘制 内容的绘制属性; 绘制模块,用于按照每个所述待绘制内容的绘制属性,依次在目标图形上下文中 绘制每个所述待绘制内容,生成目标视图图层对象; 展示模块,用于将所述目标视图图层对象作为图文绘制结果进行展示。 一种可选的实施方式中,所述绘制模块包括: 5 CN 111596919 A 说 明 书 3/13 页 确定单元,用于从预先创建的子线程队列中,确定绘制所述待绘制单元的目标子 线程; 开启单元,用于通过所述目标子线程开启与所述待绘制单元的尺寸相同的所述目 标图形上下文; 绘制单元,用于按照每个所述待绘制内容的绘制属性,通过所述目标子线程,在所 述目标图形上下文中依次绘制每个所述待绘制内容,生成所述目标视图图层对象; 展示单元,用于将所述目标视图图层对象传输至主线程,通过所述主线程将所述 目标视图图层对象作为所述图文绘制结果进行展示。 一种可选的实施方式中,针对任一所述待绘制内容,所述绘制模块,具体用于根据 以下步骤在所述目标图形上下文中绘制所述待绘制内容: 根据所述待绘制内容,以及与所述待绘制内容对应的绘制属性,生成富文本类对 象; 调用图文绘制函数,并依据所述富文本类对象,在所述目标图形上下文中的目标 位置上绘制所述待绘制内容; 其中,所述目标位置为预先设置的所述待绘制内容在所述目标图形上下文中的位 置。 一种可选的实施方式中,所述绘制单元,用于根据以下步骤生成所述目标视图图 层对象: 按照每个所述待绘制内容的绘制属性,依次在目标图形上下文中绘制每个所述待 绘制内容后,生成图文绘制图片; 将所述图文绘制图片存储至预先定义的初始图层对象中,生成所述目标视图图层 对象。 一种可选的实施方式中,若所述待绘制内容为图片,所述绘制模块,具体用于根据 以下步骤绘制所述待绘制内容: 根据所述富文本类对象,生成视图对象; 调用所述图文绘制函数,并依据所述视图对象的对象信息,在所述目标图形上下 文中的目标位置上绘制所述待绘制内容。 一种可选的实施方式中,所述展示装置还包括: 第二获取模块,用于响应于点击操作,获取所述点击操作的坐标位置; 确定模块,用于根据所述坐标位置,确定被点击的所述图文绘制结果中的目标控 件; 执行模块,用于执行与所述目标控件对应的预设动作。 一种可选的实施方式中,所述绘制属性包括以下属性信息中的至少一种: 文本的颜色、文本的字体大小、文本的字体类型、文本在所述目标图形上下文中的 位置坐标、文本的尺寸大小、图片的形状、图片的大小、图片在所述目标图形上下文中的位 置坐标。 一种可选的实施方式中,所述第一获取模块,还用于获取所述待绘制单元对应的 绘制标识变量的初始值; 所述绘制模块,用于在确定所述绘制标识变量的当前值与所述初始值相同时,按 6 CN 111596919 A 说 明 书 4/13 页 照每个所述待绘制内容的绘制属性,依次在目标图形上下文中绘制每个所述待绘制内容, 生成目标视图图层对象。 第三方面,本公开实施例还提供一种计算机设备,包括:处理器、存储器和总线,所 述存储器存储有所述处理器可执行的机器可读指令,当计算机设备运行时,所述处理器与 所述存储器之间通过总线通信,所述机器可读指令被所述处理器执行时执行上述第一方 面,或第一方面中任一种可能的实施方式中的步骤。 第四方面,本公开实施例还提供一种计算机可读存储介质,所述计算机可读存储 介质上存储有计算机程序,所述计算机程序被处理器运行时执行上述第一方面,或第一方 面中任一种可能的实施方式中的步骤。 本公开实施例提供的图文绘制结果的展示方法、装置、计算机设备及存储介质,通 过将待绘制单元中的所有待绘制单元均绘制在同一个图形上下文中,与现有技术中将各个 待绘制单元分别绘制在不同的图像上下文中相比,可以大大减小对视图层级进行创建的数 量,可以在图文绘制过程中减少对系统功耗的消耗,从而降低对系统资源的消耗量。 进一步,本公开实施例提供的图文绘制结果的展示方法,通过目标子线程开启与 目标图形上下文,并按照每个待绘制内容的绘制属性,通过目标子线程在目标图形上下文 中依次绘制每个待绘制内容,生成目标视图图层对象,进而,将目标视图图层对象传输至主 线程,通过主线程将目标视图图层对象作为图文绘制结果进行展示,本公开实施例将绘制 和布局待绘制单元的任务交由各个子线程来完成,各个子线程可以并行执行绘制任务,从 而在减轻主线程的压力的同时,可以提升整体绘制效率。 为使本公开的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合 所附附图,作详细说明如下。 附图说明 为了更清楚地说明本公开实施例的技术方案,下面将对实施例中所需要使用的附 图作简单地介绍,此处的附图被并入说明书中并构成本说明书中的一部分,这些附图示出 了符合本公开的实施例,并与说明书一起用于说明本公开的技术方案。应当理解,以下附图 仅示出了本公开的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人 员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。 图1示出了本公开实施例所提供的一种图文绘制结果的展示方法的流程图; 图2示出了本公开实施例所提供的另一种图文绘制结果的展示方法的流程图; 图3示出了本公开实施例中展示绘制完成的图文绘制结果的示意图; 图4示出了本公开实施例所提供的一种图文绘制结果的展示装置的示意图之一; 图5示出了本公开实施例所提供的图文绘制结果的展示装置中,绘制模块的具体 示意图; 图6示出了本公开实施例所提供的一种图文绘制结果的展示装置的示意图之二; 图7示出了本公开实施例所提供的一种计算机设备的示意图。 图示说明:400-图文绘制结果的展示装置;410-第一获取模块;420-绘制模块; 421-确定单元;422-开启单元;423-绘制单元;424-展示单元;430-展示模块;440-第二获取 模块;450-确定模块;460-执行模块;700-计算机设备;701-处理器;702-存储器;7021-内 7 CN 111596919 A 说 明 书 5/13 页 存;7022外部存储器;703-总线。
下载此资料需消耗2积分,
分享到:
收藏