CN117170778A - 动态文案展示方法、装置、电子设备和计算机可读介质 - Google Patents

动态文案展示方法、装置、电子设备和计算机可读介质 Download PDF

Info

Publication number
CN117170778A
CN117170778A CN202210582871.3A CN202210582871A CN117170778A CN 117170778 A CN117170778 A CN 117170778A CN 202210582871 A CN202210582871 A CN 202210582871A CN 117170778 A CN117170778 A CN 117170778A
Authority
CN
China
Prior art keywords
information
display
document
length value
type information
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.)
Pending
Application number
CN202210582871.3A
Other languages
English (en)
Inventor
宋敏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202210582871.3A priority Critical patent/CN117170778A/zh
Publication of CN117170778A publication Critical patent/CN117170778A/zh
Pending legal-status Critical Current

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本公开的实施例公开了动态文案展示方法、装置、电子设备和计算机可读介质。该方法的一具体实施方式包括:获取文案信息、用于展示文案信息的展示元素的展示元素信息和文案信息的展示类型信息;根据元素类型信息,确定展示元素所包含的标签对应的路径长度值;根据文案信息,确定文案长度值;根据路径长度值、文案长度值和展示类型信息,对文案信息进行展示。该实施方式与数据展示有关,解决了文案展示不完全甚至不能展示的问题,实现了展示文案的完全展示。

Description

