图文混排方法、装置、设备以及存储介质与流程

文档序号:30434088发布日期:2022-06-15 18:24阅读:131来源:国知局
1.本公开涉及计算机
技术领域
:,尤其涉及软件开发领域。
背景技术
::2.相关技术中,在对需要显示的图像内容和文字内容进行图文混排时,系统的应用程序编程接口提供的富文本对象(attributedstring,包含nsattributedstring和nsmutableattributedstring两种)只能实现静态本地图像资源和文字内容混排,无法实现网络图像或动态图像(如gif格式的图像)与文字内容的混排。技术实现要素:3.本公开提供了一种图文混排方法、装置、设备以及存储介质。4.根据本公开的一方面,提供了一种图文混排方法,包括:5.获取待排版的文字对象和至少一个图像对象,以及文字对象和图像对象的顺序;6.使用空白附件替代图像对象,按照文字对象和图像对象的顺序,组成属性字符串;7.将属性字符串加入到数据展示单元格中,获取空白附件在数据展示单元格中的第一位置;8.在第一位置上添加第一视图展示控件,其中,第一视图展示控件中包括图像对象。9.根据本公开的另一方面,提供了一种图文混排装置,包括:10.获取模块,用于获取待排版的文字对象和至少一个图像对象,以及文字对象和图像对象的顺序;11.占位模块,用于使用空白附件替代图像对象,按照文字对象和图像对象的顺序,组成属性字符串;12.定位模块,用于将属性字符串加入到数据展示单元格中,获取空白附件在数据展示单元格中的第一位置;13.添加模块,用于在第一位置上添加第一视图展示控件,其中,第一视图展示控件中包括图像对象。14.根据本公开的另一方面,提供了一种电子设备,包括:15.至少一个处理器;以及16.与该至少一个处理器通信连接的存储器;其中,17.该存储器存储有可被该至少一个处理器执行的指令,该指令被该至少一个处理器执行,以使该至少一个处理器能够执行上述图文混排方法。18.根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,该计算机指令用于使该计算机执行上述图文混排方法。19.根据本公开的另一方面,提供了一种计算机程序产品,包括计算机程序,该计算机程序在被处理器执行时实现上述图文混排方法。20.本公开通过使用空白附件为待显示的图像对象进行占位,并在空白附件的位置上添加视图展示控件,实现了图文混排。21.应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。附图说明22.附图用于更好地理解本方案,不构成对本公开的限定。其中:23.图1是根据本公开的一种应用场景示意图;24.图2是根据本公开一实施例的图文混排方法的实现流程示意图;25.图3是根据本公开一实施例的图文混排方法的实现示意图;26.图4是根据本公开一实施例的图文混排装置400的结构示意图;27.图5是可以用来实施本公开的实施例的示例电子设备的示意性框图。具体实施方式28.以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。29.目前,在ios系统中可以使用yytext实现gif等动态图像的图文混排。yytext是一种功能强大的图文混排库,它支持丰富的富文本展示和交互,包括动图、高亮、手势交互等等。虽然yytext功能强大、使用简单,在大多情况下都能满足正常需求,但是在一些情况下,存在一些问题。比如,在支持富文本的即时通讯(instantmessaging,im)群聊中,消息总量及单条消息数据可能会很庞大,在考虑性能前提下,一般会使用uitableview这类有重用机制的系统控件实现,在复用uitableviewcell时,在复用池中uitableviewcell会交替重复展示不同数据。而yytext在这种情景下有两个问题,一是随着展示消息条数越来越多,内存会一直激增,引发内存报警;二是在重复展示相同数据模型时,gif动画会静止。并且,相比于使用ios系统提供的方法,可扩展性和透明度更低,不利于后期开发和维护。30.针对这一问题,本公开提出一种图文混排方法,可以通过系统提供的api实现动态图像或网络图像与文本的图文混排,且具有较好的性能和显示效果。31.在ios中,要实现展示一组或多组内容样式相似的数据,最常用的做法就是使用uitableview。uitableview继承自uiscrollview,支持垂直滚动。uitableview的每一行都是一个uitableviewcell,uitableviewcell内部有默认的子视图:contentview,contentview下默认有3个子视图,其中2个是uilabel,第3个是uiimageview(通过uitableviewcell的imageview属性访问)。32.由于ios设备的内存有限,如果用uitableview显示成千上万条数据,就需要成千上万个uitableviewcell对象的话,那将会耗尽ios设备的内存。要解决该问题,需要重用uitableviewcell对象,即cell重用机制。cell重用机制的原理是:当滚动列表时,部分uitableviewcell会移出窗口,uitableview会将窗口外的uitableviewcell放入一个缓存池中,等待重用。当uitableview要求datasource返回uitableviewcell时,datasource会先查看这个缓存池,如果池中有未使用的uitableviewcell,datasource会用新的数据配置这个uitableviewcell,然后返回给uitableview,重新显示到窗口中,从而避免创建新对象。33.nsattributedstring又可以称为富文本,是一种带有属性的字符串,通过它可以轻松的在一个字符串中表现出多种字体、字号、字体大小等各不相同的风格,还可以对段落进行格式化。34.nstextattachment是nsattributedstring的一种样式类,作为文本的附件,可以放文件、放数据,可以实现在文本中显示图像,但只能展示静态的本地图像。35.本公开提出一种图文混排方法,该方法可以应用于数据处理装置,例如,该装置可以部署于终端或其它处理设备执行的情况下,实现图文混排方法。例如,该方法可以应用于图1所示的应用场景,如图1所示,终端显示界面上展示了文本和图像的混合排版内容,该内容包括网络图像1、文本1、动态图像1、文本2、动态图像2和文本3。36.图2是根据本公开一实施例的图文混排方法的实现流程示意图,该方法至少包括以下步骤:37.s201:获取待排版的文字对象和至少一个图像对象,以及文字对象和图像对象的顺序。38.需要说明的是,待排版的文字对象和图像对象可以来自于用户的输入,也可以来自任意软件的生成,该文字对象和图像对象的顺序是在输入或生成时已经确定的。例如,用户在任意软件或网页内输入的消息、评论、弹幕等,其中可以包含文字以及多个动态表情;例如在天气预报软件中,根据气象数据生成的未来多天的天气预报信息,该信息中可以包括日期、温度等文字内容和体现雨、雪、阴、晴等天气的示意性图像。39.还需要说明的是,图像对象可以是静态图像或动态图像,图像来源可以是本地图像或通过网址链接获取的图像,扩大了本方法的图像来源,支持更多的图像形式,提高了适用范围和展示效果。40.s202:使用空白附件替代图像对象,按照文字对象和图像对象的顺序,组成属性字符串。41.其中,空白附件可以是nstextattachment,nstextattachment有两个属性参数,其一是image,用来指定图像,其二是bounds,用来指定宽高;空白附件可以指image属性参数没有绑定图像数据的nstextattachment。属性字符串可以是nsattributestring,nsattributestring可以承载的数据内容包括文本、文本附件。42.s203:将属性字符串加入到数据展示单元格中,获取空白附件在数据展示单元格中的第一位置;43.其中,数据展示单元格可以使用uitableviewcell,uitableviewcell中展示内容的控件可以使用uilabel。44.s204:在第一位置上添加第一视图展示控件,其中,第一视图展示控件中包括图像对象。45.其中,第一视图展示控件可以使用uiimageview,uiimageview可以用于展示动态图像。46.在一些可能的实施方式中,上述获取空白附件在数据展示单元格中的第一位置,包括:47.使用附件类的返回图像边界(imagebounds)参数的方法,获取空白附件的位置参数,位置参数表示空白附件在数据展示单元格中的第一位置。48.例如,返回图像边界imagebounds参数的方法可以采用imageforbounds方法:[nstextattachmentimageforbounds:imageboundstextcontainer:characterindex:],此方法返回的imagebounds参数就是nstextattachment在当前数据展示单元格中的第一位置。[0049]本公开实施例中,通过空白附件为图像对象在显示区域中进行占位,并获取空白附件的位置,以便于之后使包含有图像对象的第一视图展示控件覆盖在空白附件的位置上。[0050]在一些可能的实施方式中,上述在第一位置上添加第一视图展示控件,包括:[0051]在数据展示单元格中创建至少一个第一视图展示控件;[0052]将至少一个图像对象的属性参数赋值给数据展示单元格的数据模型,其中,至少一个图像对象绑定对应的第一位置上的第一视图展示控件。[0053]根据空白附件数量和对应的第一位置,创建对应数量的第一视图展示控件,分别覆盖在各空白附件的第一位置上;将图像对象与替代该图像对象的空白附件对应的第一视图展示控件绑定。[0054]需要说明的是,当图像对象为网络图像时,图像对象的image属性参数是该网络图像的网址链接。[0055]本公开实施例中,通过之前空白附件的占位,为图像对象预留了显示位置,使得第一视图展示控件可以将图像对象添加在预留的位置上,实现了图文混排,并且由于第一视图展示控件采用的uiimageview可以用于展示动态图像,因此实现了动态图像的图文混排。[0056]在一些可能的实施方式中,上述在数据展示单元格中创建至少一个第一视图展示控件,包括:[0057]响应于屏幕显示区域滑动的操作,在数据展示单元格的缓存池中不包含与待创建的第一视图展示控件相同的第二视图展示控件的情况下,直接创建第一视图展示控件。[0058]以图3为例,图3展示了根据本公开一实施例的图文混排方法在滑动屏幕过程中的实现示意图,相较于图1而言,终端用户向上滑动屏幕,原本处于屏幕显示区域中的数据展示单元格1向上移动,逐渐移出屏幕,当数据展示单元格1移出屏幕显示区域外会进入缓存池,数据展示单元格1中的第一视图展示控件变为等待重用的第二视图展示控件。随着数据展示单元格1向上移动的过程中,数据展示单元格2从屏幕进入显示区域,数据展示单元格2中包含若干新的文字对象和图像对象,此时,缓存池不存在与数据单元格2中待创建的第一视图展示控件相同的第二视图展示控件,可以直接创建数据展示单元格2中的第一视图展示控件。[0059]在一些可能的实施方式中,上述在数据展示单元格中创建至少一个第一视图展示控件,包括:[0060]响应于屏幕显示区域滑动的操作,在数据展示单元格的缓存池中包含与待创建的第一图展示控件相同的第二视图展示控件的情况下,将之前添加的第二视图展示控件移除后创建第一视图展示控件。[0061]仍以图3为例,当终端用户向下滑动屏幕,使数据展示单元格1重新回到显示区域中时,此时缓存池存储有与之前数据展示单元格1的第一视图展示控件相同的第二视图展示控件,需要将之前添加的第二视图展示控件移除后重新创建第一视图展示控件。由于第一视图展示控件被重新创建,重新初始化,因此动态图像的图像对象可以重新播放。[0062]在一些可能的实施方式中,为了进一步控制内存,避免进入缓冲池的数据展示单元格过多,导致占用内存激增的问题,可以在每次创建第一视图展示控件时,都将缓冲池中的所有第二视图展示控件移除,取消cell的重用机制。[0063]本公开实施例中,在每次赋值数据模型时,将之前添加的视图展示控件移除掉,并且重新创建新的视图展示控件,避免了数据模型对应的视图展示控件只初始化一次的问题,保证动态图像在复用uitableviewcell时正常展示。同时,也避免随着展示的数据模型越多,绑定的视图展示控件也越多,导致内存暴增的问题。该方法可以改善重复展示相同数据模型时展示效果和性能。[0064]在一些可能的实施方式中,在s202中使用空白附件替代图像对象之前,还包括:[0065]获取至少一个图像对象的尺寸,根据该尺寸和预设排版规则设置图像对象对应的空白附件的尺寸。[0066]预设排版规则可以是预先设置空白附件尺寸的上限,避免出现尺寸过大的图像对象导致上下两行文字距离过大影响排版效果。也可以对动态表情和动态图像等不同图像形式设置不同的尺寸上限。在某些特定情况下,也可以预先设置固定的空白附件尺寸,将空白附件的尺寸统一,便于控制排版效果。[0067]以下以上述图像对象为动态图像为例进行具体介绍,该图文混排方法至少包括以下步骤:[0068]步骤一:获取待排版的文字对象和至少一个动态图像,以及文字对象和动态图像的顺序。[0069]步骤二:使用未绑定图像数据的空白附件替代动态图像,按照文字对象和动态图像的顺序,组成属性字符串。[0070]步骤三:将属性字符串加入到数据展示单元格中,使用附件类的返回图像边界参数的方法获取空白附件在数据展示单元格中的第一位置;[0071]具体地,可以使用返回图像边界imagebounds参数的方法可以采用imageforbounds方法:[nstextattachmentimageforbounds:imageboundstextcontainer:characterindex:],此方法返回的imagebounds参数就是nstextattachment在当前数据展示单元格中的第一位置。[0072]步骤四:在数据展示单元格中创建至少一个第一视图展示控件;[0073]将至少一个动态图像的属性参数赋值给数据展示单元格的数据模型,其中,至少一个动态图像绑定对应的第一位置上的第一视图展示控件。[0074]具体地,根据空白附件数量和对应的第一位置,创建对应数量的第一视图展示控件,分别覆盖在各空白附件的第一位置上;将动态图像与替代该动态图像的空白附件对应的第一视图展示控件绑定。[0075]在本实施例中,上述在数据展示单元格中创建至少一个第一视图展示控件,包括:[0076]响应于屏幕显示区域滑动的操作,在数据展示单元格的缓存池中不包含与待创建的第一视图展示控件相同的第二视图展示控件的情况下,直接创建第一视图展示控件。[0077]以图3为例,图3展示了根据本公开一实施例的图文混排方法在滑动屏幕过程中的实现示意图,相较于图1而言,终端用户手指向上滑动屏幕,原本处于屏幕显示区域中的包含若干文字和动态图像的数据展示单元格1向上移动,逐渐移出屏幕,当数据展示单元格1移出屏幕显示区域外会进入缓存池,数据展示单元格1中的第一视图展示控件变为等待重用的第二视图展示控件。随着数据展示单元格1向上移动的过程中,数据展示单元格2从屏幕进入显示区域,数据展示单元格2中包含若干新的文字对象和新的动态图像,此时,可以直接创建数据展示单元格2中的第一视图展示控件。[0078]在数据展示单元格的缓存池中包含与待创建的第一图展示控件相同的第二视图展示控件的情况下,将之前添加的第二视图展示控件移除后创建第一视图展示控件。[0079]仍以图3为例,当终端用户手指向下滑动屏幕,使上方的数据展示单元格1重新回到显示区域中时,需要重新显示已创建过的动态图像1和动态图像2,此时缓存池存储有与之前数据展示单元格1的第一视图展示控件相同的第二视图展示控件,需要将之前添加的第二视图展示控件移除后重新创建第一视图展示控件。由于第一视图展示控件被重新创建,重新初始化,因此动态图像可以重新播放。[0080]在本实施例中,上述步骤一还可以获取至少一个动态图像的尺寸,根据该尺寸和预设排版规则设置动态图像对应的空白附件的尺寸。[0081]预设排版规则可以是预先设置空白附件尺寸的上限,避免出现尺寸过大的动态图像导致上下两行文字距离过大影响排版效果。也可以对动态表情和动态图像等不同图像形式设置不同的尺寸上限。在某些特定情况下,也可以预先设置固定的空白附件尺寸,将空白附件的尺寸统一,便于控制排版效果。[0082]图4是根据本公开另一实施例的图文混排装置的结构示意图。如图4所示的图文混排装置400,包括:[0083]获取模块410,用于获取待排版的文字对象和至少一个图像对象,以及文字对象和图像对象的顺序;[0084]占位模块420,用于使用空白附件替代图像对象,按照文字对象和图像对象的顺序,组成属性字符串;[0085]定位模块430,用于将属性字符串加入到数据展示单元格中,获取空白附件在数据展示单元格中的第一位置;[0086]添加模块440,用于在第一位置上添加第一视图展示控件,其中,第一视图展示控件中包括图像对象。[0087]在一些可能的实施方式中,上述定位模块430用于:[0088]使用附件类的返回图像边界imagebounds参数的方法,获取空白附件的位置参数,位置参数表示空白附件在数据展示单元格中的第一位置。[0089]在一些可能的实施方式中,上述添加模块440用于:[0090]在数据展示单元格中创建至少一个第一视图展示控件;[0091]将至少一个图像对象的属性参数赋值给数据展示单元格的数据模型,其中,至少一个图像对象绑定对应的第一位置上的第一视图展示控件。[0092]根在一些可能的实施方式中,上述添加模块440用于:[0093]响应于屏幕显示区域滑动的操作,在数据展示单元格的缓存池中包含与待显示的第一图展示控件相同的第二视图展示控件的情况下,将之前添加的第二视图展示控件移除后创建第一视图展示控件。[0094]在一些可能的实施方式中,上述添加模块440用于:[0095]响应于屏幕显示区域滑动的操作,在数据展示单元格的缓存池中不包含与待显示的第一视图展示控件相同的第二视图展示控件的情况下,直接创建第一视图展示控件。[0096]在一些可能的实施方式中,上述占位模块420用于:[0097]获取至少一个图像对象的尺寸,根据该尺寸和预设排版规则设置图像对象对应的空白附件的尺寸。[0098]在一些可能的实施方式中,上述图像对象是静态图像、动态图像、本地图像或通过网址链接获取的图像。[0099]本公开实施例的数据处理装置的各模块、子模块的具体功能和示例的描述,可以参见上述数据处理方法实施例中对应步骤的相关描述,在此不再赘述。[0100]根据本公开的实施例,本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。[0101]图5示出了可以用来实施本公开的实施例的示例电子设备500的示意性框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。[0102]如图5所示,设备500包括计算单元501,其可以根据存储在只读存储器(rom)502中的计算机程序或者从存储单元508加载到随机访问存储器(ram)503中的计算机程序,来执行各种适当的动作和处理。在ram503中,还可存储设备500操作所需的各种程序和数据。计算单元501、rom502以及ram503通过总线504彼此相连。输入/输出(i/o)接口505也连接至总线504。[0103]设备500中的多个部件连接至i/o接口505,包括:输入单元506,例如键盘、鼠标等;输出单元507,例如各种类型的显示器、扬声器等;存储单元508,例如磁盘、光盘等;以及通信单元509,例如网卡、调制解调器、无线通信收发机等。通信单元509允许设备500通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。[0104]计算单元501可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元501的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元501执行上文所描述的各个方法和处理,例图文混排方法。例如,在一些实施例中,图文混排方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元508。在一些实施例中,计算机程序的部分或者全部可以经由rom502和/或通信单元509而被载入和/或安装到设备500上。当计算机程序加载到ram503并由计算单元501执行时,可以执行上文描述图文混排方法的一个或多个步骤。备选地,在其他实施例中,计算单元501可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行图文混排方法。[0105]本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。[0106]用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。[0107]在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。[0108]为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,crt(阴极射线管)或者lcd(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入、或者触觉输入)来接收来自用户的输入。[0109]可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(lan)、广域网(wan)和互联网。[0110]计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,也可以为分布式系统的服务器,或者是结合了区块链的服务器。[0111]应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。[0112]上述具体实施方式,并不构成对本公开保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等,均应包含在本公开保护范围之内。当前第1页12当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1