CN111596988B - 一种终端页面的图文展示方法及装置 - Google Patents
一种终端页面的图文展示方法及装置 Download PDFInfo
- Publication number
- CN111596988B CN111596988B CN202010343362.6A CN202010343362A CN111596988B CN 111596988 B CN111596988 B CN 111596988B CN 202010343362 A CN202010343362 A CN 202010343362A CN 111596988 B CN111596988 B CN 111596988B
- Authority
- CN
- China
- Prior art keywords
- character
- characters
- display area
- displayed
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/30—Semantic analysis
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明实施例提供了一种终端页面的图文混展示方法及装置,其中,首先根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及预留字符展示区域的面积,确定当前页面的预留字符展示区域的最大展示字符数。然后,再根据待展示文本的全部字符和该最大展示字符数,确定将在预留字符展示区域展示的展示字符。之后,通过在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符,以在所述当前页面展示所述待展示图片以及所述展示字符。可见,本申请所提供的终端页面的图文展示方法,能够准确确定可以展示的字符数,从而保证展示字符和待展示图片的正常展示,以起到文字和图片同时展示的效果。
Description
技术领域
本申请涉及图文处理技术领域,尤其涉及一种终端页面的图文展示方法及装置。
背景技术
应用界面开发时,会涉及到文字与图片需要在同一视图上展示的情况,多数为文字的末尾跟随一张图片,以起到形象生动的展示效果。
针对在一段文字的末尾跟随展示一张图片的情况,通常现有文字显示控件只能在文字为单行展示时,在文字的末尾跟随展示一张图片,但是当文字为多行展示时,只能令图片跟随在整段文字的后方展示,这样可能会造成图片显示不全,或者文字显示不全,且文字与图片的排版方式也不美观。同时,一旦当前页面的可展示区域不足以展示全部文字时,可以展示的文字、需要被省略的文字以及图片之间容易产生预留区域的混乱,令排版出现展示异常。
发明内容
本申请提供了一种终端页面的图文展示方法及装置,以解决现有图文展示时无法正确划分文字与图片的展示区域的问题。
第一方面,本发明实施例提供了一种终端页面的图文展示方法,包括:
根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的所述预留字符展示区域的最大展示字符数,其中,所述预留字符展示区域为从所述当前页面的可展示区域中剔除预留图片展示区域后剩余的区域;
获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数,确定将在所述预留字符展示区域展示的展示字符;
在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符,以在所述当前页面展示所述待展示图片以及所述展示字符。
在本发明实施例第一方面一种可能的实现方式中,所述根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的所述预留字符展示区域的最大展示字符数之前包括:
获取待展示图片的高度和宽度,以及所述当前页面的可展示区域;
按照预设文字阅读方向,在所述可展示区域的末端确定与所述待展示图片的面积相匹配的非字符展示区域;
从所述可展示区域中剔除所述非字符展示区域,得到所述当前页面的所述预留字符展示区域。
在本发明实施例第一方面一种可能的实现方式中,
所述根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的预留字符展示区域的最大展示字符数包括:
根据所述单个字符的高度和宽度,确定所述单个字符对应的展示面积;
计算所述预留字符展示区域的面积与所述单个字符对应的展示面积的比值,得到所述当前页面的所述预留字符展示区域的最大展示字符数。
在本发明实施例第一方面一种可能的实现方式中,所述获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的最大展示字符数,确定将在所述预留字符展示区域展示的展示字符包括:
如果所述全部字符的数量小于或者等于所述最大展示字符数,则确定所述全部字符为展示字符;
如果所述全部字符的数量大于所述最大展示字符数,则按照预设文字阅读的顺序,从所述全部字符中的首字符开始,截取数量与所述最大展示字符数相等的部分字符,并确定所述部分字符为展示字符。
在本发明实施例第一方面一种可能的实现方式中,所述获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数,确定将在所述预留字符展示区域展示的展示字符还包括:
结合所述展示字符与所述全部字符,确定所述全部字符在所述当前页面中未展示的字符的数量;
如果所述未展示的字符的数量大于0,则按照所述预设文字阅读的顺序,剔除所述展示字符的一个末尾字符,并将所述末尾字符对应的区域设定为预留未展示的字符的标识的展示区域。
在本发明实施例第一方面一种可能的实现方式中,所述在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符还包括:
在所述预留未展示的字符的标识的展示区域加载未展示的字符的标识,以在所述当前页面展示所述待展示图片、所述未展示的字符的标识以及所述展示字符。
在本发明实施例第一方面一种可能的实现方式中,所述方法还包括:
在所述未展示的字符的标识上添加展开功能,以使对所述未展示的字符的标识进行点击操作之后在所述当前页面或者跳转至下一页面展示所述未展示的字符。
第二方面,本发明实施例提供了一种终端页面的图文展示装置,包括:
展示字符数计算模块,用于根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的所述预留字符展示区域的最大展示字符数,其中,所述预留字符展示区域为从所述当前页面的可展示区域中剔除预留图片展示区域后剩余的区域;
展示字符确定模块,用于获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数,确定将在所述预留字符展示区域展示的展示字符;
图文生成模块,用于在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符,以在所述当前页面展示所述待展示图片以及所述展示字符。
在本发明实施例第二方面一种可能的实现方式中,所述装置还包括:
信息获取模块,用于获取待展示图片的高度和宽度,以及所述当前页面的可展示区域;
非字符展示区域确定模块,用于按照预设文字阅读方向,在所述可展示区域的末端确定与所述待展示图片的面积相匹配的非字符展示区域;
预留字符展示区域生成模块,用于从所述可展示区域中剔除所述非字符展示区域,得到所述当前页面的预留字符展示区域。
在本发明实施例第二方面一种可能的实现方式中,所述展示字符数确定模块包括:
字符面积计算模块,用于根据所述单个字符的高度和宽度,确定所述单个字符对应的展示面积;
数量计算模块,用于计算所述预留字符展示区域的面积与所述单个字符对应的展示面积的比值,得到所述当前页面的所述预留字符展示区域的最大展示字符数。
在本发明实施例第二方面一种可能的实现方式中,所述展示字符确定模块包括:
第一确定模块,用于如果所述全部字符的数量小于或者等于所述最大展示字符数,则确定所述全部字符为展示字符;
第二确定模块,用于如果所述全部字符的数量大于所述最大展示字符数,则按照预设文字阅读的顺序,从所述全部字符中的首字符开始,截取数量与所述最大展示字符数相等的部分字符,并确定所述部分字符为所述展示字符。
在本发明实施例第二方面一种可能的实现方式中,所述展示字符确定模块还包括:
省略字符数计算模块,用于结合所述展示字符与所述全部字符,确定所述全部字符在所述当前页面中未展示的字符的数量;
展示字符二次计算模块,用于如果所述未展示的字符的数量大于0,则按照所述预设文字阅读的顺序,剔除所述展示字符的一个末尾字符,并将所述末尾字符对应的区域设定为预留未展示的字符的标识的展示区域。
在本发明实施例第二方面一种可能的实现方式中,所述待展示图文生成模块包括:
字符省略标识添加模块,用于在所述预留未展示的字符的标识的展示区域加载未展示的字符的标识,以在所述当前页面展示所述待展示图片、所述未展示的字符的标识以及所述展示字符。
在本发明实施例第二方面一种可能的实现方式中,所述装置还包括:
功能添加模块,用于在所述未展示的字符的标识上添加展开功能,以使对所述字符省略标识进行点击操作之后在所述当前页面或者跳转至下一页面展示所述未展示的字符。
第三方面,本申请实施例提供了一种电子设备,所述电子设备包括:
处理器,以及
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行所述的终端页面的图文展示方法。
第四方面,本申请实施例提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现所述的终端页面的图文展示方法。
本发明实施例提供了一种终端页面的图文展示方法及装置,其中,首先根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定当前页面的所述预留字符展示区域的最大展示字符数。然后,再根据待展示文本的全部字符和该最大展示字符数,确定将在预留字符展示区域展示的展示字符。之后,通过在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符,以在所述当前页面展示所述待展示图片以及所述展示字符。可见,本申请所提供的终端页面的图文展示方法,能够准确确定可以展示的字符数,从而保证展示字符和待展示图片的正常展示,以起到文字和图片同时展示的效果。
附图说明
为了更清楚地说明本申请的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种终端页面的图文展示方法的流程图;
图2为本申请实施例提供的一种确定预留字符展示区域的方法的流程图;
图3(a)为本申请实施例提供的一种可展示区域的末端的示意图;
图3(b)为本申请实施例提供的另一种可展示区域的末端的示意图;
图4为本申请实施例提供的一种确定最大展示字符数的方法的流程图;
图5为本申请实施例提供的一种确定展示字符的方法的流程图;
图6为本申请实施例提供的另一种确定展示字符的方法的流程图;
图7为本申请实施例提供的一种展示图文的示意图;
图8为本申请实施例提供的终端页面的图文展示装置实施例一的结构示意图;
图9为本申请实施例提供的终端页面的额图文展示装置实施例二的结构示意图;
图10为本申请实施例提供的终端页面的图文展示装置实施例三的结构示意图;
图11为本申请实施例提供的终端页面的图文展示装置实施例四的结构示意图;
图12为本申请实施例提供的终端页面的图文展示装置实施例五的结构示意图;
图13为本申请实施例提供的终端页面的图文展示装置实施例六的结构示意图;
图14为本申请实施例提供的终端页面的图文展示装置实施例七的结构示意图;
图15为本发明实施例提供的电子设备的硬件结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整的描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
图1为本申请实施例提供的一种终端页面的图文展示方法的流程图,如图1所示,所述方法包括:
S1、根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的所述预留字符展示区域的最大展示字符数,其中,所述预留字符展示区域为从所述当前页面的可展示区域中剔除预留图片展示区域后剩余的区域。
UI(User Interface,用户界面)的设计过程中,通常需要展示不同字体的文本,而且每个待展会文本中也会存在同时使用多个字体的情况。此时,为了准确计算当前页面可以展示的最大展示字符数,可以通过字体信息确定单个字符的高度和宽度。通常,字符的高度是指该字符所占用预留字符展示区域的高度,因为这个高度包含行间距的空白部分,因此,这个高度一般会大于字符本身的高度。同样的,字符的宽度是指该字符所占用预留字符展示区域的宽度,因为这个宽度包含相邻字符之间的空白部分,受到排版密度的影响,因此,这个宽度一般会大于字符本身的宽度。
通常当前页面由于有版面设计的要求,并非全部页面都可以用于展示待展示文本,只会有部分区域用于展示待展示文本,本实施例中将其定义为可展示区域。但是,由于需要同时展示文本和图片,因此,需要将可展示区域进一步区分,即将可展示区域区分为用于展示文本的预留字符展示区域,以及用于展示图片的预留图片展示区域。
具体地,请参阅图2,为本申请实施例提供的一种确定预留字符展示区域的方法的流程图,如图2所示,所述方法包括:
S101、获取待展示图片的高度和宽度,以及所述当前页面的可展示区域;
S102、按照预设文字阅读方向,在所述可展示区域的末端确定与所述待展示图片的面积相匹配的非字符展示区域;
S103、从所述可展示区域中剔除所述非字符展示区域,得到所述当前页面的所述预留字符展示区域。
获取待展示图片的高度和宽度,所述待展示图片的高度和宽度是指该待展示图片所占用当前页面的高度和宽度,这个高度和宽度一般大于图片本身的高度和宽度。
本申请实施例要求待展示图片需要跟随在待展示文本的末尾进行展示,因此,相应的,需要在可展示区域的末尾找到相应的区域,并从该区域中确定与待展示图片的尺寸相适应的区域为非字符展示区域。
通常,可以按照预设文字阅读方向来确定可展示区域的末端,如图3(a)和图3(b)所示,其中,图3(a)中预设文字阅读方向为从上至下,且从右至左,因此,可展示区域的左下方即为可展示区域的末端;图3(b)中预设文字阅读方向为从左至右,且从上至下,因此,可展示区域的右下方即为可展示区域的末端。准确找到可展示区域的末端之后,在该区域确定与待展示图片的尺寸相匹配的非字符展示区域。最后,从可展示区域中剔除该非字符展示区域,得到预留字符展示区域,该预留字符展示区域用于展示文本。需要注意的是,本实施例中所述的剔除并非物理意义上的消除,而是对非字符展示区域做相应的图层、输入等处理,以使该非字符展示区域只接受图片格式的输入,而不接受字符格式的输入。
在确定专属于文本展示的预留字符展示区域之后,可以根据该预留字符展示区域的面积确定最大展示字符数。需要注意的是,由预留字符展示区域的生成原理可知,预留字符展示区域通常为不规则区域,此时,可以将预留字符展示区域划分为多个规则区域,那么预留字符展示区域的尺寸即分别对应于各个规则区域的高度和宽度。
具体地,请参阅图4,为本申请实施例提供的一种确定最大展示字符数的方法的流程图,如图4所示,所述方法包括:
S104、根据所述单个字符的高度和宽度,确定所述单个字符对应的展示面积;
S105、计算所述预留字符展示区域的面积与所述单个字符对应的展示面积的比值,得到所述当前页面的所述预留字符展示区域的最大展示字符数。
根据几何关系可知,已知单个字符的高度和宽度,根据S=h×d,其中,S代表面积,h代表高度,d代表宽度,可以计算出每个字符所占用当前页面的展示面积,即字符面积。
同样的,可以通过获取预留字符展示区域的尺寸,准确确定预留字符展示区域的面积。所谓预留字符展示区域的面积即为用于展示字符的面积。
根据数学关系可知,通过比值关系,即n=S2/S1,其中,n代表字符数量,S1代表字符面积,S2代表预留字符展示区域的面积,得到最大展示字符数。
可见,本申请实施例所提供的方法能够准确计算出预留字符展示区域内可以展示的最大字符数,从而可以严格控制所截取的待展示字符数不会超过这个数量,以免产生展示异常的问题。
S2、获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数,确定将在所述预留字符展示区域展示的展示字符。
可以通过Word文档的拾取字符的功能,或者OCR(Optical CharacterRecognition,光学字符识别)技术等,识别待展示文本中的全部字符
通常,会先比较全部字符的数量与最大展示字符数,如果全部字符的数量小于或者等于最大展示字符数,则可以展示全部字符。如果全部字符的数量大于最大展会字符数,说明只能展示与最大展示字符数相等的部分字符。
具体地,如图5所示,为本申请实施例提供的一种确定展示字符的方法的流程图,如图5所示,所述方法包括:
S201、如果所述全部字符的数量小于或者等于所述最大展示字符数,则确定所述全部字符为展示字符;
S202、如果所述全部字符的数量大于所述最大展示字符数,则按照预设文字阅读的顺序,从所述全部字符中的首字符开始,截取数量与所述最大展示字符数相等的部分字符,并确定所述部分字符为展示字符。
可以通过比较待展示文本中的全部字符的数量与最大展示字符数,确定可以展示于当前页面的展示字符,从而避免展示过多的字符,以影响图片的展示。
在另一种实现方式中,如果直接按照文字阅读的顺序,从待展示文本的首字符开始,截取与最大展示字符数相等的部分字符作为展示字符,有时文本的开头部分在语义上仅为一个引述部分,与文本的主要内容关联较小,那么将该部分作为展示字符,则会令展示的效果大打折扣。因此,为了在有限的展示字符中展示主要信息,可以有效提高展示效果。
通常,利用语义分析技术,可以采用语言学习模型等从全部字符中提取出关键字符,这些关键字符可以代表全部字符的关键信息。如果所提取出的关键字符的数量小于或者等于最大展示字符数,则可以直接将这些关键字符作为展示字符展示于预留字符展示区域上。进一步地,如果关键字符的数量小于最大展示字符数,会在预留字符展示区域出现空白区域,此时,可以再从余下的字符中按照字符在文本中的排列顺序补入该空白区域。
如果所提取出的关键字符的数量大于最大展示字符数,说明预留字符展示区域也无法完全展示提取出的全部关键字符,此时需要进一步地从关键字符中截取数量与最大展示字符数相等的关键字符作为展示字符,其中,可以按照随机挑选关键字符的方式截取,也可以按照关键字符在文本中对应的展示顺序的顺序逐个截取。
通过本申请实施例所提供的确定展示字符的方式,可以令所获得展示字符充分展示出待展示文本的关键信息,从而提高展示效果。
进一步地,对于全部字符的数量大于最大展示字符数的情况,说明有一部分字符无法展示于当前页面,那么这部分字符需要一个用一个符号来代替标识,以告知用户该文本还存在隐藏起来的字符。请参见图6,为本申请实施例提供的另一种确定展示字符的方法的流程图,所述方法包括:
S203、结合所述展示字符与所述全部字符,确定所述全部字符在所述当前页面中未展示的字符的数量;
S204、如果所述未展示的字符的数量大于0,则按照所述预设文字阅读的顺序,剔除所述展示字符的一个末尾字符,并将所述末尾字符对应的区域设定为预留未展示的字符的标识的展示区域。
根据数学关系,结合当前所确定的展示字符以及全部字符,可以准确确定未展示的字符的数量,此时,为了给表示未展示的字符的标识预留位置,需要从当前展示字符的末尾剔除部分字符,以留出添加未展示的字符的标识的区域,即预留未展示的字符的标识的展示区域。通常,所添加的未展示的字符的标识会占据一个字符的区域,因此,从展示字符中剔除末尾的一个字符即可,可选地,可以根据所要添加的标识的实际占用区域,从展示字符中剔除末尾的多个字符,对应得到预留未展示的字符的标识的展示区域。
S3、在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符,以在所述当前页面展示所述待展示图片以及所述展示字符。
在确定展示字符之后,需要在当前页面同时展示展示字符和待展示图片。
进一步地,如上文所述,如果需要利用标识代替未展示的字符,则如图7所示,为本申请实施例提供的一种展示图文的示意图,在当前页面的可展示区域,按照预设文字阅读的顺序,依次加载展示字符、未展示的字符的标识、以及待展示图片。
进一步地,针对添加了未展示的字符的标识的展示图文,如果用户需要浏览待展示文本的全部字符,可能需要点击超链接以跳转至文本信息的展示页面,此时,会同时存在数据在前端页面和后端服务器之间流转的过程,增加显示的时间,同时受到网络环境的限制。本申请实施例在所述未展示的字符的标识上添加展开功能,以使对所述未展示的字符的标识进行点击操作之后展示未展示的字符。即将与未展示的字符的标识对应数据保存至前端页面,此时,可以通过点击省略符,而直接从前端页面获得未展示的字符对应的数据,以向用户展示未展示的字符,节省显示操作的时间。其中,未展示的字符可以以遮挡其它区域的方式展示于当前页面,也可以展示于一个单独的页面(下一页面)。
图8为本申请实施例提供终端页面的图文展示装置实施例一的结构示意图,所述装置包括:展示字符数计算模块1,用于根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定最大展示字符数,其中,所述预留字符展示区域为从所述当前页面的可展示区域中剔除预留图片展示区域后剩余的区域;展示字符确定模块2,用于获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的最大展示字符数,确定将在所述预留字符展示区域展示的展示字符;图文生成模块3,用于在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符,以在所述当前页面展示所述待展示图片以及所述展示字符。
图9为本申请实施例提供的终端页面的图文展示装置实施例二的结构示意图,所述装置还包括:信息获取模块4,用于获取待展示图片的高度和宽度,以及所述当前页面的可展示区域;非字符展示区域确定模块5,用于按照预设文字阅读方向,在所述可展示区域的末端确定与所述待展示图片的面积相匹配的非字符展示区域;预留字符展示区域生成模块6,用于从所述可展示区域中剔除所述非字符展示区域,得到所述当前页面的预留字符展示区域。
图10为本申请实施例提供的终端页面的图文展示装置实施例三的结构示意图,所述展示字符数计算模块1包括:字符面积计算模块11,用于根据所述单个字符的高度和宽度,确定所述单个字符对应的展示面积;数量计算模块12,用于计算所述预留字符展示区域的面积与所述单个字符对应的展示面积的比值,得到所述当前页面的所述预留字符展示区域的最大展示字符数。
图11为本申请实施例提供的终端页面的图文展示装置实施例四的结构示意图,所述展示字符确定模块2包括:第一确定模块21,用于如果所述全部字符的数量小于或者等于所述最大展示字符数,则确定所述全部字符为展示字符;第二确定模块22,用于如果所述全部字符的数量大于所述最大展示字符数,则按照预设文字阅读的顺序,从所述全部字符中的首字符开始,截取数量与所述最大展示字符数相等的部分字符,并确定所述部分字符为所述展示字符。
图12为本申请实施例提供的终端页面的图文展示装置实施例五的结构示意图,所述展示字符确定模块2还包括:省略字符数计算模块23,用于结合所述展示字符与所述全部字符,确定所述全部字符在所述当前页面中未展示的字符的数量;展示字符二次计算模块24,用于如果所述未展示的字符的数量大于0,则按照所述预设文字阅读的顺序,剔除所述待展示字符的一个末尾字符,并将所述末尾字符对应的区域设定为预留未展示的字符的标识的展示区域。
图13为本申请实施例提供的终端页面的图文展示装置实施例六的结构示意图,所述图文生成模块3还包括:字符省略标识添加模块31,用于在所述未预留未展示的字符的标识的展示区域加载所述未展示的字符的标识,以在所述当前页面展示所述待展示图片、所述未展示的字符的标识以及所述展示字符。
图14为本申请实施例提供的终端页面的图文展示装置实施例七的结构示意图,所述装置还包括:
功能添加模块7,用于在所述未展示的字符的标识上添加展开功能,以使对所述字符省略标识进行点击操作之后在所述当前页面或者跳转至下一页面展示所述未展示的字符。
图15为本发明实施例提供的电子设备的硬件结构示意图。该电子设备包括:存储器101和处理器102;
存储器101,用于存储计算机程序;
处理器102,用于执行存储器存储的计算机程序,以实现上述实施例中的终端页面的图文展示方法。具体可以参见前述方法实施例中的相关描述。
可选地,存储器101既可以是独立的,也可以跟处理器102集成在一起。
当所述存储器101是独立于处理器102之外的器件时,所述电子设备还可以包括:
总线103,用于连接所述存储器101和处理器102。
本发明实施例提供的电子设备可用于执行上述实施例中任一所示的终端页面的图文展示方法,其实现方式和技术效果类似,本发明实施例此处不再赘述。
本发明实施例还提供一种可读存储介质,可读存储介质中存储有计算机程序,当消息发送的装置的至少一个处理器执行该计算机程序时,消息发送的装置执行上述实施例任一所述的终端页面的图文展示方法。
本领域普通技术人员可以理解:实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于以计算机可读取存储介质中。该程序在执行时,执行包括上述各方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解,其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换,而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (10)
1.一种终端页面的图文展示方法,其特征在于,包括:
根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的所述预留字符展示区域的最大展示字符数,其中,所述预留字符展示区域为从所述当前页面的可展示区域中剔除预留图片展示区域后剩余的区域,所述预留图片展示区域的尺寸与待展示图片的尺寸相匹配,所述预留图片展示区域位于所述预留字符展示区域的末尾,所述预留字符展示区域的末尾是指按照预设文字阅读方向在所述预留字符展示区域的最后一行的尾端区域,其中,所述待展示图片在目标方向上的尺寸与所述预留字符展示区域的最后一行在所述目标方向上的尺寸相匹配,所述目标方向垂直于所述预留字符展示区域的最后一行对应的预设文字阅读方向;
获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数,确定将在所述预留字符展示区域展示的展示字符;
在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符,以在所述当前页面展示所述待展示图片以及所述展示字符。
2.根据权利要求1所述的方法,其特征在于,所述根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的所述预留字符展示区域的最大展示字符数之前包括:
获取待展示图片的高度和宽度,以及所述当前页面的可展示区域;
按照预设文字阅读方向,在所述可展示区域的末端确定与所述待展示图片的面积相匹配的非字符展示区域;
从所述可展示区域中剔除所述非字符展示区域,得到所述当前页面的所述预留字符展示区域。
3.根据权利要求1所述的方法,其特征在于,所述根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的所述预留字符展示区域的最大展示字符数包括:
根据所述单个字符的高度和宽度,确定所述单个字符对应的展示面积;
计算所述预留字符展示区域的面积与所述单个字符对应的展示面积的比值,得到所述当前页面的所述预留字符展示区域的所述最大展示字符数。
4.根据权利要求1所述的方法,其特征在于,所述获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数,确定将在所述预留字符展示区域展示的展示字符包括:
如果所述全部字符的数量小于或者等于所述最大展示字符数,则确定所述全部字符为展示字符;
如果所述全部字符的数量大于所述最大展示字符数,则按照预设文字阅读的顺序,从所述全部字符中的首字符开始,截取数量与所述最大展示字符数相等的部分字符,并确定所述部分字符为所述展示字符。
5.根据权利要求4所述的方法,其特征在于,所述获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数,确定将在所述预留字符展示区域展示的展示字符还包括:
结合所述展示字符与所述全部字符,确定所述全部字符在所述当前页面中未展示的字符的数量;
如果所述未展示的字符的数量大于0,则按照所述预设文字阅读的顺序,剔除所述展示字符的一个末尾字符,并将所述末尾字符对应的区域设定为预留未展示的字符的标识的展示区域。
6.根据权利要求5所述的方法,其特征在于,所述在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符还包括:
在所述预留未展示的字符的标识的展示区域加载所述未展示的字符的标识,以在所述当前页面展示所述待展示图片、所述未展示的字符的标识以及所述展示字符。
7.根据权利要求6所述的方法,其特征在于,所述方法还包括:
在所述未展示的字符的标识上添加展开功能,以使对所述未展示的字符的标识进行点击操作之后在所述当前页面或者跳转至下一页面展示所述未展示的字符。
8.一种终端页面的图文展示装置,其特征在于,包括:
展示字符数计算模块,用于根据当前页面的预留字符展示区域中设置的单个字符的高度和宽度,以及所述预留字符展示区域的面积,确定所述当前页面的所述预留字符展示区域的最大展示字符数,其中,所述预留字符展示区域为从所述当前页面的可展示区域中剔除预留图片展示区域后剩余的区域,所述预留图片展示区域的尺寸与待展示图片的尺寸相匹配,所述预留图片展示区域位于所述预留字符展示区域的末尾,所述预留字符展示区域的末尾是指按照预设文字阅读方向在所述预留字符展示区域的最后一行的尾端区域,其中,所述待展示图片在目标方向上的尺寸与所述预留字符展示区域的最后一行在所述目标方向上的尺寸相匹配,所述目标方向垂直于所述预留字符展示区域的最后一行对应的预设文字阅读方向;
展示字符确定模块,用于获取待展示文本中的全部字符,并根据所述全部字符和所述预留字符展示区域的所述最大展示字符数,确定将在所述预留字符展示区域展示的展示字符;
图文生成模块,用于在所述预留图片展示区域加载待展示图片,并在所述预留字符展示区域加载所述展示字符,以在所述当前页面展示所述待展示图片以及所述展示字符。
9.一种电子设备,其特征在于,所述电子设备包括:
处理器,以及
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1-7中任一所述的终端页面的图文展示方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-7中任一所述的终端页面的图文展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010343362.6A CN111596988B (zh) | 2020-04-27 | 2020-04-27 | 一种终端页面的图文展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010343362.6A CN111596988B (zh) | 2020-04-27 | 2020-04-27 | 一种终端页面的图文展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111596988A CN111596988A (zh) | 2020-08-28 |
CN111596988B true CN111596988B (zh) | 2022-01-25 |
Family
ID=72185205
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010343362.6A Active CN111596988B (zh) | 2020-04-27 | 2020-04-27 | 一种终端页面的图文展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111596988B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114329273B (zh) * | 2021-12-29 | 2023-04-14 | 北京金堤科技有限公司 | 气泡宽度的确定方法、装置、电子设备及计算机存储介质 |
Family Cites Families (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20060200737A1 (en) * | 2005-03-01 | 2006-09-07 | Seiko Epson Corporation | Image display device, image display system, and a program for executing an image displaying method by a computer |
US9218323B2 (en) * | 2010-10-30 | 2015-12-22 | Hewlett-Parkard Development Company, L.P. | Optimizing hyper parameters of probabilistic model for mixed text-and-graphics layout template |
CN102789448B (zh) * | 2012-06-21 | 2015-03-18 | 北京奇虎科技有限公司 | 一种电子数据排版方法及装置 |
CN104239284A (zh) * | 2014-09-15 | 2014-12-24 | 广州市西美信息科技有限公司 | 一种图文自动排版的方法和装置 |
CN105955935A (zh) * | 2016-04-29 | 2016-09-21 | 乐视控股(北京)有限公司 | 一种文字控件的实现方法及其装置 |
CN107945248A (zh) * | 2016-10-13 | 2018-04-20 | 北京国双科技有限公司 | 一种气泡图文字展示方法及装置 |
CN107230241B (zh) * | 2017-06-29 | 2021-01-01 | 武汉斗鱼网络科技有限公司 | 图文混排实现方法及装置 |
CN110069767B (zh) * | 2019-04-23 | 2020-02-28 | 掌阅科技股份有限公司 | 基于电子书的排版方法、电子设备及计算机存储介质 |
-
2020
- 2020-04-27 CN CN202010343362.6A patent/CN111596988B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN111596988A (zh) | 2020-08-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8780117B2 (en) | Display control apparatus and display control method capable of rearranging changed objects | |
EP0066139B1 (en) | Text processing system with displaying of formatted pages | |
US8515176B1 (en) | Identification of text-block frames | |
US10417516B2 (en) | System and method for preprocessing images to improve OCR efficacy | |
US7629976B2 (en) | Display device, control method for the same, and information storage medium | |
EP2544099A1 (en) | Method for creating an enrichment file associated with a page of an electronic document | |
CN109743613B (zh) | 一种字幕处理方法、装置、终端及存储介质 | |
CN109714627B (zh) | 一种评论信息的渲染方法、装置及设备 | |
CN111596988B (zh) | 一种终端页面的图文展示方法及装置 | |
US20120014612A1 (en) | Document processing apparatus and computer readable medium | |
US8824806B1 (en) | Sequential digital image panning | |
US10216993B2 (en) | Intelligent document elements harvest and presentation system and method | |
EP1622040A2 (en) | Apparatus and method for processing text data | |
CN110287460B (zh) | 电子书的展示方法、计算设备及计算机存储介质 | |
CN114339373B (zh) | 一种队列弹幕生成方法、装置、存储介质和设备 | |
CN115983198A (zh) | 从pdf文档中提取页眉或者页脚的方法、装置和存储介质 | |
CN106776489B (zh) | 显示设备的电子文档显示方法和系统 | |
JP2016045896A (ja) | 表示制御装置、表示装置、プログラム、記録媒体 | |
CN114283427A (zh) | 笔记混排方法、装置、电子设备和存储介质 | |
JP2024501735A (ja) | 図式でのグラフの自動配置およびマッチングのための方法およびコンピュータ読み取り可能媒体 | |
JP7383882B2 (ja) | 情報処理装置、及び情報処理プログラム | |
JP6030915B2 (ja) | 画像再配置方法、画像再配置システム、および画像再配置プログラム | |
US20230108505A1 (en) | Information processing apparatus | |
CN110134933B (zh) | 数据处理方法、装置、终端及存储介质 | |
US20230260308A1 (en) | System and method for improved ocr efficacy through image segmentation |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |