CN111522610A - 信息显示方法、装置及设备 - Google Patents
信息显示方法、装置及设备 Download PDFInfo
- Publication number
- CN111522610A CN111522610A CN202010227375.7A CN202010227375A CN111522610A CN 111522610 A CN111522610 A CN 111522610A CN 202010227375 A CN202010227375 A CN 202010227375A CN 111522610 A CN111522610 A CN 111522610A
- Authority
- CN
- China
- Prior art keywords
- information display
- character string
- display area
- displayed
- maximum length
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 56
- 238000004590 computer program Methods 0.000 claims description 7
- 230000010365 information processing Effects 0.000 abstract description 4
- 230000000694 effects Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000003550 marker Substances 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
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
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种信息显示方法、装置及设备,涉及信息处理技术领域。其中方法包括:首先获取信息显示区域可显示的字符串的最大长度;若待显示的目标字符串的目标长度大于所述最大长度,则在所述信息显示区域内展示所述目标字符串中与所述最大长度对应的第一字符串,并对所述信息显示区域添加可滑动查看标记;然后接收所述信息显示区域对应的滑动手势指令;在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示。本申请不需要额外创建增强阅读显示区域,因此不会占用过多的页面空间,不会遮挡页面中其他信息的显示内容,对页面中的其他信息不会造成干扰,提高了用户的信息阅读性。
Description
技术领域
本申请涉及信息处理技术领域,尤其是涉及到一种信息显示方法、装置及设备。
背景技术
随着信息技术的发展,数据信息量和逻辑功能的不断增加和逐步强大,在一个页面中需要明确的内容量很多(如包括条目数量,和每隔条目的信息量)。若逐一铺开展示,无疑会使页面冗长枯燥。
目前,传统技术中在获取到需要展示的文本信息后,首先确定显示文本信息全部内容所需的区域面积,然后根据该区域面积如果判定默认显示区域不能显示文本信息的全部内容,则在当前页面上创建增强阅读显示区域(如弹出特定窗口等),用于显示这些文本信息。
然而,这种创建增强阅读显示区域代替默认显示区域进行文本信息显示的方式,会占用过多的页面空间,加大页面长度,并且很可能会遮挡页面中其他信息的显示内容,对页面中的其他信息造成干扰等,影响用户的信息阅读性。如果用户需要查看这些被遮挡的信息内容,还需要手动关闭该增强阅读显示区域的弹出窗,增加了用户的操作成本。
发明内容
有鉴于此,本申请提供了一种信息显示方法、装置及设备,主要目的在于解决目前现有技术中利用增强阅读显示区域进行信息显示的方式,会占用过多的页面空间,遮挡页面中其他信息的显示内容,对页面中的其他信息造成干扰,进而影响用户的信息阅读性的技术问题。
依据本申请的一个方面,提供了一种信息显示方法,该方法包括:
获取信息显示区域可显示的字符串的最大长度;
若待显示的目标字符串的目标长度大于所述最大长度,则在所述信息显示区域内展示所述目标字符串中与所述最大长度对应的第一字符串,并对所述信息显示区域添加可滑动查看标记;
接收所述信息显示区域对应的滑动手势指令;
在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示。
可选的,所述第一字符串为所述目标字符串中与所述最大长度对应的首部字符串;
所述在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示,具体包括:
跟随所述滑动手势指令,在所述信息显示区域内展示所述目标字符串中与所述最大长度对应固定长度的字符串,并在字符串首字符或末字符被滑出所述信息显示区域时,对被滑出的字符进行隐藏展示。
可选的,所述在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示,具体还包括:
在判定所述信息显示区域内展示出所述目标字符串中与所述最大长度对应的首部字符串时,停止跟随对所述首部字符串的末字符滑出所述信息显示区域的滑动手势指令;
在判定所述信息显示区域内展示出所述目标字符串中与所述最大长度对应的尾部字符串时,停止跟随对所述尾部字符串的首字符滑出所述信息显示区域的滑动手势指令。
可选的,所述对所述信息显示区域添加可滑动查看标记,具体包括:
将所述第一字符串中首字符和/或末字符,在所述信息显示区域内进行部分展示。
可选的,所述接收所述信息显示区域对应的滑动手势指令,具体包括:
接收滑动手势指令;
若接收到的滑动手势指令对应的触控点位置处于所述信息显示区域的区域范围内,则将接收到的滑动手势指令确定为与所述信息显示区域对应的滑动手势指令。
可选的,所述获取信息显示区域可显示的字符串的最大长度,具体包括:
获取所述信息显示区域可显示的字符串字号尺寸;
按照最小的字号尺寸和所述信息显示区的信息展示宽度,获取所述信息显示区域可显示的字符串的最大长度。
可选的,所述第一字符串和所述第二字符串按照所述最小的字号尺寸在所述信息显示区域内进行展示。
可选的,所述方法还包括:
接收对所述信息显示区域的缩放指令;
按照缩放后的展示比例,更新所述信息显示区域可显示的字符串的所述最大长度。
依据本申请的另一方面,提供了一种信息显示装置,该装置包括:
获取模块,用于获取信息显示区域可显示的字符串的最大长度;
展示模块,用于若待显示的目标字符串的目标长度大于所述最大长度,则在所述信息显示区域内展示所述目标字符串中与所述最大长度对应的第一字符串;
添加模块,用于对所述信息显示区域添加可滑动查看标记;
接收模块,用于接收所述信息显示区域对应的滑动手势指令;
所述展示模块,还用于在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示。
可选的,所述第一字符串为所述目标字符串中与所述最大长度对应的首部字符串;
所述展示模块,具体用于跟随所述滑动手势指令,在所述信息显示区域内展示所述目标字符串中与所述最大长度对应固定长度的字符串,并在字符串首字符或末字符被滑出所述信息显示区域时,对被滑出的字符进行隐藏展示。
可选的,所述展示模块,具体还用于在判定所述信息显示区域内展示出所述目标字符串中与所述最大长度对应的首部字符串时,停止跟随对所述首部字符串的末字符滑出所述信息显示区域的滑动手势指令;
在判定所述信息显示区域内展示出所述目标字符串中与所述最大长度对应的尾部字符串时,停止跟随对所述尾部字符串的首字符滑出所述信息显示区域的滑动手势指令。
可选的,所述添加模块,具体用于将所述第一字符串中首字符和/或末字符,在所述信息显示区域内进行部分展示。
可选的,所述接收模块,具体用于接收滑动手势指令;
若接收到的滑动手势指令对应的触控点位置处于所述信息显示区域的区域范围内,则将接收到的滑动手势指令确定为与所述信息显示区域对应的滑动手势指令。
可选的,所述获取模块,具体用于获取所述信息显示区域可显示的字符串字号尺寸;
按照最小的字号尺寸和所述信息显示区的信息展示宽度,获取所述信息显示区域可显示的字符串的最大长度。
可选的,所述展示模块,具体用于所述第一字符串和所述第二字符串按照所述最小的字号尺寸在所述信息显示区域内进行展示。
可选的,所述装置还包括:更新模块;
所述接收模块,还用于接收对所述信息显示区域的缩放指令;
所述更新模块,用于按照缩放后的展示比例,更新所述信息显示区域可显示的字符串的所述最大长度。
依据本申请又一个方面,提供了一种存储介质,其上存储有计算机程序,所述程序被处理器执行时实现上述信息显示方法。
依据本申请再一个方面,提供了一种信息显示设备,包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述信息显示方法。
借由上述技术方案,本申请提供的一种信息显示方法、装置及设备,与目前现有的利用增强阅读显示区域进行信息显示的方式相比,本申请在待显示的目标字符串的目标长度大于信息显示区域可显示的字符串的最大长度时,可在信息显示区域内展示目标字符串中与该最大长度对应的部分字符串,并对信息显示区域添加可滑动查看标记;用户如果需要查看目标字符串中其他部分的字符串,可通过手势滑动信息显示区域的操作,将目标字符串滑动展示出来。通过这种方式,不需要额外创建增强阅读显示区域,因此不会占用过多的页面空间,不会遮挡页面中其他信息的显示内容,对页面中的其他信息不会造成干扰,提高了用户的信息阅读性。并且操作简单方便,可以更好的控制页面布局的秩序感,不会因布局受限而不能展示全部,也不会因文字限制等特殊情况影响当前的页面效果,进而可提升用户的使用体验。
上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,而可依照说明书的内容予以实施,并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1示出了本申请实施例提供的一种信息显示方法的流程示意图;
图2示出了本申请实施例提供的另一种信息显示方法的流程示意图;
图3至图5示出了本申请实施例提供的一种应用场景的实例示意图;
图6示出了本申请实施例提供的一种信息显示装置的结构示意图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本申请。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
针对目前现有技术中利用增强阅读显示区域进行信息显示的方式,会占用过多的页面空间,遮挡页面中其他信息的显示内容,对页面中的其他信息造成干扰,进而影响用户的信息阅读性的技术问题。本实施例提供了一种信息显示方法,如图1所示,该方法包括:
101、获取信息显示区域可显示的字符串的最大长度。
其中,信息显示区域可为将待显示的字符串进行展示的区域范围,如文本框区域、待填写表格的区域等。
在本实施例中,可根据信息显示区域的信息展示宽度,以及单个字符在该信息显示区域内展示时所占的宽度,计算出信息显示区域可显示的字符串的最大长度。
对于本实施例的执行主体可为信息显示处理的装置或设备,可配置在客户端侧,用于辅助客户端应用中的信息展示,做到信息优化查看。
102、若待显示的目标字符串的目标长度大于获取到的最大长度,则在信息显示区域内展示目标字符串中与该最大长度对应的第一字符串,并对信息显示区域添加可滑动查看标记。
其中,第一字符串可为待显示的目标字符串中的部分字符串,该部分字符串可与该信息显示区域可显示的字符串的最大长度对应。例如,当待显示的目标字符串的目标长度大于该最大长度时,那么信息显示区域将不能同时将这些字符串进行展示。为此本实施例按照该最大长度先展示目标字符串中的部分字符串,使得用户了解该信息显示区域内是有信息展示内容的。并且为了进一步使得用户了解该信息显示区域内,除了这些已展示的信息内容以外,还存在未成功展示的其他信息内容,可对该信息显示区域添加可滑动查看标记。该滑动查看标记的样式可根据实际需求进行设置,例如,在该信息显示区域闪烁可左右滑动的箭头或手势等的标记、或者在该信息显示区域的边角处添加特定标记(前期可在应用使用的新手引导中说明该特定标记的作用)等。
需要说明的是,在信息显示区域内展示目标字符串中与该最大长度对应的第一字符串,对于该第一字符串的长度并不一定必须与该最大长度一致,可以小于该最大长度,具体可根据实际的页面展示美观需求进行设置。
而当待显示的目标字符串的目标长度小于或者等于获取到的最大长度时,可按照正常的显示方式,将待显示的目标字符串全部在信息显示区域内进行展示,以使得用户快速了解该目标字符串对应的信息内容。
103、接收信息显示区域对应的滑动手势指令。
在具体的应用场景中,可能会存在至少一个上述这种情况的信息显示区域,为了准确判定用户操作的是目标信息显示区域,在本实施例中可具体识别接收到的滑动手势指令是对应页面中的哪个信息显示区域,进而实现具有针对性的信息滑动展示操作。
104、在信息显示区域内跟随接收到的滑动手势指令,对目标字符串中未展示的第二字符串进行滑动展示。
其中,第二字符串可为目标字符串中未展示的字符串。在具体的滑动展示过程中,用户可通过手势滑动操作,控制拖动已展示的字符串进行左右(信息横向展示)或上下(信息纵向展示)等方向的滑动,每当一端已展示的字符被滑出该信息显示区域时,将另一端被滑进的已隐藏字符在信息显示区域内展示出来,使得用户感受到如同滑动查看信息的方式。另外经过一个方向的滑动操作之后,如果用户还想查看之前已展示的但当前已隐藏的信息内容,可通过相反方向滑动操作,滑动查看这些信息。
本实施例提供的信息显示方法,与目前现有的利用增强阅读显示区域进行信息显示的方式相比,本实施例在待显示的目标字符串的目标长度大于信息显示区域可显示的字符串的最大长度时,可在信息显示区域内展示目标字符串中与该最大长度对应的部分字符串,并对信息显示区域添加可滑动查看标记;用户如果需要查看目标字符串中其他部分的字符串,可通过手势滑动信息显示区域的操作,将目标字符串滑动展示出来。通过这种方式,不需要额外创建增强阅读显示区域,因此不会占用过多的页面空间,不会遮挡页面中其他信息的显示内容,对页面中的其他信息不会造成干扰,提高了用户的信息阅读性。并且操作简单方便,可以更好的控制页面布局的秩序感,不会因布局受限而不能展示全部,也不会因文字限制等特殊情况影响当前的页面效果,进而可提升用户的使用体验。
进一步的,作为上述实施例具体实施方式的细化和扩展,为了完整说明本实施例的实施方式,本实施例还提供了另一种信息显示方法,如图2所示,该方法包括:
201、获取信息显示区域可显示的字符串的最大长度。
由于相同长度不同字号尺寸的字符串,在信息显示区域内展示时所占用的宽度不同,因此在统计信息显示区域可显示的字符串的最大长度时,会与字符串显示的字号尺寸相关。本实施例中,可根据实际展示需求,确定字符串在信息显示区域内展示时对应的字号尺寸,然后按照该字号尺寸获取该信息显示区域可显示的字符串的最大长度,可保证获取到的最大长度更准确、更符合实际需求。
例如,如果信息显示区域默认设置了显示字符串所用的字号尺寸,后续待显示字符串也按照该默认字号尺寸进行显示,则按照该默认字号尺寸和信息显示区的信息展示宽度,计算出该区域可显示的字符串的最大长度;除此之外,有些控件还会按照待显示字符串的量级,自动调整字符串显示的字号尺寸,如量级越大,字号尺寸越小(存在字号尺寸最小阈值,以满足用户的阅读需求),此时可按照控件确定展示的字号尺寸和信息显示区的信息展示宽度,计算出该区域可显示的字符串的最大长度等。
基于上述内容,为了尽可能的满足信息展示需求,可选的,步骤201具体可包括:获取信息显示区域可显示的字符串字号尺寸;然后从这些字号尺寸中选出最小的字号尺寸,最后按照最小的字号尺寸和信息显示区的信息展示宽度,获取信息显示区域可显示的字符串的最大长度。相应的,后续待显示字符串的字号尺寸,也是按照这个最小的字号尺寸确定,即按照这个最小的字号尺寸在信息显示区域内显示待显示的目标字符串。相应的,本实施例中的第一字符串和第二字符串按照最小的字号尺寸在信息显示区域内进行展示。
通过这种按照最小字号尺寸获取信息显示区域可显示的字符串的最大长度的方式,可尽可能的满足信息展示需求。在不进行滑动查看操作的情况下,做到尽可能在信息显示区域内展示更多的信息内容,方便用户了解信息主旨内容,进而确定是否执行滑动查看操作,以查看其他被隐藏的信息内容,可减少用户的滑动查看操作,进而减少用户的操作成本。
202、若待显示的目标字符串的目标长度大于获取到的最大长度,则在信息显示区域内展示目标字符串中与最大长度对应的第一字符串,并将第一字符串中首字符和/或末字符,在信息显示区域内进行部分展示。
在本实施例中,可通过将第一字符串中首字符和/或末字符,在信息显示区域内进行部分展示,对信息显示区域添加可滑动查看标记,使得用户更加直观了解到字符串前端和/或后端还有其他被隐藏的字符内容,进而使得用户快速了解到该信息显示区域可通过手势滑动操作查看这些被隐藏的信息内容。简单、直观,无需增加可滑动手势/箭头等,不会遮挡当前已展示的信息内容,可提升用户的使用体验。
进一步的,为了帮助用户快速了解展示的信息内容,可选的,第一字符串可为目标字符串中与该最大长度对应的首部字符串。通常用户阅读信息内容时,通过其首部信息内容(即信息开头部分),即可大概了解展示的信息内容是否是自身需要深度了解的信息。通过这种可选方式,更加符合用户的信息阅读习惯,提升用户的信息阅读体验。相应的,在此种情况下,由于展示了与该最大长度对应的首部字符串,其后的字符串被隐藏展示,为了使得用户了解还有其他未展示的字符串内容,可对已展示的首部字符串的最后一个字符进行部分展示。
203、接收滑动手势指令。
例如,用户可对设备屏幕进行手势滑动,进而输入滑动手势指令。
204、若接收到的滑动手势指令对应的触控点位置处于信息显示区域的区域范围内,则将接收到的滑动手势指令确定为与信息显示区域对应的滑动手势指令。
其中,触控点位置可由用户一次滑动手势操作过程中第一次触击的区域位置来确定,后续滑动手势操作相当于拖动该第一次触击的区域位置的触控点进行移动。
在本实施例中,信息显示区域可能存在至少一个上述这种情况的信息显示区域,为了准确判定用户操作的是目标信息显示区域,通过这种利用滑动手势指令对应触控点位置进行判断的方式,可准确识别出接收到的滑动手势指令是对应页面中的哪个信息显示区域,进而实现具有针对性的信息滑动展示操作。
205、在信息显示区域内跟随与信息显示区域对应的滑动手势指令,对目标字符串中未展示的第二字符串进行滑动展示。
可选的,步骤205具体可包括:跟随接收到的滑动手势指令,在信息显示区域内展示目标字符串中与该最大长度对应固定长度的字符串,并在字符串首字符或末字符被滑出信息显示区域时,对被滑出的字符进行隐藏展示。
例如,信息显示区域为文本框区域,该文本框区域默认值Value显示为“首部文字+固定宽度下可展示文字数(最后一个字符展示一半)”;用户可手势左右滑动屏幕的该文本框区域;随着用户向左的手势滑动,首部文字向左移动,同时首部文字超出文本框区域部分的文字逐渐被隐藏,而首部文字右端原本被隐藏的文字逐渐被滑到该文本框区域内进行展示;在判断已拖动展示出末端文字时,末端文字显示为“固定宽度下可展示文字数(第一个字符展示一半”。通过这种滑动查看信息的操作方式,操作简单方便,可以更好的控制页面布局的秩序感,不会因布局受限而不能展示全部,也不会因文字限制等特殊情况影响当前的页面效果,进而可提升用户的使用体验。
进一步的,为了帮助用户及时了解到阅读的信息内容已经到达尾部或者首部,可选的,步骤205具体还可包括:在判定信息显示区域内展示出目标字符串中与该最大长度对应的首部字符串时,停止跟随对首部字符串的末字符滑出信息显示区域的滑动手势指令;而在判定信息显示区域内展示出目标字符串中与该最大长度对应的尾部字符串时,停止跟随对尾部字符串的首字符滑出信息显示区域的滑动手势指令。
例如,在判定文本框区域展示的是首部文字,此时如果还向右滑动查看该首部文字,首部文字左侧已经没有其他被隐藏的文字,所以可停止跟随该手势操作,使得用户了解到已展示的文字左侧没有其他隐藏的文字,该段已展示的文字是首部文字;同理,在判定文本框区域展示的是尾部文字,此时如果还向左滑动查看该尾部文字,尾部文字右侧已经没有其他被隐藏的文字,所以可停止跟随该手势操作,使得用户了解到已展示的文字右侧没有其他隐藏的文字,该段已展示的文字是尾部文字。
除了上述方式以外,还可在页面适当位置(如页眉处等)显示操作过程,如“文字展示初始”、“文字展示手势滑动中”、“文字展示最末文字”等的提示信息,以帮助用户了解在手势滑动中当前处于的状态,进而辅助用户做到精确操控。
有时用户会对页面进行缩放操作,而在页面中的信息显示区域也会跟着进行缩放调整,在此情况下,为了更好保证本实施例方法中的信息显示效果,进一步可选的,本实施例方法还可包括:接收对信息显示区域的缩放指令;然后按照缩放后的展示比例,更新信息显示区域可显示的字符串的最大长度。后续可按照更新后的最大长度,执行上述步骤202至205所示的过程,进而在信息显示区域被缩放后,也能很好的利用本实施例方法得到良好的信息展示效果。
为了说明上述各实施例的具体实施过程,给出如下应用场景,但不限于此:
目前在一个页面中需要明确的内容量很多,若逐一铺开展示,无疑会使页面冗长枯燥,故根据本实施例方法,实现固定条目的显示长度,将多余此长度的内容文字隐藏,采用手势滑动的方式进行全部内容的展示。
在具体实现过程中,文字展示初始状态为默认显示首部文字,在固定条目的显示长度的情况下,右边缘最后一个字符展示一半,其他多余文字隐藏(如图3所示),当手势接触左右滑动时,文字到达两端点将陆续被隐藏(如图4所示),直到手势滑动到文字末端时,此时末端文字全部展示出来,而首端文字将遵循在固定的宽度范围内显示超出隐藏的原则(如图5所示)。
此功能交互设计主要考虑有三点:第一,避免标题或内容过长而占用页面空间;第二,排版秩序井然,不会产生内容互相干扰等意外的状况;第三,文字量很大的情况,也可以全部展示,让用户看到全部内容。
本实施例方法可应用于各种设备(手机端,POS,平板电脑等移动端设备)。任何形式的显示文字过长时都可应用。例如,功能模块标题,卡片内容文字,还有可能为修饰文字内容,备注内容等应用。
通过应用本实施例方法,不占用空间,无需加大页面长度,不必顾虑因文字量大而占用空间。采用此方式布局,可以更好的控制页面布局的秩序感,不会因布局受限而不能展示全部,也不会因文字限制等特殊情况影响当前的页面效果。
进一步的,作为图1和图2所示方法的具体实现,本申请实施例提供了一种信息显示装置,如图6所示,该装置包括:获取模块31、展示模块32、添加模块33、接收模块34。
获取模块31,可用于获取信息显示区域可显示的字符串的最大长度;
展示模块32,可用于若待显示的目标字符串的目标长度大于所述最大长度,则在所述信息显示区域内展示所述目标字符串中与所述最大长度对应的第一字符串;
添加模块33,可用于对所述信息显示区域添加可滑动查看标记;
接收模块34,可用于接收所述信息显示区域对应的滑动手势指令;
所述展示模块32,还可用于在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示。
在具体的应用场景中,可选的,所述第一字符串可为所述目标字符串中与所述最大长度对应的首部字符串。
所述展示模块32,具体可用于跟随所述滑动手势指令,在所述信息显示区域内展示所述目标字符串中与所述最大长度对应固定长度的字符串,并在字符串首字符或末字符被滑出所述信息显示区域时,对被滑出的字符进行隐藏展示。
在具体的应用场景中,所述展示模块32,具体还可用于在判定所述信息显示区域内展示出所述目标字符串中与所述最大长度对应的首部字符串时,停止跟随对所述首部字符串的末字符滑出所述信息显示区域的滑动手势指令;在判定所述信息显示区域内展示出所述目标字符串中与所述最大长度对应的尾部字符串时,停止跟随对所述尾部字符串的首字符滑出所述信息显示区域的滑动手势指令。
在具体的应用场景中,所述添加模块33,具体可用于将所述第一字符串中首字符和/或末字符,在所述信息显示区域内进行部分展示。
在具体的应用场景中,所述接收模块34,具体用于接收滑动手势指令;若接收到的滑动手势指令对应的触控点位置处于所述信息显示区域的区域范围内,则将接收到的滑动手势指令确定为与所述信息显示区域对应的滑动手势指令。
在具体的应用场景中,所述获取模块31,具体可用于获取所述信息显示区域可显示的字符串字号尺寸;按照最小的字号尺寸和所述信息显示区的信息展示宽度,获取所述信息显示区域可显示的字符串的最大长度。
在具体的应用场景中,所述展示模块,具体用于所述第一字符串和所述第二字符串按照所述最小的字号尺寸在所述信息显示区域内进行展示。
在具体的应用场景中,本装置还可包括:更新模块;
所述接收模块31,还可用于接收对所述信息显示区域的缩放指令;
所述更新模块,可用于按照缩放后的展示比例,更新所述信息显示区域可显示的字符串的所述最大长度。
需要说明的是,本实施例提供的一种信息显示装置所涉及各功能单元的其它相应描述,可以参考图1和图2中的对应描述,在此不再赘述。
基于上述如图1和图2所示方法,相应的,本实施例还提供了一种存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述如图1和图2所示的信息显示方法。
基于这样的理解,本申请的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施场景的方法。
基于上述如图1和图2所示的方法,以及图6所示的虚拟装置实施例,为了实现上述目的,本申请实施例还提供了一种信息显示设备,具体可以为个人计算机、平板电脑、智能手机、智能手表、智能手环、或其他网络设备等,该客户端设备包括存储介质和处理器;存储介质,用于存储计算机程序;处理器,用于执行计算机程序以实现上述如图1和图2所示的信息显示方法。
可选的,上述实体设备还可以包括用户接口、网络接口、摄像头、射频(RadioFrequency,RF)电路,传感器、音频电路、WI-FI模块等等。用户接口可以包括显示屏(Display)、输入单元比如键盘(Keyboard)等,可选用户接口还可以包括USB接口、读卡器接口等。网络接口可选的可以包括标准的有线接口、无线接口(如WI-FI接口)等。
本领域技术人员可以理解,本实施例提供的上述实体设备结构并不构成对该实体设备的限定,可以包括更多或更少的部件,或者组合某些部件,或者不同的部件布置。
存储介质中还可以包括操作系统、网络通信模块。操作系统是管理上述实体设备硬件和软件资源的程序,支持信息处理程序以及其它软件和/或程序的运行。网络通信模块用于实现存储介质内部各组件之间的通信,以及与信息处理实体设备中其它硬件和软件之间通信。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本申请可以借助软件加必要的通用硬件平台的方式来实现,也可以通过硬件实现。通过应用本实施例的技术方案,不占用空间,无需加大页面长度,不必顾虑因文字量大而占用空间。采用此方式布局,可以更好的控制页面布局的秩序感,不会因布局受限而不能展示全部,也不会因文字限制等特殊情况影响当前的页面效果。
本领域技术人员可以理解附图只是一个优选实施场景的示意图,附图中的模块或流程并不一定是实施本申请所必须的。本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中,也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块,也可以进一步拆分成多个子模块。
上述本申请序号仅仅为了描述,不代表实施场景的优劣。以上公开的仅为本申请的几个具体实施场景,但是,本申请并非局限于此,任何本领域的技术人员能思之的变化都应落入本申请的保护范围。
Claims (10)
1.一种信息显示方法,其特征在于,包括:
获取信息显示区域可显示的字符串的最大长度;
若待显示的目标字符串的目标长度大于所述最大长度,则在所述信息显示区域内展示所述目标字符串中与所述最大长度对应的第一字符串,并对所述信息显示区域添加可滑动查看标记;
接收所述信息显示区域对应的滑动手势指令;
在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示。
2.根据权利要求1所述的方法,其特征在于,所述第一字符串为所述目标字符串中与所述最大长度对应的首部字符串;
所述在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示,具体包括:
跟随所述滑动手势指令,在所述信息显示区域内展示所述目标字符串中与所述最大长度对应固定长度的字符串,并在字符串首字符或末字符被滑出所述信息显示区域时,对被滑出的字符进行隐藏展示。
3.根据权利要求2所述的方法,其特征在于,所述在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示,具体还包括:
在判定所述信息显示区域内展示出所述目标字符串中与所述最大长度对应的首部字符串时,停止跟随对所述首部字符串的末字符滑出所述信息显示区域的滑动手势指令;
在判定所述信息显示区域内展示出所述目标字符串中与所述最大长度对应的尾部字符串时,停止跟随对所述尾部字符串的首字符滑出所述信息显示区域的滑动手势指令。
4.根据权利要求1所述的方法,其特征在于,所述对所述信息显示区域添加可滑动查看标记,具体包括:
将所述第一字符串中首字符和/或末字符,在所述信息显示区域内进行部分展示。
5.根据权利要求1所述的方法,其特征在于,所述接收所述信息显示区域对应的滑动手势指令,具体包括:
接收滑动手势指令;
若接收到的滑动手势指令对应的触控点位置处于所述信息显示区域的区域范围内,则将接收到的滑动手势指令确定为与所述信息显示区域对应的滑动手势指令。
6.根据权利要求1所述的方法,其特征在于,所述获取信息显示区域可显示的字符串的最大长度,具体包括:
获取所述信息显示区域可显示的字符串字号尺寸;
按照最小的字号尺寸和所述信息显示区的信息展示宽度,获取所述信息显示区域可显示的字符串的最大长度。
7.根据权利要求6所述的方法,其特征在于,所述第一字符串和所述第二字符串按照所述最小的字号尺寸在所述信息显示区域内进行展示。
8.一种信息显示装置,其特征在于,包括:
获取模块,用于获取信息显示区域可显示的字符串的最大长度;
展示模块,用于若待显示的目标字符串的目标长度大于所述最大长度,则在所述信息显示区域内展示所述目标字符串中与所述最大长度对应的第一字符串;
添加模块,用于对所述信息显示区域添加可滑动查看标记;
接收模块,用于接收所述信息显示区域对应的滑动手势指令;
所述展示模块,还用于在所述信息显示区域内跟随所述滑动手势指令,对所述目标字符串中未展示的第二字符串进行滑动展示。
9.一种存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现权利要求1至7中任一项所述的方法。
10.一种信息显示设备,包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现权利要求1至7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010227375.7A CN111522610A (zh) | 2020-03-27 | 2020-03-27 | 信息显示方法、装置及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010227375.7A CN111522610A (zh) | 2020-03-27 | 2020-03-27 | 信息显示方法、装置及设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111522610A true CN111522610A (zh) | 2020-08-11 |
Family
ID=71902091
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010227375.7A Pending CN111522610A (zh) | 2020-03-27 | 2020-03-27 | 信息显示方法、装置及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111522610A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113630305A (zh) * | 2021-07-16 | 2021-11-09 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备、存储介质及程序产品 |
CN114546192A (zh) * | 2021-12-31 | 2022-05-27 | 北京达佳互联信息技术有限公司 | 内容显示处理方法、装置及内容显示方法、装置 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040218216A1 (en) * | 2001-09-07 | 2004-11-04 | Chitoshi Ito | Character string edition apparatus and character string edition program |
CN101064177A (zh) * | 2006-04-26 | 2007-10-31 | 松下电器产业株式会社 | 字幕显示控制设备 |
US20110283228A1 (en) * | 2010-05-14 | 2011-11-17 | Hiraiwa Kenichiro | Information processing apparatus and method, and program |
CN102929846A (zh) * | 2012-10-26 | 2013-02-13 | 北京小米科技有限责任公司 | 一种处理长文本的方法及装置 |
CN104731445A (zh) * | 2013-12-24 | 2015-06-24 | 惠州市德赛西威汽车电子有限公司 | 一种长文本显示方法 |
CN105955637A (zh) * | 2016-04-25 | 2016-09-21 | 北京小米移动软件有限公司 | 处理文本输入框的方法和装置 |
CN106560782A (zh) * | 2015-10-05 | 2017-04-12 | 佳能株式会社 | 信息处理装置和信息处理方法 |
CN107066186A (zh) * | 2017-02-23 | 2017-08-18 | 青岛海信电器股份有限公司 | 一种基于Canvas的UI界面字符展示方法及显示设备 |
-
2020
- 2020-03-27 CN CN202010227375.7A patent/CN111522610A/zh active Pending
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040218216A1 (en) * | 2001-09-07 | 2004-11-04 | Chitoshi Ito | Character string edition apparatus and character string edition program |
CN101064177A (zh) * | 2006-04-26 | 2007-10-31 | 松下电器产业株式会社 | 字幕显示控制设备 |
US20110283228A1 (en) * | 2010-05-14 | 2011-11-17 | Hiraiwa Kenichiro | Information processing apparatus and method, and program |
CN102929846A (zh) * | 2012-10-26 | 2013-02-13 | 北京小米科技有限责任公司 | 一种处理长文本的方法及装置 |
CN104731445A (zh) * | 2013-12-24 | 2015-06-24 | 惠州市德赛西威汽车电子有限公司 | 一种长文本显示方法 |
CN106560782A (zh) * | 2015-10-05 | 2017-04-12 | 佳能株式会社 | 信息处理装置和信息处理方法 |
CN105955637A (zh) * | 2016-04-25 | 2016-09-21 | 北京小米移动软件有限公司 | 处理文本输入框的方法和装置 |
CN107066186A (zh) * | 2017-02-23 | 2017-08-18 | 青岛海信电器股份有限公司 | 一种基于Canvas的UI界面字符展示方法及显示设备 |
Non-Patent Citations (3)
Title |
---|
季雪岗等: "《学科专业知识 中学信息技术 2012 最新版》", 教育科学出版社 , pages: 81 * |
石虎山等: "在滚动视图中嵌入局部文本编辑", 《微机发展》, no. 09, 10 September 2003 (2003-09-10) * |
编委会: "《学科专业知识 中学信息技术 2012 最新版》", 教育科学出版社 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113630305A (zh) * | 2021-07-16 | 2021-11-09 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备、存储介质及程序产品 |
CN113630305B (zh) * | 2021-07-16 | 2023-06-23 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备、存储介质及程序产品 |
CN114546192A (zh) * | 2021-12-31 | 2022-05-27 | 北京达佳互联信息技术有限公司 | 内容显示处理方法、装置及内容显示方法、装置 |
CN114546192B (zh) * | 2021-12-31 | 2023-11-28 | 北京达佳互联信息技术有限公司 | 内容显示处理方法、装置及内容显示方法、装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9013428B2 (en) | Electronic device and handwritten document creation method | |
US9400567B2 (en) | Explicit touch selection and cursor placement | |
US8589458B2 (en) | Electronic calculator with touch screen | |
US8769403B2 (en) | Selection-based resizing for advanced scrolling of display items | |
CN110090444B (zh) | 游戏中行为记录创建方法、装置、存储介质及电子设备 | |
CN105579947A (zh) | 用于在电子设备中显示图示的装置和方法 | |
US20150121177A1 (en) | Electronic device, method, and storage medium | |
WO2015125499A1 (en) | Automatic bookmark of a select location within an electronic document responsive to a user touch gesture | |
CN109582430B (zh) | 电子书中评论信息的展现方法、计算设备及存储介质 | |
CN113111624B (zh) | 一种文本显示方法、装置、电子设备及存储介质 | |
CN107977155B (zh) | 一种手写识别方法、装置、设备和存储介质 | |
CN111522610A (zh) | 信息显示方法、装置及设备 | |
CN112827171A (zh) | 交互方法、装置、电子设备和存储介质 | |
US20140359516A1 (en) | Sensing user input to change attributes of rendered content | |
CN108491152B (zh) | 基于虚拟光标的触屏终端操控方法、终端及介质 | |
CN109992182B (zh) | 电子书批量翻页方法、电子设备及计算机存储介质 | |
KR101294458B1 (ko) | 모바일 디바이스에서의 텍스트 입력장치 및 그 방법 | |
US20170039178A1 (en) | Methods and systems of applying a confidence map to a fillable form | |
CN111506185B (zh) | 对文档进行操作的方法、装置、电子设备及存储介质 | |
CN114548040A (zh) | 笔记处理方法、电子设备及存储介质 | |
CN109032476B (zh) | 一种在图形用户界面中显示大数据集的方法 | |
KR101368610B1 (ko) | 전자책 환경에서 문단을 선택하기 위한 방법 및 시스템 | |
CN108920233B (zh) | 全景页面跳转方法、设备及存储介质 | |
CN110515618A (zh) | 页面信息录入优化方法、设备、存储介质及装置 | |
CN113467671A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200811 |