CN113378511B - 页面的显示方法、装置、电子设备和存储介质 - Google Patents

Abstract

本申请公开了页面的显示方法、装置、电子设备和存储介质，涉及计算机技术领域，尤其涉及自然语言处理等人工智能领域。实现方案为：确定当前待绘制的内容在页面中第一显示高度；在第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据页面的显示宽度，获取待绘制的第一文本；在第一显示高度处绘制第一文本；根据第一显示高度及第一文本的高度，确定第二显示高度；在第二显示高度为预设显示高度的情况下，确定页面绘制完成。由此，通过在当前待绘制的内容的显示高度与非文本内容的参考显示高度未匹配时，获取文本并对文本进行绘制，从而可以在页面中灵活地绘制文本和非文本内容，提高了页面绘制的灵活性，丰富了页面展示样式。

Description

页面的显示方法、装置、电子设备和存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及自然语言处理等人工智能领域，具体涉及页面的显示方法、装置、电子设备和存储介质。

背景技术

随着智能终端的快速普及，人们的阅读方式也发生了重大变化。无论是几百万字的长篇小说，亦或是相对传统的短篇文章，都可以放到终端，如手机、平板电脑等中随身携带，从而用户可以随时随地阅读电子书。

可见，如何提高文本在终端的展示效果，是亟待解决的问题。

发明内容

本申请提供了一种页面的显示方法、装置、电子设备和存储介质。

根据本申请的一方面，提供了一种页面的显示方法，包括：

确定当前待绘制的内容在页面中第一显示高度；

在所述第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据所述页面的显示宽度，获取待绘制的第一文本；

在所述第一显示高度处绘制所述第一文本；

根据所述第一显示高度及所述第一文本的高度，确定第二显示高度；

在所述第二显示高度为预设显示高度的情况下，确定所述页面绘制完成。

根据本申请的另一方面，提供了一种页面的显示装置，包括：

第一确定模块，用于确定当前待绘制的内容在页面中第一显示高度；

第一获取模块，用于在所述第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据所述页面的显示宽度，获取待绘制的第一文本；

绘制模块，用于在所述第一显示高度处绘制所述第一文本；

第二确定模块，用于根据所述第一显示高度及所述第一文本的高度，确定第二显示高度；

第三确定模块，用于在所述第二显示高度为预设显示高度的情况下，确定所述页面绘制完成。

根据本申请的另一方面，提供了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行上述实施例所述的方法。

根据本申请的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据上述实施例所述的方法。

根据本申请的另一方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据上述实施例所述的方法。

应当理解，本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征，也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本申请的限定。其中：

图1为本申请实施例提供的一种页面的显示方法的流程示意图；

图2为本申请实施例提供的一种手机中页面的第一显示高度示意图；

图3为本申请实施例提供的另一种页面的显示方法的流程示意图；

图4为本申请实施例提供的另一种页面的显示方法的流程示意图；

图5为本申请实施例提供的另一种页面的显示方法的流程示意图；

图6为本申请实施例提供的另一种页面的显示方法的流程示意图；

图7为本申请实施例提供的一种文本内容的预处理过程示意图；

图8为本申请实施例提供的一种页面绘制过程示意图；

图9为本申请实施例提供的一种页面的显示装置的结构示意图；

图10是用来实现本申请实施例的页面的显示方法的电子设备的框图。

具体实施方式

以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

下面参考附图描述本申请实施例的页面的显示方法、装置、电子设备和存储介质。

人工智能是研究使用计算机来模拟人的某些思维过程和智能行为(如学习、推理、思考、规划等)的学科，既有硬件层面的技术领域也有软件层面的技术。人工智能硬件技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理等技术；人工智能软件技术包括计算机视觉技术、语音识别技术、自然语言处理技术以及深度学习、大数据处理技术、知识图谱技术等几大方向。

NLP(Natural Language Processing，自然语言处理)是计算机科学领域与人工智能领域中的一个重要方向，NLP研究的内容包括但不限于如下分支领域：文本分类、信息抽取、自动摘要、智能问答、话题推荐、机器翻译、主题词识别、知识库构建、深度文本表示、命名实体识别、文本生成、文本分析(词法、句法、语法等)、语音识别与合成等。

图1为本申请实施例提供的一种页面的显示方法的流程示意图。

