技术摘要：
本发明实施例提供了一种终端页面的图文混展示方法及装置，其中，首先根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度，以及预留字符展示区域的面积，确定当前页面的预留字符展示区域的最大展示字符数。然后，再根据待展示文本的全部字符和该最大展示字符  全部
背景技术：
应用界面开发时，会涉及到文字与图片需要在同一视图上展示的情况，多数为文 字的末尾跟随一张图片，以起到形象生动的展示效果。 针对在一段文字的末尾跟随展示一张图片的情况，通常现有文字显示控件只能在 文字为单行展示时，在文字的末尾跟随展示一张图片，但是当文字为多行展示时，只能令图 片跟随在整段文字的后方展示，这样可能会造成图片显示不全，或者文字显示不全，且文字 与图片的排版方式也不美观。同时，一旦当前页面的可展示区域不足以展示全部文字时，可 以展示的文字、需要被省略的文字以及图片之间容易产生预留区域的混乱，令排版出现展 示异常。
技术实现要素：
本申请提供了一种终端页面的图文展示方法及装置，以解决现有图文展示时无法 正确划分文字与图片的展示区域的问题。 第一方面，本发明实施例提供了一种终端页面的图文展示方法，包括： 根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度，以及所述预 留字符展示区域的面积，确定所述当前页面的所述预留字符展示区域的最大展示字符数， 其中，所述预留字符展示区域为从所述当前页面的可展示区域中剔除预留图片展示区域后 剩余的区域； 获取待展示文本中的全部字符，并根据所述全部字符和所述预留字符展示区域的 所述最大展示字符数，确定将在所述预留字符展示区域展示的展示字符； 在所述预留图片展示区域加载待展示图片，并在所述预留字符展示区域加载所述 展示字符，以在所述当前页面展示所述待展示图片以及所述展示字符。 在本发明实施例第一方面一种可能的实现方式中，所述根据当前页面的预留字符 展示区域中设置的单个字符的高度和宽度，以及所述预留字符展示区域的面积，确定所述 当前页面的所述预留字符展示区域的最大展示字符数之前包括： 获取待展示图片的高度和宽度，以及所述当前页面的可展示区域； 按照预设文字阅读方向，在所述可展示区域的末端确定与所述待展示图片的面积 相匹配的非字符展示区域； 从所述可展示区域中剔除所述非字符展示区域，得到所述当前页面的所述预留字 符展示区域。 在本发明实施例第一方面一种可能的实现方式中， 所述根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度，以及所 述预留字符展示区域的面积，确定所述当前页面的预留字符展示区域的最大展示字符数包 4 CN 111596988 A 说　明　书 2/9 页 括： 根据所述单个字符的高度和宽度，确定所述单个字符对应的展示面积； 计算所述预留字符展示区域的面积与所述单个字符对应的展示面积的比值，得到 所述当前页面的所述预留字符展示区域的最大展示字符数。 在本发明实施例第一方面一种可能的实现方式中，所述获取待展示文本中的全部 字符，并根据所述全部字符和所述预留字符展示区域的最大展示字符数，确定将在所述预 留字符展示区域展示的展示字符包括： 如果所述全部字符的数量小于或者等于所述最大展示字符数，则确定所述全部字 符为展示字符； 如果所述全部字符的数量大于所述最大展示字符数，则按照预设文字阅读的顺 序，从所述全部字符中的首字符开始，截取数量与所述最大展示字符数相等的部分字符，并 确定所述部分字符为展示字符。 在本发明实施例第一方面一种可能的实现方式中，所述获取待展示文本中的全部 字符，并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数，确定将在所 述预留字符展示区域展示的展示字符还包括： 结合所述展示字符与所述全部字符，确定所述全部字符在所述当前页面中未展示 的字符的数量； 如果所述未展示的字符的数量大于0，则按照所述预设文字阅读的顺序，剔除所述 展示字符的一个末尾字符，并将所述末尾字符对应的区域设定为预留未展示的字符的标识 的展示区域。 在本发明实施例第一方面一种可能的实现方式中，所述在所述预留图片展示区域 加载待展示图片，并在所述预留字符展示区域加载所述展示字符还包括： 在所述预留未展示的字符的标识的展示区域加载未展示的字符的标识，以在所述 当前页面展示所述待展示图片、所述未展示的字符的标识以及所述展示字符。 在本发明实施例第一方面一种可能的实现方式中，所述方法还包括： 在所述未展示的字符的标识上添加展开功能，以使对所述未展示的字符的标识进 行点击操作之后在所述当前页面或者跳转至下一页面展示所述未展示的字符。 第二方面，本发明实施例提供了一种终端页面的图文展示装置，包括： 展示字符数计算模块，用于根据当前页面的预留字符展示区域中设置的单个字符 的高度和宽度，以及所述预留字符展示区域的面积，确定所述当前页面的所述预留字符展 示区域的最大展示字符数，其中，所述预留字符展示区域为从所述当前页面的可展示区域 中剔除预留图片展示区域后剩余的区域； 展示字符确定模块，用于获取待展示文本中的全部字符，并根据所述全部字符和 所述预留字符展示区域的所述最大展示字符数，确定将在所述预留字符展示区域展示的展 示字符； 图文生成模块，用于在所述预留图片展示区域加载待展示图片，并在所述预留字 符展示区域加载所述展示字符，以在所述当前页面展示所述待展示图片以及所述展示字 符。 在本发明实施例第二方面一种可能的实现方式中，所述装置还包括： 5 CN 111596988 A 说　明　书 3/9 页 信息获取模块，用于获取待展示图片的高度和宽度，以及所述当前页面的可展示 区域； 非字符展示区域确定模块，用于按照预设文字阅读方向，在所述可展示区域的末 端确定与所述待展示图片的面积相匹配的非字符展示区域； 预留字符展示区域生成模块，用于从所述可展示区域中剔除所述非字符展示区 域，得到所述当前页面的预留字符展示区域。 在本发明实施例第二方面一种可能的实现方式中，所述展示字符数确定模块包 括： 字符面积计算模块，用于根据所述单个字符的高度和宽度，确定所述单个字符对 应的展示面积； 数量计算模块，用于计算所述预留字符展示区域的面积与所述单个字符对应的展 示面积的比值，得到所述当前页面的所述预留字符展示区域的最大展示字符数。 在本发明实施例第二方面一种可能的实现方式中，所述展示字符确定模块包括： 第一确定模块，用于如果所述全部字符的数量小于或者等于所述最大展示字符 数，则确定所述全部字符为展示字符； 第二确定模块，用于如果所述全部字符的数量大于所述最大展示字符数，则按照 预设文字阅读的顺序，从所述全部字符中的首字符开始，截取数量与所述最大展示字符数 相等的部分字符，并确定所述部分字符为所述展示字符。 在本发明实施例第二方面一种可能的实现方式中，所述展示字符确定模块还包 括： 省略字符数计算模块，用于结合所述展示字符与所述全部字符，确定所述全部字 符在所述当前页面中未展示的字符的数量； 展示字符二次计算模块，用于如果所述未展示的字符的数量大于0，则按照所述预 设文字阅读的顺序，剔除所述展示字符的一个末尾字符，并将所述末尾字符对应的区域设 定为预留未展示的字符的标识的展示区域。 在本发明实施例第二方面一种可能的实现方式中，所述待展示图文生成模块包 括： 字符省略标识添加模块，用于在所述预留未展示的字符的标识的展示区域加载未 展示的字符的标识，以在所述当前页面展示所述待展示图片、所述未展示的字符的标识以 及所述展示字符。 在本发明实施例第二方面一种可能的实现方式中，所述装置还包括： 功能添加模块，用于在所述未展示的字符的标识上添加展开功能，以使对所述字 符省略标识进行点击操作之后在所述当前页面或者跳转至下一页面展示所述未展示的字 符。 第三方面，本申请实施例提供了一种电子设备，所述电子设备包括： 处理器，以及 存储器，用于存储所述处理器的可执行指令； 其中，所述处理器配置为经由执行所述可执行指令来执行所述的终端页面的图文 展示方法。 6 CN 111596988 A 说　明　书 4/9 页 第四方面，本申请实施例提供了一种计算机可读存储介质，其上存储有计算机程 序，所述计算机程序被处理器执行时实现所述的终端页面的图文展示方法。 本发明实施例提供了一种终端页面的图文展示方法及装置，其中，首先根据当前 页面的预留字符展示区域中设置的单个字符的高度和宽度，以及所述预留字符展示区域的 面积，确定当前页面的所述预留字符展示区域的最大展示字符数。然后，再根据待展示文本 的全部字符和该最大展示字符数，确定将在预留字符展示区域展示的展示字符。之后，通过 在所述预留图片展示区域加载待展示图片，并在所述预留字符展示区域加载所述展示字 符，以在所述当前页面展示所述待展示图片以及所述展示字符。可见，本申请所提供的终端 页面的图文展示方法，能够准确确定可以展示的字符数，从而保证展示字符和待展示图片 的正常展示，以起到文字和图片同时展示的效果。 附图说明 为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简 单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下， 还可以根据这些附图获得其他的附图。 图1为本申请实施例提供的一种终端页面的图文展示方法的流程图； 图2为本申请实施例提供的一种确定预留字符展示区域的方法的流程图； 图3(a)为本申请实施例提供的一种可展示区域的末端的示意图； 图3(b)为本申请实施例提供的另一种可展示区域的末端的示意图； 图4为本申请实施例提供的一种确定最大展示字符数的方法的流程图； 图5为本申请实施例提供的一种确定展示字符的方法的流程图； 图6为本申请实施例提供的另一种确定展示字符的方法的流程图； 图7为本申请实施例提供的一种展示图文的示意图； 图8为本申请实施例提供的终端页面的图文展示装置实施例一的结构示意图； 图9为本申请实施例提供的终端页面的额图文展示装置实施例二的结构示意图； 图10为本申请实施例提供的终端页面的图文展示装置实施例三的结构示意图； 图11为本申请实施例提供的终端页面的图文展示装置实施例四的结构示意图； 图12为本申请实施例提供的终端页面的图文展示装置实施例五的结构示意图； 图13为本申请实施例提供的终端页面的图文展示装置实施例六的结构示意图； 图14为本申请实施例提供的终端页面的图文展示装置实施例七的结构示意图； 图15为本发明实施例提供的电子设备的硬件结构示意图。