一种信息展示的方法及装置转让专利
申请号 : CN201911142479.1
文献号 : CN112825079A
文献日 : 2021-05-21
发明人 : 周末
申请人 : 北京沃东天骏信息技术有限公司 , 北京京东世纪贸易有限公司
摘要 :
权利要求 :
1.一种信息展示的方法,其特征在于,包括:利用第一文字组件展示目标文本,并确定所述目标文本中的字符的尺寸;所述第一文字组件中嵌套有第二文字组件,所述第二文字组件用于展示与所述目标文本中的字符尺寸相同的第一预设字符;
获取待展示的图像,并确定所述图像的尺寸;
根据所述图像的尺寸以及所述目标文本中的字符的尺寸,计算所述第二文字组件中待展示的第一预设字符的数量,并将所述数量个所述第一预设字符填充至所述第二文字组件中,使得所述第二文字组件的尺寸与所述图像的尺寸相匹配;
将所述图像设置于所述第二文字组件中,以使所述图像覆盖所述第二文字组件中的所述第一预设字符。
2.根据权利要求1所述的方法,其特征在于,所述确定所述目标文本中的字符的尺寸,包括:
获取第三文字组件的宽度和/或高度,以确定所述目标文本中的字符的尺寸,其中,所述第三文字组件中填充有一个与所述目标文本中字符尺寸相同的第二预设字符。
3.根据权利要求1所述的方法,其特征在于,还包括:根据所述目标文本中字符的尺寸,调节所述图像的尺寸,以使尺寸调节后的所述图像的尺寸与填充有所述第一预设字符的第二文字组件的尺寸相匹配。
4.根据权利要求1所述的方法,其特征在于,所述将所述图像设置于所述第二文字组件中,包括:
以绝对布局的方式将所述图像设置于所述第二文字组件中。
5.根据权利要求2所述的方法,其特征在于,所述第一预设字符和/或所述第二预设字符为透明颜色。
6.一种信息展示的装置,其特征在于,包括:第一展示模块、获取模块、处理模块和第二展示模块;其中,
所述第一展示模块,用于利用第一文字组件展示目标文本,并确定所述目标文本中的字符的尺寸;所述第一文字组件中嵌套有第二文字组件,所述第二文字组件用于展示与所述目标文本中的字符尺寸相同的第一预设字符;
所述获取模块,用于获取待展示的图像,并确定所述图像的尺寸;
所述处理模块,用于根据所述图像的尺寸以及所述目标文本中的字符的尺寸,计算所述第二文字组件中待展示的第一预设字符的数量,并将所述数量个所述第一预设字符填充至所述第二文字组件中,使得所述第二文字组件的尺寸与所述图像的尺寸相匹配;
所述第二展示模块,用于将所述图像设置于所述第二文字组件中,以使所述图像覆盖所述第二文字组件中的所述第一预设字符。
7.根据权利要求6所述的装置,其特征在于,所述处理模块,用于获取第三文字组件的宽度和/或高度,以确定所述目标文本中的字符的尺寸,其中,所述第三文字组件中填充有一个与所述目标文本中字符尺寸相同的第二预设字符。
8.根据权利要求6所述的装置,其特征在于,所述处理模块,进一步用于根据所述目标文本中字符的尺寸,调节所述图像的尺寸,以使尺寸调节后的所述图像的尺寸与填充有所述第一预设字符的第二文字组件的尺寸相匹配。
9.一种信息展示的电子设备,其特征在于,包括:一个或多个处理器;
存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-5中任一所述的方法。
说明书 :
一种信息展示的方法及装置
技术领域
背景技术
保持一致,如图1所示,第二行文字的起始位置需与首行图片的起始位置保持一致,在图1
中,X表征图片展示的信息,Y表征文字展示的信息。
进行嵌套开发,又无法保证除首行以外的其余行文字的起始位置与首行中的图片的起始位
置保持一致,降低信息的展示效果。
发明内容
置保持一致,提高信息的展示效果,便于用户查看信息,进而有利于提高用户粘度。
尺寸相同的第一预设字符;
组件中,使得所述第二文字组件的尺寸与所述图像的尺寸相匹配;
相匹配。
与所述目标文本中的字符尺寸相同的第一预设字符;
填充至所述第二文字组件中,使得所述第二文字组件的尺寸与所述图像的尺寸相匹配;
第二预设字符。
相匹配。
一个或多个处理器实现本发明实施例的一种信息展示的方法。
本中的字符尺寸相同的第一预设字符,且第二文字组件中展示的第一预设字符的数量是根
据待展示图像的尺寸来确定的,使得第二文字组件的尺寸与待展示的图像相匹配,由此通
过相应数量个第一预设字符为待展示的图像在第一文字组件中占位,然后将待展示的图像
设置于第二文字组件中,使得所述图像覆盖所述第二文字组件中的所述第一预设字符,而
由于第二文字组件嵌套于第一文字组件中,则所述图像展示于所述第一文字组件中。由此,
通过第一文字组件与第二文字组件嵌套的方式,利用第二文字组件为待展示的图像在第一
文字组件中占位,使得待展示的图像展示于第一文字组件时,可保证目标文本中除首行以
外的其余行文字的起始位置与首行中的图像的起始位置保持一致,提高信息展示效果,便
于用户查看信息,进而有利于提高用户粘度。
附图说明
具体实施方式
到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同
样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
本中的字符尺寸相同的第一预设字符。
等。
符的字体和字号相同,则可进一步通过设置第一预设字符的数量,使得第二文字组件的尺
寸与待展示的图像的尺寸相匹配,从而便于待展示的图像在第一文字组件中的展示。
最前端。
图像的尺寸可能过大而无法与第二文字组件相匹配,因此,为了提高信息的展示效果,可根
据与目标文本中字符的尺寸相同的第一预设字符的尺寸,对图像的尺寸进行调节。
文字按列排列。为了便于描述,下述实施例以横向展示方式为例,对图像的尺寸调节过程进
行详细说明。
过大而浪费展示空间,另一方面也使得目标文本中除首行以外的其余行文字的起始位置与
首行中的图片的起始位置无法保持一致,降低信息展示效果。
度的比例:scale=imageHeight/markingViewHeight,并根据计算出的比例scale,对图片
的高度进行调节,使得图像的高度等于或小于目标文本中一行文字的高度,从而使得图像
展示于第一文字组件时,仅占据首行的空间,从而实现在节省展示空间的同时提高展示效
果。
度等于或小于目标文本中一行文字的宽度。
述第二文字组件中,使得所述第二文字组件的尺寸与所述图像的尺寸相匹配。
寸,其中,所述第三文字组件中填充有一个与所述目标文本中字符尺寸相同的第二预设字
符。
符的尺寸决定,因此,可通过获取第三文字组件的尺寸来确定目标文本中字符的尺寸。具体
地,由于第三文字组件的尺寸由其填充的第二预设字符的字号大小、字体粗细等决定,则为
了保证第二预设字符的尺寸与目标文本中字符的尺寸相同,可将第二预设字符的字体和字
号设置为与目标文本中字符的字体和字号相同,此第二预设字符可以为“0”或其他任意预
设字符。通过在第三文字组件中填充一个与目标文本中的字符的尺寸相同的第二预设字
符,然后通过onLayout()方法动态获取第三文字组件中第二预设字符的高度以及宽度,以
确定目标文本中一行字符的高度和宽度,目标文本中一行字符的高度可记为
markingViewHeight,目标文本中一个字符的宽度可记为preWidth。由此,通过第三文字组
件动态获取第二预设字符的宽度和高度,避免在不同的移动设备上相同字体和字号对应不
同字符尺寸的问题,从而提高了字符尺寸的准确性。
preWidth计算得到第二文字组件中待展示的第一预设字符的数量,然后通过(new Array
(第一预设字符的数量)).join(‘0’)的方法,将相应数量个第二预设字符拼接成字符串,并
将字符串填充至第二文件组件中。
个第二预设字符的第二文字组件的宽度不小于图像的宽度,从而通过第二文字组件在第一
文字组件中为待展示的图像占据足够的展示空间。
以相同,也可以不同,例如,在本发明一个实施方式中,第一预设字符设置为“K”,第二预设
字符设置为“L”,则第二文字组件嵌套于第一文字组件中,且第二文字组件中填充有相应数
量个第一预设字符时,相应的展示效果如图3所示,在图3中,Y表征目标文本中的字符。
相同的第二预设字符时,第二预设字符与第二文字组件中首个第一预设字符相互重叠,如
图4所示。在图4中,为了便于区分第二文字组件和第三文字组件,使得第三文字组件相对于
第二文字组件向上偏移,这不代表实际的展示效果,而在实际的展示效果中,第三文字组件
中的第二预设字符“L”与第二文字组件中首个第一预设字符“K”相互重叠,第三文字组件的
上下边缘也分别与第二文字组件的上下边缘相互重叠。
示。与图4相似的,在图5和图6中,第三文字组件相对于第二文字组件向上偏移,这不代表实
际的展示效果,而仅为了在图中对第二文字组件和第三文字组件进行区分。
相互重叠,为了保证信息的展示效果,需将第二预设字符的颜色设置为透明,使得在信息展
示时,用户对第二预设字符无感知,以便于用户查看信息。
第二组件中填充的第一预设字符的数量为图片的宽度与目标文本中字符的宽度的比值
imageWith/preWidth减1,此时第三文字组件与第二文字组件的展示示意图可如图8所示。
值得一提的是,当第三文字组件未嵌套于第二文字组件时,第三文字组件可采用绝对布局
的方式设置于第一文件组件中,以准确定位第三文字组件在第一组件中的位置。
实际的展示效果,因此,为了避免第一预设字符和第二预设字符影响图像的展示效果,可将
所述第一预设字符和/或所述第二预设字符为透明颜色,则在信息展示时,用户无法感知第
一预设字符和第二预设字符的内容,也就不影响图像的展示效果。
件可被图像所遮挡,也就是说,在将图像设置于第一文字组件且该图像的设置位置与第二
文字组件相对应时,该图像与第二文字组件相重叠,以遮挡第二文字组件,并展示于第一文
字组件中,该图像展示于第一文字组件中的示意图可如图1所示,其中,X表征图片展示的信
息,图片信息可展示产品的销售渠道(自营或全球购等),Y表征文字展示的信息,文字信息
可展示产品的名称等。第二文字组件中的第一预设字符以及第三文字组件中的第二预设字
符重叠于所展示的图像的底层,使得用户不会感知第一预设字符和第二预设字符,提高信
息的展示效果,并实现了目标文本中除首行以外的其余行文字的起始位置与首行中的图像
的起始位置保持一致的展示效果,从而提高了信息的展示效果。
像的高度和宽度,以绝对布局的方式将图像设置于第二文字组件中,以同时展示图像和文
字,并保证目标文本中除首行以外的其余行文字的起始位置与首行中的图片的起始位置保
持一致,提高信息展示效果。
的字符尺寸相同的第一预设字符,且第二文字组件中展示的第一预设字符的数量是根据待
展示图像的尺寸来确定的,使得第二文字组件的尺寸与待展示的图像相匹配,由此通过相
应数量个第一预设字符为待展示的图像在第一文字组件中占位,然后将待展示的图像设置
于第二文字组件中,使得所述图像覆盖所述第二文字组件中的所述第一预设字符,而由于
第二文字组件嵌套于第一文字组件中,则所述图像展示于所述第一文字组件中。由此,通过
第一文字组件与第二文字组件嵌套的方式,利用第二文字组件为待展示的图像在第一文字
组件中占位,使得待展示的图像展示于第一文字组件时,可保证目标文本中除首行以外的
其余行文字的起始位置与首行中的图像的起始位置保持一致,提高信息展示效果,便于用
户查看信息,进而有利于提高用户粘度。
示与所述目标文本中的字符尺寸相同的第一预设字符;
符填充至所述第二文字组件中,使得所述第二文字组件的尺寸与所述图像的尺寸相匹配;
目标文本中字符尺寸相同的第二预设字符。
字符的第二文字组件的尺寸相匹配。
的字符尺寸相同的第一预设字符,且第二文字组件中展示的第一预设字符的数量是根据待
展示图像的尺寸来确定的,使得第二文字组件的尺寸与待展示的图像相匹配,由此通过相
应数量个第一预设字符为待展示的图像在第一文字组件中占位,然后将待展示的图像设置
于第二文字组件中,使得所述图像覆盖所述第二文字组件中的所述第一预设字符,而由于
第二文字组件嵌套于第一文字组件中,则所述图像展示于所述第一文字组件中。由此,通过
第一文字组件与第二文字组件嵌套的方式,利用第二文字组件为待展示的图像在第一文字
组件中占位,使得待展示的图像展示于第一文字组件时,可保证目标文本中除首行以外的
其余行文字的起始位置与首行中的图像的起始位置保持一致,提高信息展示效果,便于用
户查看信息,进而有利于提高用户粘度。
质。网络1004可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
品信息查询请求等数据进行分析等处理,并将处理结果(例如目标推送信息、产品信息)反
馈给终端设备。
使用范围带来任何限制。
程序而执行各种适当的动作和处理。在RAM 1103中,还存储有系统1100操作所需的各种程
序和数据。CPU 1101、ROM 1102以及RAM 1103通过总线1104彼此相连。输入/输出(I/O)接口
1105也连接至总线1104。
1108;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1109。通信部分1109经
由诸如因特网的网络执行通信处理。驱动器1110也根据需要连接至I/O接口1105。可拆卸介
质1111,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器1110上,以便
于从其上读出的计算机程序根据需要被安装入存储部分1108。
可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在
这样的实施例中,该计算机程序可以通过通信部分1109从网络上被下载和安装,和/或从可
拆卸介质1111被安装。在该计算机程序被中央处理单元(CPU)1101执行时,执行本发明的系
统中限定的上述功能。
限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计
算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便
携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储
器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、
或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程
序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本
发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,
其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限
于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可
读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于
由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的
程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述
的任意合适的组合。
表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个
用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所
标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际
上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要
注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规
定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组
合来实现。
括第一展示模块、获取模块、处理模块和第二展示模块。其中,这些模块的名称在某种情况
下并不构成对该模块本身的限定,例如,第一展示模块还可以被描述为“展示目标文本的模
块”。
机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使
得该设备包括:利用第一文字组件展示目标文本,并确定所述目标文本中的字符的尺寸;所
述第一文字组件中嵌套有第二文字组件,所述第二文字组件用于展示与所述目标文本中的
字符尺寸相同的第一预设字符;获取待展示的图像,并确定所述图像的尺寸;根据所述图像
的尺寸以及所述目标文本中的字符的尺寸,计算所述第二文字组件中待展示的第一预设字
符的数量,并将所述数量个所述第一预设字符填充至所述第二文字组件中,使得所述第二
文字组件的尺寸与所述图像的尺寸相匹配;将所述图像设置于所述第一文字组件中,且所
述图像的位置与所述第二文字组件相对应,以使所述图像以重叠于所述第二文字组件的形
式展示于所述第一文字组件中。
同的第一预设字符,且第二文字组件中展示的第一预设字符的数量是根据待展示图像的尺
寸来确定的,使得第二文字组件的尺寸与待展示的图像相匹配,由此通过相应数量个第一
预设字符为待展示的图像在第一文字组件中占位,然后将待展示的图像设置于第一文字组
件中,且图像的设置位置与第二文字组件相对应,使得所述图像以重叠于所述第二文字组
件的形式展示于所述第一文字组件中。由此,通过第一文字组件与第二文字组件嵌套的方
式,利用第二文字组件为待展示的图像在第一文字组件中占位,使得待展示的图像展示于
第一文字组件时,可保证目标文本中除首行以外的其余行文字的起始位置与首行中的图像
的起始位置保持一致,提高信息展示效果,便于用户查看信息,进而有利于提高用户粘度。
在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围
之内。