本申请实施例的页面的显示方法，可由本申请实施例提供的页面的显示装置执行，该装置可配置于电子设备如手机、平板电脑等设备中，以在待绘制内容在页面的显示高度与预设非文本内容的参考显示高度不匹配的情况下绘制文本，提高了页面绘制的灵活性，丰富了页面展示样式。

如图1所示，该页面的显示方法包括：

步骤101，确定当前待绘制的内容在页面中第一显示高度。

在实际应用中，电子设备上的某些应用，比如阅读小说类的应用等，在绘制页面时，可能会有在页面中插入非文本内容，比如视频或图片的需求。因此，本申请中，当前待绘制的内容可能是文本，也可能是非文本内容，比如视频或图片等。

当电子设备的放置方向不同时，第一显示高度对应的方向也不相同。比如，手机竖屏放置时，第一显示高度是指在手机长度方向上的高度，手机横屏放置时，第一显示高度是指在手机宽度方向上的高度。

本申请中，可根据页面的尺寸和已绘制的内容的尺寸，确定当前待绘制的内容在页面中的第一显示高度。

图2的(a)是手机竖屏示意图，以页面的左下角为原点(0,0)，以手机的宽度方向为x轴，以长度为y轴建立平面直角坐标系。若页面的尺寸为m*n，则页面的显示高度为m，当前页面中已绘制的内容的尺寸以及行间距之和为y1，那么当前待绘制的内容在页面中的第一显示高度为(m-y1)。可见，图2的(a)中，随着页面中绘制的内容越多，第一显示高度越来越小。若以显示屏的左上角为原点(0,0)，y轴竖直向下，随着页面中绘制的内容越来越多，第一显示高度会越来越小。

图2的(b)是手机横屏示意图，页面的显示高度为n，可以建立(b)所示的屏幕直角坐标系。

步骤102，在第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据页面的显示宽度，获取待绘制的第一文本。

在确定待绘制的内容在页面中第一显示高度后，可判断第一显示高度是否与预设的非文本内容对应的参考显示高度匹配。若第一显示高度与参考显示高度匹配，则根据页面的显示宽度，从待绘制的文本内容中获取待绘制的文本，为了便于区分称为第一文本。其中，待绘制的文本内容，可以是小说、文章等。

比如，规定在第3个页面的第6行文本之后插入图片，那么在确定第一显示高度后，确定第一显示高度与该参考显示高度不匹配，比如当前页面是第2个页面与该图片的参考显示高度不匹配，说明当前待绘制的内容是文本，则获取待绘制的第一文本。

本申请中，预设的非文本内容的参考显示高度，可以是根据页面在文本中的位置、和/或文本内容的类型确定的。

比如，应用中规定了，每隔5个页面，插入一个广告图片或者视频，那么可以确定广告图片或视频在待插入页面的参考显示高度。

又如，在应用中，不同类型的小说，插入广告图片的位置不同。比如武侠类小说在第10页的中间位置插入图片，都市类小说在第2页的第1行插入图片等。那么，可以根据小说的类型，确定广告图片在待插入页面中的参考显示高度。

本申请中，通过根据页面在文本中的位置，和/或文本内容的类型，确定参考显示高度，丰富了页面的展示样式，满足了多样化需求。

在获取待绘制第一文本时，比如，可以按照页面的显示宽度，从待绘制的文本内容中，获取与页面的显示宽度匹配的一行文本。

步骤103，在第一显示高度处绘制第一文本。

在获取第一文本后，在页面中第一显示高度处，按照第一文本中字符的顺序，从左到由逐个绘制字符。

步骤104，根据第一显示高度及第一文本的高度，确定第二显示高度。

在绘制完成第一文本后，可根据第一显示高度和第一文本的高度，确定第二显示高度。其中，第二显示高度可以理解为当前待绘制的内容的显示高度，第一文本的高度可以理解为字符在页面中的高度。

以图2中(a)所示的坐标系为例，第二显示高度可以是将第一显示高度减去第一文本的高度得到的。

步骤105，在第二显示高度为预设显示高度的情况下，确定页面绘制完成。

在确定第二显示高度后，若第二显示高度为预设显示高度，可以认为页面绘制完成。其中，预设显示高度可以是页面绘制完成时，规定的最后一行文本，与页面的指定边框之间的距离。

这里的指定边框与电子设备的显示高度方向有关。比如，若手机竖屏，那么指定边框为手机长度方向上页面的下边框；若手机横屏，那么指定边框为手机宽度方向上页面的下边框。