动态文案展示方法、装置、电子设备和计算机可读介质
技术领域
本公开的实施例涉及计算机技术领域,具体涉及动态文案展示方法、装置、电子设备和计算机可读介质。
背景技术
动态文案展示主要是指在数据可视化图表中将数据对应的文案进行展示,不同数据对应的文案以及展示位置不同。在进行动态文案展示时,通常使用文案标签或者SVG(Scalable Vector Graphics,可缩放矢量图形)中的foreignObject标签对文案进行展示。
然而,当采用上述方式进行动态文案展示时,经常会存在如下技术问题:
使用文案标签对文案进行展示时,往往无法展示文案的全部内容。而使用SVG中的foreignObject标签对文案进行展示时,需要设置展示区域的长和宽,只适用于在标准的方形区域展示文案。
发明内容
本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了动态文案展示方法、装置、电子设备和计算机可读介质,来解决以上背景技术部分提到的技术问题中的一项或多项。
第一方面,本公开的一些实施例提供了一种动态文案展示方法,该方法包括:获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息,其中,上述展示元素信息包含元素类型信息;根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值;根据上述文案信息,确定文案长度值;根据上述路径长度值、上述文案长度值和上述展示类型信息,对上述文案信息进行展示。
可选地,上述根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值,包括:响应于确定上述元素类型信息表征上述展示元素所包含的标签为文案标签,将上述标签进行转化处理,以生成路径标签;确定上述路径标签的长度,得到路径长度值。
可选地,上述根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值,包括:响应于确定上述元素类型信息表征上述标签为路径标签,确定上述路径标签的长度,得到路径长度值。
可选地,在上述根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值之前,上述方法还包括:获取可视区域元素;以及上述根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值,包括:根据上述元素类型信息和上述可视区域元素,确定上述展示元素所包含的标签对应的路径长度值。
可选地,上述根据上述元素类型信息和上述可视区域元素,确定上述展示元素所包含的标签对应的路径长度值,包括:响应于确定上述元素类型信息表征上述标签为文案标签,将上述标签所关联的图形标签进行转化处理,以生成路径标签;确定上述路径标签中第一目标点与上述可视区域元素中第二目标点之间的距离,得到上述标签对应的路径长度值。
可选地,上述根据上述路径长度值、上述文案长度值和展示类型信息,对上述文案信息进行展示,包括:响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征缩略展示方案,对上述文案信息进行截取处理,得到缩略文案信息;在上述展示元素对应的目标展示区域中对上述缩略文案信息和缩略标记进行展示;响应于检测到光标移动至上述展示元素对应的目标展示区域,将上述文案信息进行全文展示。
可选地,上述方法还包括:响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征换行展示方案,在上述目标展示区域对上述文案信息进行换行展示。
可选地,上述获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息,包括:响应于检测到当前设备的展示分辨率发生变化,获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息。
第二方面,本公开的一些实施例提供了一种动态文案展示装置,装置包括:获取单元,被配置成获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息,其中,上述展示元素信息包含元素类型信息;第一确定单元,被配置成根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值;第二确定单元,被配置成根据上述文案信息,确定文案长度值;展示单元,被配置成根据上述路径长度值、上述文案长度值和上述展示类型信息,对上述文案信息进行展示。
可选地,上述第一确定单元可以被进一步配置成:响应于确定上述元素类型信息表征上述展示元素所包含的标签为文案标签,将上述标签进行转化处理,以生成路径标签;确定上述路径标签的长度,得到路径长度值。
可选地,上述第一确定单元还可以被进一步配置成:响应于确定上述元素类型信息表征上述标签为路径标签,确定上述路径标签的长度,得到上述路径长度值。
可选地,上述装置还可以包括可视区域元素获取单元。可视区域元素获取单元被配置成获取可视区域元素。以及上述第一确定单元还可以被进一步配置成:获取可视区域元素;响应于确定上述元素类型信息表征上述标签为文案标签,将上述标签所关联的图形标签进行转化处理,以生成路径标签;确定上述路径标签中第一目标点与上述可视区域元素中第二目标点之间的距离,得到上述标签对应的路径长度值。
可选地,上述展示单元可以被进一步配置成:响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征缩略展示方案,对上述文案信息进行截取处理,得到缩略文案信息;在上述展示元素对应的目标展示区域中对上述缩略文案信息和缩略标记进行展示;响应于检测到光标移动至上述展示元素对应的目标展示区域,将上述文案信息进行全文展示。
可选地,装置还包括:换行展示单元,被配置成:响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征换行展示方案,在上述目标展示区域对上述文案信息进行换行展示。
可选地,上述获取单元可以被进一步配置成:响应于检测到当前设备的展示分辨率发生变化,获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息。
第三方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述第一方面任一实现方式所描述的方法。
第四方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现上述第一方面任一实现方式所描述的方法。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的动态文案展示方法,实现了展示文案的完全展示。具体来说,造成文案展示不完全甚至不能展示的原因在于:当文案的长度超过展示元素所能容纳的容量时,会造成部分文案内容的折叠进而造成展示不全,而对于弧形等非标准的方形区域,由于无法提取其宽高,进而无法进行展示。基于此,本公开的一些实施例的动态文案展示方法,首先,获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息。由此,可以获取到需要展示的文案信息以及展示上述文案信息的展示元素的展示元素信息,为后续确定展示方案提供了数据支持。其次,根据上述元素类型信息,确定展示元素所包含的标签对应的路径长度值。由此,可以确定弧形等非标准的方形区域能够展示文案的长度,避免了对于弧形等非标准的方形区域,由于无法提取其宽高,进而无法进行展示的问题。然后,根据上述文案信息,确定文案长度值。由此,可以通过确定上述路径长度值和上述文案长度值的大小关系,对文案的长度超过展示元素所能容纳的容量的部分进行换行展示或缩小展示,进而,避免了当文案的长度超过展示元素所能容纳的容量时,部分文案内容的折叠进而造成展示不全的问题。最后,据上述路径长度值、上述文案长度值和上述展示类型信息,对上述文案信息进行展示。由此,解决了文案展示不完全甚至不能展示的问题,实现了展示文案的完全展示。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,元件和元素不一定按照比例绘制。
图1是根据本公开的一些实施例的动态文案展示方法的一个应用场景的示意图;
图2是根据本公开的动态文案展示方法的一些实施例的流程图;
图3是根据本公开的动态文案展示方法的另一些实施例的流程图;
图4是根据本公开的动态文案展示装置的一些实施例的结构示意图;
图5是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1是本公开的一些实施例的动态文案展示方法的一个应用场景的示意图。
在图1的应用场景中,首先,计算设备101可以获取文案信息102、用于展示上述文案信息的展示元素的展示元素信息103和上述文案信息102的展示类型信息104。其中,上述展示元素信息103包含元素类型信息1031。其次,计算设备101可以根据上述元素类型信息1031,确定上述展示元素所包含的标签对应的路径长度值105。然后,计算设备101可以根据上述文案信息102,确定文案长度值106。最后,计算设备101可以根据上述路径长度值105、上述文案长度值106和上述展示类型信息104,对上述文案信息102进行展示。
需要说明的是,上述计算设备101可以是硬件,也可以是软件。当计算设备为硬件时,可以实现成多个服务器或终端设备组成的分布式集群,也可以实现成单个服务器或单个终端设备。当计算设备体现为软件时,可以安装在上述所列举的硬件设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解,图1中的计算设备的数目仅仅是示意性的。根据实现需要,可以具有任意数目的计算设备。
继续参考图2,示出了根据本公开的动态文案展示方法的一些实施例的流程200。该动态文案展示方法,包括以下步骤:
步骤201,获取文案信息、用于展示文案信息的展示元素的展示元素信息和文案信息的展示类型信息。
在一些实施例中,动态文案展示方法的执行主体(例如图1所示的计算设备101)可以获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息。其中,上述文案信息可以是待展示的文本信息。上述展示元素可以是HTML(Hyper Text Markup Language,超文本标记语言)元素。上述展示元素信息可以是用于展示上述文案信息的展示元素的信息。上述展示元素信息包含元素类型信息。上述元素类型信息可以表征上述展示元素的类型。上述元素类型信息可以包括但不限于以下至少一项:路径标签、文案标签。上述路径标签和文案标签均可以用于创建用于显示文案信息的图形。其中,路径标签通过给出一系列点坐标来绘制各种图形。例如,上述路径标签可以是path标签。上述文案标签可以通过调用方法快速创建用于显示文案信息的图形。例如,上述文案标签可以是rect标签。上述展示类型信息可以表征上述文案信息的展示方式。例如,上述展示类型信息可以是换行展示。上述展示信息还可以是缩小展示。由此,可以获取到需要展示的文案信息以及展示上述文案信息的展示元素的展示元素信息,为后续确定展示方案提供了数据支持。
步骤202,根据元素类型信息,确定展示元素所包含的标签对应的路径长度值。
在一些实施例中,上述执行主体可以根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值。其中,上述路径长度值可以是上述展示元素能够显示的文案信息的长度值。上述标签可以是上述展示元素所包括的HTML标签。由此,可以确定弧形等非标准的方形区域能够展示文案的长度,避免了对于弧形等非标准的方形区域,由于无法提取其宽高,进而无法进行展示的问题。
在一些实施例的一些可选的实现方式中,上述根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值,包括:
第一步,响应于确定上述元素类型信息表征上述展示元素所包含的标签为文案标签,将上述标签进行转化处理,以生成路径标签。其中,上述转化处理可以是将文案标签转化为路径标签。作为示例,上述文案标签可以是<rect width="150",height="200"/>,将上述文案标签进行转化处理,得到路径标签<path d="M150 0L300 0 L300 200 L150200"/>。
第二步,确定上述路径标签的长度,得到路径长度值。实践中,上述执行主体可以将路径标签包括的d属性所表征的路径的长度确定为路径长度值。
在一些实施例的另一些可选的实现方式中,上述执行主体可以响应于确定上述元素类型信息表征上述标签为路径标签,确定上述路径标签的长度,得到上述路径长度值。
步骤203,根据文案信息,确定文案长度值。
在一些实施例中,上述执行主体可以根据上述文案信息,确定文案长度值。实践中,上述执行主体可以将上述文案信息的长度确定为文案长度值。由此,可以通过确定上述路径长度值和上述文案长度值的大小关系,对文案的长度超过展示元素所能容纳的容量的部分进行换行展示或缩小展示,进而,避免了当文案的长度超过展示元素所能容纳的容量时,部分文案内容的折叠进而造成展示不全的问题。
步骤204,根据路径长度值、文案长度值和展示类型信息,对文案信息进行展示。
在一些实施例中,上述执行主体可以根据上述路径长度值、上述文案长度值和上述展示类型信息,对上述文案信息进行展示。作为示例,上述执行主体可以响应于确定上述展示类型信息表征换行展示信息,以及上述文案长度值大于等于预设文案长度阈值,将上述文案信息进行换行展示。作为示例,上述执行主体可以响应于上述执行主体可以响应于确定上述展示类型信息表征换行展示信息,以及上述文案长度值小于预设文案长度阈值,直接将上述文案信息进行展示。作为示例,上述执行主体可以响应于上述路径长度值小于预设文案长度阈值,将上述文案信息进行缩小展示。其中,上述缩小展示可以是对上述文案信息的字号缩小后进行展示。
在一些实施例的一些可选的实现方式中,上述执行主体可以通过以下步骤根据上述路径长度值、上述文案长度值和上述展示类型信息,对上述文案信息进行展示:
第一步,响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征缩略展示方案,对上述文案信息进行截取处理,得到缩略文案信息。其中,上述缩略展示方案可以表征展示上述文案信息中的部分文案信息。实践中,上述执行主体可以响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征缩略展示方案,从上述文案信息的起始位置截取长度与路径长度值相同的文案信息作为缩略文案信息。
第二步,在上述展示元素对应的目标展示区域中对上述缩略文案信息和缩略标记进行展示。其中,上述目标展示区域可以是上述展示元素在数据可视化图表中所表征的展示区域。上述缩略标记可以表征上述目标展示区域所展示的信息为缩略文案信息。例如,上述缩略标记可以是“...”。上述缩略标记显示在上述缩略文案信息的结束位置。
第三步,响应于检测到光标移动至上述展示元素对应的目标展示区域,将上述文案信息进行全文展示。
第四步,响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征换行展示方案,在上述目标展示区域对上述文案信息进行换行展示。其中,上述换行展示方案可以表征对上述文案信息进行换行展示。实践中,第一,上述执行主体可以响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征换行展示方案,将上述文案长度值与上述路径长度值的差值确定为换行长度值。第二,上述执行主体可以从上述文案信息的结束位置截取出长度与换行长度值相同的文案信息作为换行文案信息。第三,对上述换行文案信息进行换行展示。
可选地,响应于检测到当前设备的展示分辨率发生变化,获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息。
在一些实施例中,上述执行主体可以响应于检测到当前设备的展示分辨率发生变化,获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息。实践中,上述执行主体在响应于检测到当前设备的展示分辨率发生变化,获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息之后,再次执行步骤201-204。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的动态文案展示方法,实现了展示文案的完全展示。具体来说,造成文案展示不完全甚至不能展示的原因在于:当文案的长度超过展示元素所能容纳的容量时,会造成部分文案内容的折叠进而造成展示不全,而对于弧形等非标准的方形区域,由于无法提取其宽高,进而无法进行展示。基于此,本公开的一些实施例的动态文案展示方法,首先,获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息。由此,可以获取到需要展示的文案信息以及展示上述文案信息的展示元素的展示元素信息,为后续确定展示方案提供了数据支持。其次,根据上述元素类型信息,确定展示元素所包含的标签对应的路径长度值。由此,可以确定弧形等非标准的方形区域能够展示文案的长度,避免了对于弧形等非标准的方形区域,由于无法提取其宽高,进而无法进行展示的问题。然后,根据上述文案信息,确定文案长度值。由此,可以通过确定上述路径长度值和上述文案长度值的大小关系,对文案的长度超过展示元素所能容纳的容量的部分进行换行展示或缩小展示,进而,避免了当文案的长度超过展示元素所能容纳的容量时,部分文案内容的折叠进而造成展示不全的问题。最后,据上述路径长度值、上述文案长度值和上述展示类型信息,对上述文案信息进行展示。由此,解决了文案展示不完全甚至不能展示的问题,实现了展示文案的完全展示。
进一步参考图3,其示出了动态文案展示方法的另一些实施例的流程300。该动态文案展示方法的流程300,包括以下步骤:
步骤301,获取文案信息、用于展示文案信息的展示元素的展示元素信息和文案信息的展示类型信息。
在一些实施例中,步骤301的具体实现方式及所带来的技术效果可以参考图2对应的那些实施例中的步骤201,在此不再赘述。
步骤302,获取可视区域元素。
在一些实施例中,动态文案展示方法的执行主体(例如图1所示的计算设备101)可以获取可视区域元素。实践中,文案信息往往是与其他图形关联展示的。也就是说,文案信息可以展示在图形附近的空白处。此时,可视区域元素可以是包含图形标签的元素。用于展示文案信息的展示元素所包含的标签与图形标签关联。
步骤303,根据元素类型信息和可视区域元素,确定展示元素所包含的标签对应的路径长度值。
在一些实施例中,上述执行主体可以根据上述元素类型信息和上述可视区域元素,确定上述展示元素所包含的标签对应的路径长度值。由此,解决了图形标签所关联的标签无法完全甚至不能展示文案信息的问题。
作为示例,上述根据上述元素类型信息和上述可视区域元素,确定上述展示元素所包含的标签对应的路径长度值,包括:
第一步,响应于确定上述元素类型信息表征上述标签为文案标签,将上述标签所关联的图形标签进行转化处理,以生成路径标签。其中,上述图形标签可以是通过调用方法快速创建的图形。
第二步,确定上述路径标签中第一目标点与上述可视区域元素中第二目标点之间的距离,得到上述标签对应的路径长度值。其中,上述第一目标点可以是上述路径标签中的任意一点。上述第二目标点可以是上述可视区域元素中的任意一点。这里,对于第一目标点和第二目标点的设定,不作限制。例如,上述第一目标点可以是上述路径标签的中点,上述第二目标点可以是上述可视区域元素的边界点。
步骤304,根据文案信息,确定文案长度值。
步骤305,根据路径长度值、文案长度值和展示类型信息,对文案信息进行展示。
在一些实施例中,步骤304-305的具体实现方式及所带来的技术效果可以参考图2对应的那些实施例中的步骤203-204,在此不再赘述。
从图3中可以看出,与图2对应的一些实施例的描述相比,图3对应的一些实施例中的动态文案展示方法的流程300,首先,可以获取可视区域元素,便于确定展示文案信息的区域。然后,可以根据上述元素类型信息和上述可视区域元素,确定上述标签的对应路径长度值。由此,解决了图形标签所关联的标签无法完全甚至不能展示文案信息的问题,实现了展示文案的完全展示。
进一步参考图4,作为对上述各图所示方法的实现,本公开提供了一种动态文案展示装置的一些实施例,这些装置实施例与图2所示的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图4所示,一些实施例的动态文案展示装置400包括:获取单元401、第一确定单元402、第二确定单元403和展示单元404。其中,获取单元401被配置成获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息,其中,上述展示元素信息包含元素类型信息;第一确定单元402被配置成根据上述元素类型信息,确定上述展示元素所包含的标签对应的路径长度值;第二确定单元403被配置成根据上述文案信息,确定文案长度值;展示单元404被配置成根据上述路径长度值、上述文案长度值和上述展示类型信息,对上述文案信息进行展示。
可选地,上述第一确定单元402可以被进一步配置成:响应于确定上述元素类型信息表征上述展示元素所包含的标签为文案标签,将上述标签进行转化处理,以生成路径标签;确定上述路径标签的长度,得到路径长度值。
可选地,上述第一确定单元402还可以被进一步配置成:响应于确定上述元素类型信息表征上述标签为路径标签,确定上述路径标签的长度,得到上述路径长度值。
可选地,上述装置400还可以包括可视区域元素获取单元。可视区域元素获取单元别配置成获取可视区域元素。以及上述第一确定单元402还可以被进一步配置成:获取可视区域元素;响应于确定上述元素类型信息表征上述标签为文案标签,将上述标签所关联的图形标签进行转化处理,以生成路径标签;确定上述路径标签中第一目标点与上述可视区域元素中第二目标点之间的距离,得到上述标签对应的路径长度值。
可选地,上述展示单元404可以被进一步配置成:响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征缩略展示方案,对上述文案信息进行截取处理,得到缩略文案信息;在上述展示元素对应的目标展示区域中对上述缩略文案信息和缩略标记进行展示;响应于检测到光标移动至上述展示元素对应的目标展示区域,将上述文案信息进行全文展示。
可选地,装置400还包括:换行展示单元,被配置成:响应于上述文案长度值大于上述路径长度值,以及上述展示类型信息表征换行展示方案,在上述目标展示区域对上述文案信息进行换行展示。
可选地,上述获取单元401可以被进一步配置成:响应于检测到当前设备的展示分辨率发生变化,获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息。
下面参考图5,其示出了适于用来实现本公开的一些实施例的电子设备(如图1所示的计算设备101)500的结构示意图。图5示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图5所示,电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备500,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图5中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是,本公开的一些实施例中记载的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取文案信息、用于展示上述文案信息的展示元素的展示元素信息和上述文案信息的展示类型信息,其中,上述展示元素信息包含元素类型信息;根据上述元素类型信息,确定展示元素所包含的标签对应的路径长度值;根据上述文案信息,确定文案长度值;根据上述路径长度值、上述文案长度值和上述展示类型信息,对上述文案信息进行展示。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括获取单元、第一确定单元、第二确定单元和展示单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,第二确定单元还可以被描述为“根据上述文案信息,确定文案长度值的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (11)

