[发明专利]一种基于Laya引擎的富文本实现方法与终端

说明书

本发明公开了一种基于Laya引擎的富文本实现方法与终端；本发明将用户输入的富文本信息存入预设的自定义控件中，自定义控件继承自laya.box控件，且属性包括文字对齐方式以及文本数组；遍历自定义控件中的文本数组，根据文本数组中每个文本对象的信息，生成包括每个文字对应的文本对象的信息以及每个文字的配置坐标的文字配置信息；根据自定义控件中的文字对齐方式，计算每个文字的初始校正坐标，并根据文字配置信息以及初始校正坐标，依次打印文字；本发明通过预设的自定义控件，继承了laya.box控件，并增加了文字对齐方式以及文本数组等属性，从而实现富文本效果，且使用的是laya控件，不需要使用htmlDivElement控件，不会在使用上与其他原生laya控件存在不同，使用更加方便。

技术领域

本发明涉及计算机技术领域，特别涉及一种基于Laya引擎的富文本实现方法与终端。

背景技术

Laya引擎是支持多种语言(ActionScript3、TypeScript、JavaScript)开发的HTML5引擎，能够同时支持2D/3D/VR/AR、支持UI库、缓动动画、序列帧动画、骨骼动画、顶点动画、粒子系统、网络、物理系统等，且可应用于小型游戏、大型游戏、广告、教育、营销、APP等行业。

但是Laya引擎并未提供官方开发的富文本控件，因此在Laya引擎中要实现富文本的效果时，只能使用html原生的htmlDivElement控件。但原生控件与Laya引擎提供的其他控件存在一些使用上的差异，导致使用不够方便。

发明内容

本发明所要解决的技术问题是：提供一种基于Laya引擎的富文本实现方法与终端，使得富文本的实现更加方便。

为了解决上述技术问题，本发明采用的技术方案为：

一种基于Laya引擎的富文本实现方法，包括：

S1、将用户输入的富文本信息存入预设的自定义控件中，所述自定义控件继承自laya.box控件，且属性包括文字对齐方式以及文本数组；

S2、遍历所述自定义控件中的文本数组，根据所述文本数组中每个文本对象的信息，生成包括每个文字对应的所述文本对象的信息以及每个文字的配置坐标的文字配置信息；

S3、根据所述自定义控件中的文字对齐方式，计算每个文字的初始校正坐标，并根据所述文字配置信息以及初始校正坐标，依次打印文字。

为了解决上述技术问题，本发明采用的另一种技术方案为：

一种基于Laya引擎的富文本实现终端，包括处理器、存储器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

S1、将用户输入的富文本信息存入预设的自定义控件中，所述自定义控件继承自laya.box控件，且属性包括文字对齐方式以及文本数组；

S2、遍历所述自定义控件中的文本数组，根据所述文本数组中每个文本对象的信息，生成包括每个文字对应的所述文本对象的信息以及每个文字的配置坐标的文字配置信息；

S3、根据所述自定义控件中的文字对齐方式，计算每个文字的初始校正坐标，并根据所述文字配置信息以及初始校正坐标，依次打印文字。

本发明的有益效果在于：本发明通过预设的自定义控件，继承了laya.box控件，并增加了文字对齐方式以及文本数组等属性，从而实现富文本效果，且使用的是laya控件，不需要使用html原生的htmlDivElement控件，不会在使用上与其他原生的laya控件存在不同，使用更加方便。

附图说明

图1为本发明实施例的一种基于Laya引擎的富文本实现方法的流程图；

图2为本发明实施例的一种基于Laya引擎的富文本实现终端的结构图；