可以理解的是，若当前待绘制的第二显示文本为预设显示高度，说明页面中没有待绘制的内容，那么页面绘制完成。

本申请实施例中，通过确定当前待绘制的内容在页面中第一显示高度，在第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据页面的显示宽度，获取待绘制的第一文本，并在第一显示高度处绘制第一文本，之后根据第一显示高度及第一文本的高度，确定第二显示高度，在第二显示高度为预设显示高度的情况下，确定页面绘制完成。由此，通过在当前待绘制的内容的显示高度与非文本内容的参考显示高度未匹配时，获取文本并对文本进行绘制，从而可以在页面中灵活地绘制文本和非文本内容，提高了页面绘制的灵活性，丰富了页面展示样式。

上述实施例描述了在第一显示高度与参考显示高度不匹配时，在第一显示高度处绘制文本。在本申请的一个实施例中，在第一显示高度与参考显示高度匹配的情况下，可在第一显示高度处绘制非文本内容。下面结合图3说明，图3为本申请实施例提供的另一种页面的显示方法的流程示意图。

如图3所示，该页面的显示方法包括：

步骤301，确定当前待绘制的内容在页面中第一显示高度。

步骤302，在第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据页面的显示宽度，获取待绘制的第一文本。

步骤303，在第一显示高度处绘制第一文本。

步骤304，根据第一显示高度及第一文本的高度，确定第二显示高度。

步骤305，在第二显示高度为预设显示高度的情况下，确定页面绘制完成。

本申请中，步骤301-步骤305与上述步骤101-步骤105类似，故在此不再赘述。

步骤306，在第一显示高度与参考显示高度匹配的情况下，获取非文本内容。

在确定待绘制内容在页面中的第一显示高度后，将第一显示高度与预设的非文本内容的参考显示高度进行比较。在第一显示高度与参考显示高度不匹配的情况下，获取第一文本并在第一显示高度处绘制第一文本。在第一显示高度与参考显示高度匹配的情况下，说明第一显示高度处为非文本内容的绘制位置，那么获取非文本内容。

在获取非文本内容时，可以根据当前绘制的页面在文本中的位置获取。比如，规定在第10页的第3行插入图片a，第20页第10行插入图片b，若当前页面为第10个页面，那么获取图片a。

步骤307，在第一显示高度处绘制非文本内容。

在获取非文本内容后，可在第一显示高度处绘制非文本内容。

步骤308，根据第一显示高度及非文本内容的尺寸，确定第三显示高度。

在绘制完成非文本内容后，可根据第一显示高度和非文本内容的尺寸，确定第三显示高度。其中，第三显示高度可以理解为当前待绘制内容的显示高度。

以图2中(a)所示的坐标系为例，第二显示高度可以是将第一显示高度减去非文本内容的高度得到的。

步骤309，在第三显示高度为预设显示高度的情况下，确定页面绘制完成。

若第三显示高度与预设显示高度，说明第三显示高度已不是待绘制内容的位置，即页面中没有待绘制的内容，那么页面绘制完成。

本申请实施例中，在确定当前待绘制的内容在页面中的第一显示高度后，在第一显示高度与参考显示高度不匹配的情况下，可获取第一文本并进行绘制，在第一显示高度与参考显示高度匹配的情况下，可获取非文本内容并进行绘制。由此，通过根据第一显示高度与参考显示高度的匹配情况，绘制文本和非文本内容，从而可以在页面中灵活地绘制文本和非文本内容，提高了页面绘制的灵活性，丰富了页面展示样式。

图4为本申请实施例提供的另一种页面的显示方法的流程示意图。

如图4所示，该页面的显示方法包括：

步骤401，确定当前待绘制的内容在页面中第一显示高度。

步骤402，在第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据页面的显示宽度，获取待绘制的第一文本。

步骤403，在第一显示高度处绘制第一文本。

步骤404，根据第一显示高度及第一文本的高度，确定第二显示高度。

步骤405，在第二显示高度为预设显示高度的情况下，确定页面绘制完成。

本申请中，步骤401-步骤405，与上述步骤101-步骤105类似，故在此不再赘述。

步骤406，在第二显示高度非预设显示高度、且与参考显示高度未匹配的情况下，获取待绘制的第二文本。