1.一种动态文案展示方法,包括:
获取文案信息、用于展示所述文案信息的展示元素的展示元素信息和所述文案信息的展示类型信息,其中,所述展示元素信息包含元素类型信息;
根据所述元素类型信息,确定所述展示元素所包含的标签对应的路径长度值;
根据所述文案信息,确定文案长度值;
根据所述路径长度值、所述文案长度值和所述展示类型信息,对所述文案信息进行展示。
2.根据权利要求1所述的方法,其中,所述根据所述元素类型信息,确定所述展示元素所包含的标签对应的路径长度值,包括:
响应于确定所述元素类型信息表征所述展示元素所包含的标签为文案标签,将所述标签进行转化处理,以生成路径标签;
确定所述路径标签的长度,得到路径长度值。
3.根据权利要求2所述的方法,其中,所述根据所述元素类型信息,确定所述展示元素所包含的标签对应的路径长度值,包括:
响应于确定所述元素类型信息表征所述标签为路径标签,确定所述路径标签的长度,得到路径长度值。
4.根据权利要求1所述的方法,其中,在所述根据所述元素类型信息,确定所述展示元素所包含的标签对应的路径长度值之前,所述方法还包括:
获取可视区域元素;以及
所述根据所述元素类型信息,确定所述展示元素所包含的标签对应的路径长度值,包括:
根据所述元素类型信息和所述可视区域元素,确定所述展示元素所包含的标签对应的路径长度值。
5.根据权利要求4所述的方法,其中,所述根据所述元素类型信息和所述可视区域元素,确定所述展示元素所包含的标签对应的路径长度值,包括:
响应于确定所述元素类型信息表征所述标签为文案标签,将所述标签所关联的图形标签进行转化处理,以生成路径标签;
确定所述路径标签中第一目标点与所述可视区域元素中第二目标点之间的距离,得到所述标签对应的路径长度值。
6.根据权利要求1所述的方法,其中,所述根据所述路径长度值、所述文案长度值和所述展示类型信息,对所述文案信息进行展示,包括:
响应于所述文案长度值大于所述路径长度值,以及所述展示类型信息表征缩略展示方案,对所述文案信息进行截取处理,得到缩略文案信息;
在所述展示元素对应的目标展示区域中对所述缩略文案信息和缩略标记进行展示;
响应于检测到光标移动至所述展示元素对应的目标展示区域,将所述文案信息进行全文展示。
7.根据权利要求6所述的方法,其中,所述方法还包括:
响应于所述文案长度值大于所述路径长度值,以及所述展示类型信息表征换行展示方案,在所述目标展示区域对所述文案信息进行换行展示。
8.根据权利要求7所述的方法,其中,所述获取文案信息、用于展示所述文案信息的展示元素的展示元素信息和所述文案信息的展示类型信息,包括:
响应于检测到当前设备的展示分辨率发生变化,获取文案信息、用于展示所述文案信息的展示元素的展示元素信息和所述文案信息的展示类型信息。
9.一种动态文案展示装置,包括:
获取单元,被配置成获取文案信息、用于展示所述文案信息的展示元素的展示元素信息和所述文案信息的展示类型信息,其中,所述展示元素信息包含元素类型信息;
第一确定单元,被配置成根据所述元素类型信息,确定所述展示元素所包含的标签对应的路径长度值;
第二确定单元,被配置成根据所述文案信息,确定文案长度值;
展示单元,被配置成根据所述路径长度值、所述文案长度值和所述展示类型信息,对所述文案信息进行展示。
10.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。
11.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。
CN202210582871.3A 2022-05-26 2022-05-26 动态文案展示方法、装置、电子设备和计算机可读介质 Pending CN117170778A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210582871.3A CN117170778A (zh) 2022-05-26 2022-05-26 动态文案展示方法、装置、电子设备和计算机可读介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210582871.3A CN117170778A (zh) 2022-05-26 2022-05-26 动态文案展示方法、装置、电子设备和计算机可读介质