在获取第二显示高度后，将第二显示高度与预设显示高度进行比较。若第二显示高度非预设显示高度、且参考显示高度未匹配的情况下，说明页面未绘制完成，且当前待绘制的内容为文本，那么可根据页面的显示宽度，从待绘制的文本内容中第一文本之后，获取待绘制的第二文本。比如，可按照页面的显示宽度，从待绘制的文本内容中第一文本之后，继续获取一行的文本内容。

步骤407，在第二显示高度处绘制第二文本。

在获取第二文本后，在页面中第二显示高度处，按照第二文本中字符的顺序，从左到由逐个绘制字符。

步骤408，根据第二显示高度及第二文本的高度，确定第四显示高度。

在绘制完成第二文本后，可根据第二显示高度与第二文本的高度，确定出第四显示高度。本申请中，确定第四显示高度的方式与确定第二显示高度的方式类似，故在此不再赘述。

步骤409，在第四显示高度非预设显示高度、且与参考显示高度未匹配的情况下，在第四显示高度处继续绘制文本，直至页面绘制完成。

在获取第四显示高度后，可将第四显示高度与预设显示高度和参考显示高度进行比较。若第四显示高度非预设显示高度、且参与显示高度未匹配，说明页面未绘制完成且当前待绘制的内容为文本，则从待绘制的文本内容中继续获取文本，并在第四显示高度出继续绘制文本，直至页面绘制完成。

本申请中，在页面中绘制文本内容时，可按照页面的显示宽度，从待绘制的文本内容中，每次获取一行文本并进行绘制。由此，以行为单位逐行绘制文本内容，可以在任意行之间插入非文本内容，灵活性高。

本申请实施例中，在确定第二显示高度之后，还可在第二显示高度非预设显示高度、且与参考显示高度未匹配的情况下，获取待绘制的第二文本，并在第二显示高度处绘制第二文本，之后根据第二显示高度及第二文本的高度，确定第四显示高度，并在第四显示高度非预设显示高度、且与参考显示高度未匹配的情况下，在第四显示高度处继续绘制文本，直至页面绘制完成。由此，每次在页面中绘制完成后，根据当前待绘制的内容在页面中的显示高度与预设显示高度和参考显示高度的匹配情况继续绘制，从而可以提高页面绘制的灵活性和页面的展示效果。

在实际应用中，为了提高用户的个性化需求，在本申请的一个实施例中，用户可根据需要设置每个页面中显示的文本行数，由此，可以基于用户设置的文本行数，确定第二显示高度。下面结合图5进行说明，图5为本申请实施例提供的另一种页面的显示方法的流程示意图。

如图5所示，上述根据第一显示高度及所述第一文本的高度，确定第二显示高度，包括：

步骤501，接收页面显示设置指令，其中，设置指令中包括每个页面中显示的文本行数。

本申请中，电子设备的显示界面上可设置有页面设置控件，用户可以根据页面设置控件设置每个页面中显示的文本行数。比如，当用户触发页面设置控件后，显示界面上悬浮显示设置窗口，用户可输入每个页面中显示的文本行数，那么电子设备可接收页面显示设置指令。其中，设置指令中可包括每个页面中显示的文本行数。

可以理解的是，也可设置文本中每个页面中显示的文本行数不同，比如第1-50页中，每页显示25行，第51页之后，每页显示20行。

由于电子设备横屏和竖屏时，页面的显示高度不同，为了保证页面的显示效果，也可设置横屏时，每个页面显示的文本行数，以及竖屏时，每个页面显示的文本行数。

步骤502，根据文本行数及页面的显示高度，确定各个文本行间的距离值。

由于每行文本也有一定的尺寸，因此在每个页面中显示的文本行数之后，可以根据文本的显示高度和文本行数，确定页面中文本的总显示高度，将页面的显示高度减去页面中文本的总显示高度，并除以文本行数，可以得到各个文本行间的间距。

步骤503，根据距离值、第一显示高度及第一文本的高度，确定第二显示高度。

由于页面中第一文本与下一个待绘制的内容之间具有一定的间距，那么可以根据文本行间的距离值、第一显示高度及第一文本的高度，确定第二显示高度。

比如，以图2中(a)所示的坐标系为例，那么第二显示高度是将第一显示高度减去第一文本的高度以及距离值得到的结果。

本申请实施例中，在根据第一显示高度及第一文本的高度，确定第二显示高度时，可通过接收页面显示设置指令，其中，设置指令中包括每个页面中显示的文本行数，并根据文本行数及页面的显示高度，确定各个文本行间的距离值，根据距离值、第一显示高度及第一文本的高度，确定第二显示高度。由此，可以通过根据用户设置的每个页面中显示的文本行数和页面的显示高度，确定文本行间的距离值，并利用距离值、第一显示高度和第一文本的显示高度，确定出第二显示高度，从而可以根据用户设置的行数进行文本绘制，满足了用户的个性化需求。

在实际应用中，对于页面的绘制，经常会遇到最后剩下的高度不足以绘制一行文本，导致最终呈现的页面效果较差。基于此，本申请中，可在确定各个文本行间的距离值之后，确定当前的文本显示尺寸，比如当前的文本显示高度，并根据当前的文本显示尺寸、距离值和文本行数，确定页面中最后一个文本行与页面的指定显示边框件的空白区域。其中，指定显示边框为当前页面在显示高度方向上的边框。

比如，手机当前竖屏，那么指定显示边框可为页面在长度方向上的下边框。在计算空白区域时，可以将距离值与文本行数相乘，确定文本行间距的总距离值，将每行文本的显示尺寸与文本行数相乘可以得到文本的总尺寸。之后，将当前的文本显示高度减去总距离值及文本的总尺寸，可以得到空白区域的高度。

在获取空白区域的高度后，可将空白区域的高度与距离值进行比较。若空白区域的高度与距离值之间的差值大于阈值，可以认为空白区域比较大，可以根据空白区域的高度，对距离值进行调整。比如，将空白区域的高度除以文本行数，可以得到调整值，并将各个文本行间的距离值加上调整值。

本申请中，以行为单位对页面进行绘制，从而可以对各个文本行之间的间距进行微调，提高了页面的展示效果。

在实际应用中，文本内容可能会存在多余的空格、标点符号乱码等情况，如果直接在页面中绘制，会影响展示效果。基于此，为了提高了页面的展示效果，在本申请的一个实施例中，在进行页面绘制之前，可对文本内容进行预处理。下面结合图6进行说明，图6为本申请实施例提供的另一种页面的显示方法的流程示意图。

如图6所示，该页面的显示方法还包括：

步骤601，获取文本输入请求，其中，输入请求中包括待处理的文本内容。

本申请中，用户可上传待绘制的文本内容，或者，选择待绘制的文本内容，这时电子设备可接收到文本输入请求。其中，文本输入请求中可包括待处理的文本内容。

步骤602，根据当前所在的电子设备的类型，对所待处理的文本内容进行预处理，以生成待绘制的文本内容。

在获取待处理的文本内容后，可根据当前所在电子设备的类型，对待处理的文本内容进行预处理，比如对待处理的文本内容进行格式化以去除多余的空格、标点符号乱码、错别字等内容、设置字号和文字对齐方式等，从而生成待绘制的文本内容。之后，在绘制页面时，可从待绘制的文本内容，获取待绘制的文本。

由于电子设备的类型不同，显示屏幕的尺寸不同，那么预处理时设置的文本的字号不同。比如，在手机上进行页面绘制时，可设置字号为A，在电脑上进行页面绘制时，可设置字号为B。

本申请实施例中，还可通过获取文本输入请求，其中，输入请求中包括待处理的文本内容，并根据当前所在的电子设备的类型，对所待处理的文本内容进行预处理，以生成待绘制的文本内容。由此，通过对待处理的文本内容进行预处理，得到待绘制的文本内容，以对预处理后得到的待绘制的文本内容进行绘制，从而可以提高页面的展示效果。

下面结合图7和图8对本申请实施例的页面的显示方法进行说明。图7为本申请实施例提供的一种文本内容的预处理过程示意图；图8为本申请实施例提供的一种页面绘制过程示意图；

以对文章进行显示为例，图7中，首先获取用户输入的文章内容，并对文章内容进行有效性校验，比如校验文章内容的字数，若文章的字数大于0，可认为内容有效，若文章的字数为0，可认为内容无效，则退出。

在内容有效的情况下，创建临时文字容器。其中，临时文字容器可以理解为根据电子设备的宽度，创建的一个无限长的画布，在画布上可以排列文字。在创建临时文字容器后，可以获取设置的字号、对齐方式等。其中，字号和对齐方式可以是默认的，也可以是用户设置的。之后，可以按照逐行将文章内容放入文字容器中，从而生成待绘制的文本内容。