Publications (1)

Publication Number Publication Date
CN117170778A true CN117170778A (zh) 2023-12-05

Family

ID=88938052

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210582871.3A Pending CN117170778A (zh) 2022-05-26 2022-05-26 动态文案展示方法、装置、电子设备和计算机可读介质

Country Status (1)

Country Link
CN (1) CN117170778A (zh)

Similar Documents

Publication Publication Date Title
CN109669617B (zh) 用于切换页面的方法和装置
CN111459364B (zh) 图标更新方法、装置和电子设备
CN115858973B (zh) 栅格地图解析方法、装置、设备和介质
CN111461968B (zh) 图片处理方法、装置、电子设备和计算机可读介质
CN111258582B (zh) 一种窗口渲染方法、装置、计算机设备及存储介质
CN112445394B (zh) 一种截图方法和装置
US20240021004A1 (en) Cross-region document content recognition method, apparatus and medium
CN116860286A (zh) 页面动态更新方法、装置、电子设备和计算机可读介质
US20240177374A1 (en) Video processing method, apparatus and device
CN113204557B (zh) 电子表格导入方法、装置、设备及介质
CN117170778A (zh) 动态文案展示方法、装置、电子设备和计算机可读介质
CN111338827B (zh) 表格数据的粘贴方法、装置以及电子设备
CN114416945A (zh) 一种词云图显示方法、装置、设备及介质
CN112445478A (zh) 图形文件的处理方法、装置、设备及介质
CN111026983B (zh) 一种实现超链接的方法、装置、介质和电子设备
US12020347B2 (en) Method and apparatus for text effect processing
CN111461227B (zh) 样本生成方法、装置、电子设备和计算机可读介质
CN111563214B (zh) 参考线处理方法及装置
CN111405342B (zh) 富文本消息显示方法、装置、系统、介质和电子设备
CN115209215B (zh) 视频处理方法、装置及设备
CN111783390B (zh) 维度标签的调整方法、装置以及电子设备
CN112464039B (zh) 树形结构的数据显示方法、装置、电子设备和介质
CN112380821B (zh) 图形显示方法、装置和电子设备
CN116594718B (zh) 用于仿真测试的元素渲染方法、装置、设备和可读介质
CN114926830B (zh) 屏幕图像识别方法、装置、设备和计算机可读介质

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