在实际应用中，获取的文章内容可能存在多于空格、标点符号错乱等情况，那么在将文章内容放入文字容器之前，可通过正则的方式对文章内容进行格式化，以去除多余的空格、标点符号乱码等。

图8中，获取待绘制的文本内容和需要绘制的尺寸，其中，需要绘制的尺寸，可以认为是电子设备当前的显示尺寸，或者页面的显示高度和宽度。之后，根据设定尺寸创建视图，并创建Y轴指针，并移动指针到起始点0，即Y值为0，这里的Y值可以理解为待绘制的内容在视图(即页面)中的第一显示高度。之后，判断是否有需要绘制的内容，如果没有则直接退出。如果有需要绘制的内容，根据Y值判断是否需要插入非文本内容。比如，可以将Y值与非文本内容的参考显示高度进行比较，根据两者的匹配情况，确定是否需要插入非文本内容。如果两者未匹配，则确定需要绘制文本。如果两者匹配，说明Y值处需要绘制非文本内容。

如果根据Y值，确定需要绘制非文本内容，则获取非文本内容并进行绘制。之后，可根据非文本内容的尺寸，重新计算Y轴指定位置，并继续判断是否有需要绘制的内容，直至页面绘制完成。其中，非文本内容与文本内容可以认为是分别放在不同的容器中，当需要绘制文本内容或非文本内容时，可从相应的容器中获取。

如果根据Y值，确定需要绘制文本，则可根据页面的显示宽度，从待绘制的文本内容中获取一行文本并进行绘制。之后，根据文本的显示尺寸，重新计算Y轴指针位置，并继续判断是否有需要绘制的内容，直至页面绘制完成。由此，以行为单位进行绘制，可以在任意行之间插入图片甚至视频，丰富了页面展示样式，同时也可以随时调整某一行的行间距或者段间距，自定义程度较高。

为了实现上述实施例，本申请实施例还提出一种页面的显示装置。图9为本申请实施例提供的一种页面的显示装置的结构示意图。

如图9所示，该页面的显示装置900包括：

第一确定模块910，用于确定当前待绘制的内容在页面中第一显示高度；

第一获取模块920，用于在所述第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据所述页面的显示宽度，获取待绘制的第一文本；

绘制模块930，用于在所述第一显示高度处绘制所述第一文本；

第二确定模块940，用于根据所述第一显示高度及所述第一文本的高度，确定第二显示高度；

第三确定模块950，用于在所述第二显示高度为预设显示高度的情况下，确定所述页面绘制完成。

在本申请实施例一种可能的实现方式中，该装置还可包括：

第二获取模块，用于在所述第一显示高度与所述参考显示高度匹配的情况下，获取所述非文本内容；

所述绘制模块930，还用于在所述第一显示高度处绘制所述非文本内容；

所述第二确定模块940，还用于根据所述第一显示高度及所述非文本内容的尺寸，确定第三显示高度；

所述第三确定模块950，还用于在所述第三显示高度为所述预设显示高度的情况下，确定所述页面绘制完成。

在本申请实施例一种可能的实现方式中，所述第一获取模块920，用于在所述第二显示高度非所述预设显示高度、且与所述参考显示高度未匹配的情况下，获取待绘制的第二文本；

所述绘制模块930，还用于在所述第二显示高度处绘制所述第二文本；

所述第二确定模块940，用于根据所述第二显示高度及所述第二文本的高度，确定第四显示高度；

所述绘制模块930，还用于在所述第四显示高度非所述预设显示高度、且与所述参考显示高度未匹配的情况下，在所述第四显示高度处继续绘制文本，直至所述页面绘制完成。

在本申请实施例一种可能的实现方式中，该装置还包括：

第四确定模块，用于根据所述页面在文本内容中的位置、和/或所述文本内容的类型，确定所述非文本内容对应的参考显示高度。

在本申请实施例一种可能的实现方式中，所述第二确定模块940，用于：

接收页面显示设置指令，其中，所述设置指令中包括每个页面中显示的文本行数；

根据所述文本行数及所述页面的显示高度，确定各个文本行间的距离值；

根据所述距离值、所述第一显示高度及所述第一文本的高度，确定所述第二显示高度。

在本申请实施例一种可能的实现方式中，该装置还可包括：

第三获取模块，用于获取文本输入请求，其中，所述输入请求中包括待处理的文本内容；

预处理模块，用于根据当前所在的电子设备的类型，对所待处理的文本内容进行预处理，以生成待绘制的文本内容。

需要说明的是，前述页面的显示方法实施例的解释说明，也适用于该实施例的页面的显示装置，故在此不再赘述。

本申请实施例中，通过确定当前待绘制的内容在页面中第一显示高度，在第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据页面的显示宽度，获取待绘制的第一文本，并在第一显示高度处绘制第一文本，之后根据第一显示高度及第一文本的高度，确定第二显示高度，在第二显示高度为预设显示高度的情况下，确定页面绘制完成。由此，通过在当前待绘制的内容的显示高度与非文本内容的参考显示高度未匹配时，获取文本并对文本进行绘制，从而可以在页面中灵活地绘制文本和非文本内容，提高了页面绘制的灵活性，丰富了页面展示样式。

根据本申请的实施例，本申请还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图10示出了可以用来实施本申请的实施例的示例电子设备1000的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图10所示，设备1000包括计算单元1001，其可以根据存储在ROM(Read-OnlyMemory，只读存储器)1002中的计算机程序或者从存储单元1008加载到RAM(Random AccessMemory，随机访问/存取存储器)1003中的计算机程序，来执行各种适当的动作和处理。在RAM 1003中，还可存储设备1000操作所需的各种程序和数据。计算单元1001、ROM 1002以及RAM1003通过总线1004彼此相连。I/O(Input/Output，输入/输出)接口1005也连接至总线1004。

设备1000中的多个部件连接至I/O接口1005，包括：输入单元1006，例如键盘、鼠标等；输出单元1007，例如各种类型的显示器、扬声器等；存储单元1008，例如磁盘、光盘等；以及通信单元1009，例如网卡、调制解调器、无线通信收发机等。通信单元1009允许设备1000通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元1001可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元1001的一些示例包括但不限于CPU(Central Processing Unit，中央处理单元)、GPU(Graphic Processing Units，图形处理单元)、各种专用的AI(Artificial Intelligence，人工智能)计算芯片、各种运行机器学习模型算法的计算单元、DSP(Digital SignalProcessor，数字信号处理器)、以及任何适当的处理器、控制器、微控制器等。计算单元1001执行上文所描述的各个方法和处理，例如页面的显示方法。例如，在一些实施例中，页面的显示方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元1008。在一些实施例中，计算机程序的部分或者全部可以经由ROM 1002和/或通信单元1009而被载入和/或安装到设备1000上。当计算机程序加载到RAM 1003并由计算单元1001执行时，可以执行上文描述的页面的显示方法的一个或多个步骤。备选地，在其他实施例中，计算单元1001可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面的显示方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、FPGA(Field Programmable Gate Array，现场可编程门阵列)、ASIC(Application-Specific Integrated Circuit，专用集成电路)、ASSP(Application Specific StandardProduct，专用标准产品)、SOC(System On Chip，芯片上系统的系统)、CPLD(ComplexProgrammable Logic Device，复杂可编程逻辑设备)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本申请的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本申请的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、RAM、ROM、EPROM(Electrically Programmable Read-Only-Memory，可擦除可编程只读存储器)或快闪存储器、光纤、CD-ROM(Compact Disc Read-Only Memory，便捷式紧凑盘只读存储器)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(Cathode-Ray Tube，阴极射线管)或者LCD(Liquid Crystal Display，液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：LAN(LocalArea Network，局域网)、WAN(Wide Area Network，广域网)、互联网和区块链网络。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务(VirtualPrivate Server，虚拟专用服务器)中，存在的管理难度大，业务扩展性弱的缺陷。服务器也可以为分布式系统的服务器，或者是结合了区块链的服务器。

根据本申请的实施例，本申请还提供了一种计算机程序产品，当计算机程序产品中的指令处理器执行时，执行本申请上述实施例提出的页面的显示方法。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (10)

1.一种页面的显示方法，包括：

确定当前待绘制的内容在页面中第一显示高度；

在所述第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据所述页面的显示宽度，获取待绘制的第一文本,其中，获取待绘制的第一文本为按照页面的显示宽度，从待绘制的文本内容中，获取与页面的显示宽度匹配的一行文本；

在所述第一显示高度处绘制所述第一文本；

根据所述第一显示高度及所述第一文本的高度，确定第二显示高度；

在所述第二显示高度为预设显示高度的情况下，确定所述页面绘制完成;

在所述第一显示高度与所述参考显示高度匹配的情况下，获取所述非文本内容；

在所述第一显示高度处绘制所述非文本内容；

根据所述第一显示高度及所述非文本内容的尺寸，确定第三显示高度；

在所述第三显示高度为所述预设显示高度的情况下，确定所述页面绘制完成;

在所述第二显示高度非所述预设显示高度、且与所述参考显示高度未匹配的情况下，获取待绘制的第二文本；

在所述第二显示高度处绘制所述第二文本；

根据所述第二显示高度及所述第二文本的高度，确定第四显示高度；

在所述第四显示高度非所述预设显示高度、且与所述参考显示高度未匹配的情况下，在所述第四显示高度处继续绘制文本，直至所述页面绘制完成。

2.如权利要求1所述的方法，其中，还包括：

根据所述页面在文本内容中的位置、和/或所述文本内容的类型，确定所述非文本内容对应的参考显示高度。

3.如权利要求1-2任一所述的方法，其中，所述根据所述第一显示高度及所述第一文本的高度，确定第二显示高度，包括：

接收页面显示设置指令，其中，所述设置指令中包括每个页面中显示的文本行数；

根据所述文本行数及所述页面的显示高度，确定各个文本行间的距离值；

根据所述距离值、所述第一显示高度及所述第一文本的高度，确定所述第二显示高度。

4.如权利要求1-2任一所述的方法，其中，还包括：

获取文本输入请求，其中，所述输入请求中包括待处理的文本内容；

根据当前所在的电子设备的类型，对所待处理的文本内容进行预处理，以生成待绘制的文本内容。

5.一种页面的显示装置，包括：

第一确定模块，用于确定当前待绘制的内容在页面中第一显示高度；

第一获取模块，用于在所述第一显示高度与预设的非文本内容对应的参考显示高度未匹配的情况下，根据所述页面的显示宽度，获取待绘制的第一文本,其中，获取待绘制的第一文本为按照页面的显示宽度，从待绘制的文本内容中，获取与页面的显示宽度匹配的一行文本；

绘制模块，用于在所述第一显示高度处绘制所述第一文本；

第二确定模块，用于根据所述第一显示高度及所述第一文本的高度，确定第二显示高度；

第三确定模块，用于在所述第二显示高度为预设显示高度的情况下，确定所述页面绘制完成；

第二获取模块，用于在所述第一显示高度与所述参考显示高度匹配的情况下，获取所述非文本内容；

所述绘制模块，还用于在所述第一显示高度处绘制所述非文本内容；

所述第二确定模块，还用于根据所述第一显示高度及所述非文本内容的尺寸，确定第三显示高度；

所述第三确定模块，还用于在所述第三显示高度为所述预设显示高度的情况下，确定所述页面绘制完成；

所述第一获取模块，用于在所述第二显示高度非所述预设显示高度、且与所述参考显示高度未匹配的情况下，获取待绘制的第二文本；

所述绘制模块，还用于在所述第二显示高度处绘制所述第二文本；

所述第二确定模块，用于根据所述第二显示高度及所述第二文本的高度，确定第四显示高度；

所述绘制模块，还用于在所述第四显示高度非所述预设显示高度、且与所述参考显示高度未匹配的情况下，在所述第四显示高度处继续绘制文本，直至所述页面绘制完成。

6.如权利要求5所述的装置，其中，所述装置还包括：

第四确定模块，用于根据所述页面在文本内容中的位置、和/或所述文本内容的类型，确定所述非文本内容对应的参考显示高度。

7.如权利要求5-6任一所述的装置，其中，所述第二确定模块，用于：

接收页面显示设置指令，其中，所述设置指令中包括每个页面中显示的文本行数；

根据所述文本行数及所述页面的显示高度，确定各个文本行间的距离值；

根据所述距离值、所述第一显示高度及所述第一文本的高度，确定所述第二显示高度。

8.如权利要求5-6任一所述的装置，其中，所述装置还包括：

第三获取模块，用于获取文本输入请求，其中，所述输入请求中包括待处理的文本内容；

预处理模块，用于根据当前所在的电子设备的类型，对所待处理的文本内容进行预处理，以生成待绘制的文本内容。

9.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-4中任一项所述的方法。

10.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-4中任一项所述的方法。