CN108108364A - 一种标签显示方法及装置 - Google Patents
一种标签显示方法及装置 Download PDFInfo
- Publication number
- CN108108364A CN108108364A CN201611046940.XA CN201611046940A CN108108364A CN 108108364 A CN108108364 A CN 108108364A CN 201611046940 A CN201611046940 A CN 201611046940A CN 108108364 A CN108108364 A CN 108108364A
- Authority
- CN
- China
- Prior art keywords
- label
- labels
- width
- tab bar
- content
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供了一种标签显示方法及装置,应用于互联网技术领域,所述方法包括:获取所有待显示标签中的各个待显示标签的显示内容,根据各个显示内容的长度确定各个待显示标签的内容宽度;确定各个待显示标签的目标标签边距;根据内容宽度和目标标签边距,计算各个待显示标签的标签宽度;按照各个标签宽度,将各个待显示标签在标签栏中进行显示。针对待显示标签的内容宽度以及标签数量是可变的情况,本发明可以根据待显示标签的内容宽度和标签栏宽度确定待显示标签的标签宽度,提升用户的视觉效果以及使用体验。
Description
技术领域
本发明涉及互联网技术领域,特别是涉及一种标签显示方法及装置。
背景技术
随着移动通信技术的发展,移动终端逐渐成为人们的获取信息的必备工具。用户可以在移动终端上安装游戏软件、即时通信软件和购物软件等各种应用程序,各个应用程序在安装完成时会在移动终端的显示界面中显示各自对应的应用图标,用户通过点击不同的应用程序对应的应用图标可以使用不同的应用程序。
图1为现有技术移动终端标签显示的显示界面示意图。如图1所示,目前市场上比较流行的iPhone、Android平台上的移动终端的显示界面,从上到下依次为:状态栏、主界面和标签栏,当然,这只是一种方式,在实际的应用过程中,标签栏的位置也可以是标签栏示在状态栏之下,主界面之上等其他方式。其中,状态栏通常位于显示界面的顶部区域,用于显示移动终端的网络信号、电池容量以及时间等状态信息;标签栏通常位于显示界面的底部区域,用于显示移动终端正在运行的应用程序对应的标签;主界面通常位于状态栏和标签栏之间的区域,用于显示正在运行的应用程序的展示内容。因此,在标签栏中如何显示标签,直接影响到用户的视觉效果和使用体验。
现有的标签显示方法主要包括以下两种:第一种标签显示方法、将待显示标签的内容长度,加上待显示标签预设的左边距和右边距作为待显示标签的标签宽度,根据该待显示标签的标签宽度将待显示标签在标签栏显示,如图1所示,可以包括标签101、标签102、空白处103,通过点击标签,显示标签对应的应用程序的内容在主界面,其中,左边距1011、右边距1012和待显示标签的内容长度1013,三部分合起来作为待显示标签的标签宽度。第二种标签显示方法、将待显示标签的标签栏能够显示的标签栏宽度平均分配给各个标签,按照各个待显示标签分配得到的相同的标签宽度,将各个待显示标签在标签栏显示。
但是现有技术标签显示方法中至少存在如下问题:
在现有的第一种标签显示方法中,当所有标签的宽度之和小于标签栏可见宽度时,标签栏上将出现空白,影响视觉效果,降低用户体验;现有技术第二种标签显示方法中,当标签的个数不固定、各个标签的内容长度不均匀时,会造成标签内容被截断、标签间参差不齐等影响视觉效果的情况,影响用户体验。总之,现有技术的标签显示方法,影响用户的视觉效果、使用户体验下降。
发明内容
本发明实施例的目的在于提供一种标签显示方法及装置,提升用户的视觉效果和使用体验。
具体技术方案如下:
本发明实施例提供了一种标签显示方法,所述方法包括:
获取所有待显示标签中的各个待显示标签的显示内容,根据各个显示内容的长度确定各个待显示标签的内容宽度;
确定各个待显示标签的目标标签边距;
根据所述内容宽度和所述目标标签边距,计算各个待显示标签的标签宽度;
按照各个标签宽度,将各个待显示标签在标签栏中进行显示。
可选的,所述确定各个待显示标签的目标标签边距,包括:
计算所有待显示标签的最小宽度之和,其中,所有待显示标签的最小宽度之和包括:待显示标签的标签最小边距、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度;
在所述最小宽度之和,大于或者等于标签栏能够显示的标签栏宽度时,将所述标签最小边距作为待显示标签的目标标签边距;
或者,
在所述最小宽度之和,小于所述标签栏能够显示的标签栏宽度时,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定所述待显示标签的目标标签边距。
可选的,所述计算所有待显示标签的最小宽度之和,包括:
将两倍所述标签最小边距,与所述标签数量作积,并将所述积与所有待显示标签的标签内容的总宽度求和。
可选的,所述根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定所述待显示标签的目标标签边距,包括:
所述标签栏宽度,与所有待显示标签的标签内容的总宽度作差;
将所作之差,与两倍所述标签数量的比值,作为所述待显示标签的目标标签边距。
可选的,所述根据所述内容宽度和所述目标标签边距,计算各个待显示标签的标签宽度,包括:
所述内容宽度与左标签边距、右标签边距求和,得到各个待显示标签的标签宽度;其中,所述左标签边距和所述右标签边距均与所述目标标签边距相同。
本发明实施例还提供了一种标签显示装置,所述装置包括:获取模块、确定模块、计算模块和显示模块;
获取模块,用于获取所有待显示标签中的各个待显示标签的显示内容,根据各个显示内容的长度确定各个待显示标签的内容宽度;
确定模块,用于确定各个待显示标签的目标标签边距;
计算模块,用于根据所述内容宽度和所述目标标签边距,计算各个待显示标签的标签宽度;
显示模块,用于按照各个标签宽度,将各个待显示标签在标签栏中进行显示。
可选的,所述确定模块,包括:
计算子模块,用于计算所有待显示标签的最小宽度之和,其中,所有待显示标签的最小宽度包括:待显示标签的标签最小边距、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度;
第一确定模块,用于在所述最小宽度之和,大于或者等于标签栏能够显示的标签栏宽度时,将所述标签最小边距作为待显示标签的目标标签边距;
或者,
第二确定子模块,用于在所述最小宽度之和,小于所述标签栏能够显示的标签栏宽度时,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定所述待显示标签的目标标签边距。
可选的,所述计算子模块,用于将两倍所述标签最小边距,与所述标签数量作积,并将所述积与所有待显示标签的标签内容的总宽度求和。
可选的,所述第二确定子模块,包括:
作差单元,用于所述标签栏宽度,与所有待显示标签的标签内容的总宽度作差;
比值单元,用于将所作之差,与两倍所述标签数量的比值,作为所述待显示标签的目标标签边距。
可选的,所述计算模块,用于所述内容宽度与左标签边距、右标签边距求和,得到各个待显示标签的标签宽度;其中,所述左标签边距和所述右标签边距均与所述目标标签边距相同。
本发明实施例提供的标签显示方法及装置,通过确定各个待显示标签的目标标签边距,根据待显示标签的内容宽度和待显示标签的目标标签边距,计算各个待显示标签的标签宽度;按照各个标签宽度,将各个待显示标签在标签栏中进行显示。可以根据待显示标签的内容长度和待显示标签的标签栏宽度,针对不同的待显示标签,确定各自的标签宽度,从而提升用户的视觉效果和使用体验。当然,实施本发明的任一产品或方法必不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为现有技术移动终端标签显示的显示界面示意图;
图2为本发明实施例标签显示方法的流程图;
图3为本发明实施例标签显示方法的显示界面示意图;
图4为本发明实施例标签显示装置的结构示意图;
图5为本发明实施例标签显示装置中确定模块的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
现有的标签显示方法中,将待显示标签的内容的长度,加上预设的左右边距作为待显示标签的宽度,根据该待显示标签的宽度将待显示标签在标签栏显示,当所有标签的宽度之和小于标签栏能够显示的标签栏宽度时,标签栏上将出现空白,影响视觉效果,降低用户体验;将待显示标签的标签栏能够显示的标签栏宽度平均分配给各个标签,标签的个数不固定、各个标签的内容长度不均匀时,会造成标签内容被截断、标签间参差不齐等影响视觉效果的情况,影响用户体验。可得到,现有的标签显示方法,不能兼容多种应用场景,不能达到使得在多种情况下,均能使显示效果美观的效果。
为了提升用户的视觉效果和使用体验,兼容多种应用场景,使得在多种情况下,均能使显示效果美观,不影响用户体验。本发明实施例提供了一种标签显示方法,图2为本发明实施例标签显示方法的流程图,参照图2,对本发明实施例标签显示方法进行详细说明,包括:
步骤201,获取所有待显示标签中的各个待显示标签的显示内容,根据各个显示内容的长度确定各个待显示标签的内容宽度。
在移动设备的应用程序中,标签栏是一种常见的控件,用户通过点击标签栏上的标签,可以对子任务、视图或者模式等内容进行切换,例如新闻app中,用户可通过点击新闻应用程序上标签栏中不同的标签,来浏览不同频道的新闻内容。
可以理解的是,每个待显示标签的内容长度是可变的,例如新闻应用程序上标签栏中不同的标签,是用来标识不同频道的新闻内容,对应于不同频道的新闻内容,标签的内容长度一般是不相同的;另外,一个待显示标签的内容,例如,一个词语,经过翻译成各国语言后,为保证内容清晰可辨认所需要的长度也各不相同。
获取待显示标签的显示内容之后,根据确定的显示内容就可以确定待显示标签的显示内容对应的内容宽度,这是不难理解的,例如,获取待显示标签的显示内容是“天气预报”,则对应的就可确定待显示标签的内容长度为4个字,每个字在标签显示中所占宽度,可以在实际应用过程中根据实际需要确定。
步骤202,确定各个待显示标签的目标标签边距。
确定待显示标签的目标标签边距是标签显示过程中的一个重要步骤,因为待显示标签的内容确定后,待显示标签的内容宽度就确定了,这是很容易理解也不难实现,接着需要确定待显示标签的目标标签边距才能得到标签显示的标签宽度,进而才能将待显示标签进行显示。
不同于现有技术中不考虑待显示标签的内容长度和标签栏能够显示的标签栏宽度,不论什么情况,都将标签最小边距作为待显示标签的目标标签边距,本发明实施例根据待显示标签的内容长度和待显示标签的标签栏能够显示的标签栏宽度,针对不同的待显示标签,确定各自的标签宽度,通过自动调整标签栏中标签的标签宽度,根据标签栏能够显示的标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定待显示标签的目标标签边距,可以将不同标签的标签宽度与现存常见的标签栏使用场景进行适配。
步骤203,根据内容宽度和目标标签边距,计算各个待显示标签的标签宽度。
不同于现有技术中不考虑待显示标签的内容宽度,分配给不同的待显示标签相同的标签宽度或者将预设的目标标签边距与待显示标签的内容长度结合作为标签宽度进行显示,本发明实施例确定待显示标签的内容宽度,与待显示标签的目标标签边距之后,根据各个待显示标签的内容宽度和各个待显示标签的目标标签边距,计算各个待显示标签的标签宽度。因为待显示标签的目标标签边距是根据待显示标签的内容长度和待显示标签的标签栏能够显示的标签栏宽度确定的,而各个待显示标签的标签宽度是根据待显示标签的内容宽度和待显示标签的目标标签边距,所以各个待显示标签的标签宽度是根据待显示标签的内容长度和待显示标签的标签栏能够显示的标签栏宽度自动调整的。
步骤204,按照各个标签宽度,将各个待显示标签在标签栏中进行显示。
确定各个待显示标签的标签宽度之后,即可按照各个待显示标签的标签宽度,将各个待显示标签在标签栏中显示。按照本发明实施例计算得到的待显示标签的宽度,使得当待显示标签的数量等于或者小于标签栏能够显示的标签的数量,则可以将所有的待显示标签都显示在标签栏上。并且相比较于现有技术的标签显示方法中,当待显示标签的数量小于标签栏能够显示的标签的数量时,标签栏上会有大片空白,影响用户视觉效果,在本发明实施例标签显示方法的一种可实现方式中,当待显示标签的数量小于标签栏能够显示的标签的数量时,根据待显示标签的内容宽度和标签栏能够显示的标签栏宽度,针对于不同的待显示标签,确定标签宽度,使得不会出现大片空白的现象,提升了用户的视觉效果以及使用体验。
在本发明的另外一种可实现方式中,在根据内容宽度和目标标签边距,计算各个待显示标签的标签宽度之后,按照各个标签宽度,将各个待显示标签在标签栏中进行显示。具体的,当待显示标签的数量大于标签栏能够显示的标签的数量时,本发明实施例按照待显示标签的宽度,在标签栏中显示标签栏宽度能够显示的数量的待显示标签,剩余的通过滑动标签栏进行显示,例如,待显示标签A、待显示标签B、待显示标签C和待显示标签D,当前的标签栏能够显示的标签栏宽度能够显示待显示标签A、待显示标签B和待显示标签C,可以通过滑动标签栏进行显示待显示标签D。滑动标签栏显示的过程中,具体可以理解为:所有标签组成的标签栏固定不动,用户通过在标签栏上滑动,来查看不同位置的内容。
本发明实施例标签显示方法,通过确定各个待显示标签的目标标签边距,根据待显示标签的内容宽度和待显示标签的目标标签边距,计算各个待显示标签的标签宽度;按照各个标签宽度,将各个待显示标签在标签栏中进行显示。可以根据待显示标签的内容长度和待显示标签的标签栏能够显示的标签栏宽度,针对不同的待显示标签,确定各自的标签宽度,从而提升用户的视觉效果和使用体验。
本发明实施例标签显示方法中,确定各个待显示标签的目标标签边距是重要的步骤,确定各个待显示标签的目标标签边距的一种可选的实施方式,包括:
计算所有待显示标签的最小宽度之和,其中,所有待显示标签的最小宽度包括:待显示标签的标签最小边距、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度;
在最小宽度之和,大于或者等于标签栏能够显示的标签栏宽度时,将标签最小边距作为待显示标签的目标标签边距;
或者,
在最小宽度之和,小于标签栏能够显示的标签栏宽度时,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定待显示标签的目标标签边距。
首先,根据待显示标签的标签最小边距、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,计算所有待显示标签的最小宽度之和,然后,通过判断所有待显示标签的最小宽度之和与标签栏宽度的关系,通过不同的方法确定待显示标签的目标标签边距,进而确定待显示标签的标签宽度。
其中,当确定待显示标签的内容,则所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度即可确定。而待显示标签的标签最小边距在实际的应用过程中,是由视觉设计师,为了使得各个标签内容有一定的间隔且不拥挤,设置的左标签和右标签的最小值。该标签最小边距是根据移动设备的设计规范已经设置好的,对于待显示标签的显示过程中,该标签最小边距是确定的。
在本发明的一种可实现方式中,计算所有待显示标签的最小宽度之和,包括:
将两倍标签最小边距,与标签数量作积,并将得到的积与所有待显示标签的标签内容的总宽度求和。
具体的,设标签数量为x,标签最小边距为a,所有待显示标签的标签内容的总宽度为y,标签栏能够显示的标签栏宽度为L,所有待显示标签的最小宽度之和为z;
通过公式z=x*a*2+y,则可得到所有待显示标签的最小宽度之和。
在上述确定所有待显示标签的最小宽度之和后,需要通过判断所有待显示标签的最小宽度之和与标签栏宽度的关系,进而确定通过不同的方法确定待显示标签的目标标签边距。具体的包括:当最小宽度之和,大于或者等于标签栏能够显示的标签栏宽度时,将标签最小边距作为待显示标签的目标标签边距;在最小宽度之和,小于标签栏能够显示的标签栏宽度时,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定待显示标签的目标标签边距。
第一种情况:当最小宽度之和,大于或者等于标签栏能够显示的标签栏宽度时,将标签最小边距作为待显示标签的目标标签边距,该确定待显示标签的目标标签边距与背景技术中描述的第一种标签显示方法、将待显示标签的内容的长度,加上待显示标签预设的左边距和右边距作为待显示标签的宽度,根据该待显示标签的宽度将待显示标签在标签栏显示的方法是类似的,其中,此处的目标标签边距与背景技术中待显示标签预设的左边距和右边距是相同的。
重点说明第二种情况,在最小宽度之和,小于标签栏能够显示的标签栏宽度时,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定待显示标签的目标标签边距。这种情况是本发明重点考虑的情况。
在本发明的一种可选的实施例中,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定待显示标签的目标标签边距,包括:
标签栏能够显示的标签栏宽度,与所有待显示标签的标签内容的总宽度作差;
将所作之差,与两倍标签数量的比值,作为待显示标签的目标标签边距。
具体的:设待显示标签的目标标签边距为d,通过公式:d=(L-y)/x/2,其中,L为标签栏能够显示的标签栏宽度,y为所有待显示标签的标签内容的总宽度,x为标签数量。
通过上述方法计算得到的待显示标签的目标标签边距,不是固定的将标签最小边距作为目标标签边距,而是根据标签栏宽度、所有待显示标签的标签内容的总宽度以及标签数量而确定的,使得待显示标签的目标标签边距可以根据标签栏宽度、所有待显示标签的标签内容的总宽度以及标签数量等因素的不同,进而自适应的调整。
在本发明的另外一种实现方式中,计算待显示标签的目标标签边距可以包括:
计算所有待显示标签的第一标签边距;
当第一标签边距大于或者等于预先设置的第二标签边距时,确定第一标签边距为目标标签边距;
或者,当第一标签边距小于第二标签边距时,确定第二标签边距为目标标签边距。
其中,第一标签边距是需要通过计算得到的待显示标签的目标标签边距,第二标签边距是预先设置好的目标标签边距,在实际的应用过程中,第二标签边距可以是上述带待显示标签的标签最小边距,第一标签边距可利用上述在最小宽度之和,小于标签栏能够显示的标签栏宽度时,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定待显示标签的目标标签边距的步骤进行计算,具体的计算过程上面已经进行了详细的描述,这里就不再赘述。
确定待显示标签的目标标签边距之后,就可以根据待显示标签的内容宽度和待显示标签的目标标签边距,计算各个待显示标签的标签宽度,包括:
各个待显示标签的内容宽度与左标签边距、右标签边距求和,得到各个待显示标签的标签宽度;其中,左标签边距和右标签边距均与目标标签边距相同。
图3为本发明实施例标签显示方法的显示界面示意图,参照图3对本发明实施例标签显示方法中,按照各个标签宽度,将各个待显示标签在标签栏中进行显示进行详细的说明。如3中,将各个待显示标签按照上述方法确定的标签宽度,将各个待显示标签显示在标签栏300上,标签栏300中的各个标签用实线隔开,图中只是对显示进行说明,具体的待显示标签的个数是按照实际的应用过程中具体的标签数量确定的。其中,每个待显示标签中,左标签边距301、右标签边距303和待显示标签的内容长度302,合起来构成待显示标签的标签宽度。
本发明实施例标签显示方法,根据待显示标签的内容长度和标签栏宽度,自动调节每个待显示标签的标签宽度,使得在标签数量及其内容长度不固定的情况下,满足以下三个条件:一,待显示标签的标签宽度满足完全显示内容的需要;二,当有多个待显示标签时,相邻待显示标签的间距相等,且不小于视觉设计给定的标签最小边距;三,所有标签宽度之和不小于标签栏可见宽度。满足以上的条件使得本发明实施例标签显示方法,不会将待显示标签的内容截断等、提供一致的视觉效果且不过于拥挤,以及可以防止标签栏出现空白的现象发生。
本发明实施例标签显示方法中的各个待显示标签的标签宽度计算方法,能涵盖现存常见的标签栏使用场景,使得无论标签数量是否固定、标签内容长度是否均匀等情况下,标签栏都能通过调整各个待显示标签的宽度,来适配特定场景,而无需针对不同场景频繁改变实现方式。
为了达到提升用户的视觉效果以及用户的使用体验,本发明实施例还提供了一种标签显示装置,图4为本发明实施例标签显示装置的结构示意图,参照图4对本发明实施例标签显示装置进行详细说明,包括:获取模块、确定模块、计算模块和显示模块。
获取模块401,用于获取所有待显示标签中的各个待显示标签的显示内容,根据各个显示内容的长度确定各个待显示标签的内容宽度。
确定模块402,用于确定各个待显示标签的目标标签边距。
计算模块403,用于根据内容宽度和目标标签边距,计算各个待显示标签的标签宽度。
显示模块404,用于按照各个标签宽度,将各个待显示标签在标签栏中进行显示。
本发明实施例标签显示装置,通过确定各个待显示标签的目标标签边距,根据待显示标签的内容宽度和待显示标签的目标标签边距,计算各个待显示标签的标签宽度;按照各个标签宽度,将各个待显示标签在标签栏中进行显示。可以根据待显示标签的内容长度和待显示标签的标签栏宽度,针对不同的待显示标签,确定各自的标签宽度,从而提升用户的视觉效果和使用体验。
图5为本发明实施例标签显示装置中确定模块的结构示意图,参照图5,对本发明实施例标签显示装置中确定模块进行详细说明,可选的,本发明实施例标签显示装置中确定模块402,包括:
计算子模块4021,用于计算所有待显示标签的最小宽度之和,其中,所有待显示标签的最小宽度包括:待显示标签的标签最小边距、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度。
第一确定模块4022,用于在最小宽度之和,大于或者等于标签栏能够显示的标签栏宽度时,将标签最小边距作为待显示标签的目标标签边距。
或者,
第二确定子模块4023,用于在最小宽度之和,小于标签栏能够显示的标签栏宽度时,根据标签栏能够显示的标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定待显示标签的目标标签边距。
可选的,本发明实施例标签显示装置中计算子模块,用于将两倍标签最小边距,与标签数量作积,并将该积与所有待显示标签的标签内容的总宽度求和。
可选的,本发明实施例标签显示装置中第二确定子模块,包括:
作差单元,用于标签栏宽度,与所有待显示标签的标签内容的总宽度作差。
比值单元,用于将所作之差,与两倍所述标签数量的比值,作为待显示标签的目标标签边距。
可选的,本发明实施例标签显示装置中计算模块403,用于内容宽度与左标签边距、右标签边距求和,得到各个待显示标签的标签宽度;其中,左标签边距和右标签边距均与目标标签边距相同。
需要说明的是,本发明实施例的装置是应用上述标签显示方法的装置,则上述标签显示方法的所有实施例均适用于该装置,且均能达到相同或相似的有益效果。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种标签显示方法,其特征在于,所述方法包括:
获取所有待显示标签中的各个待显示标签的显示内容,根据各个显示内容的长度确定各个待显示标签的内容宽度;
确定各个待显示标签的目标标签边距;
根据所述内容宽度和所述目标标签边距,计算各个待显示标签的标签宽度;
按照各个标签宽度,将各个待显示标签在标签栏中进行显示。
2.根据权利要求1所述的标签显示方法,其特征在于,所述确定各个待显示标签的目标标签边距,包括:
计算所有待显示标签的最小宽度之和,其中,所有待显示标签的最小宽度之和包括:待显示标签的标签最小边距、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度;
在所述最小宽度之和,大于或者等于标签栏能够显示的标签栏宽度时,将所述标签最小边距作为待显示标签的目标标签边距;
或者,
在所述最小宽度之和,小于所述标签栏能够显示的标签栏宽度时,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定所述待显示标签的目标标签边距。
3.根据权利要求2所述的标签显示方法,其特征在于,所述计算所有待显示标签的最小宽度之和,包括:
将两倍所述标签最小边距,与所述标签数量作积,并将所述积与所有待显示标签的标签内容的总宽度求和。
4.根据权利要求2所述的标签显示方法,其特征在于,所述根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定所述待显示标签的目标标签边距,包括:
所述标签栏宽度,与所有待显示标签的标签内容的总宽度作差;
将所作之差,与两倍所述标签数量的比值,作为所述待显示标签的目标标签边距。
5.根据权利要求1所述的标签显示方法,其特征在于,所述根据所述内容宽度和所述目标标签边距,计算各个待显示标签的标签宽度,包括:
所述内容宽度与左标签边距、右标签边距求和,得到各个待显示标签的标签宽度;其中,所述左标签边距和所述右标签边距均与所述目标标签边距相同。
6.一种标签显示装置,其特征在于,所述装置包括:获取模块、确定模块、计算模块和显示模块;
获取模块,用于获取所有待显示标签中的各个待显示标签的显示内容,根据各个显示内容的长度确定各个待显示标签的内容宽度;
确定模块,用于确定各个待显示标签的目标标签边距;
计算模块,用于根据所述内容宽度和所述目标标签边距,计算各个待显示标签的标签宽度;
显示模块,用于按照各个标签宽度,将各个待显示标签在标签栏中进行显示。
7.根据权利要求6所述的标签显示装置,其特征在于,所述确定模块,包括:
计算子模块,用于计算所有待显示标签的最小宽度之和,其中,所有待显示标签的最小宽度包括:待显示标签的标签最小边距、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度;
第一确定模块,用于在所述最小宽度之和,大于或者等于标签栏能够显示的标签栏宽度时,将所述标签最小边距作为待显示标签的目标标签边距;
或者,
第二确定子模块,用于在所述最小宽度之和,小于所述标签栏能够显示的标签栏宽度时,根据标签栏宽度、所有待显示标签的标签数量以及所有待显示标签的标签内容的总宽度,确定所述待显示标签的目标标签边距。
8.根据权利要求7所述的标签显示装置,其特征在于,所述计算子模块,用于将两倍所述标签最小边距,与所述标签数量作积,并将所述积与所有待显示标签的标签内容的总宽度求和。
9.根据权利要求7所述的标签显示装置,其特征在于,所述第二确定子模块,包括:
作差单元,用于所述标签栏宽度,与所有待显示标签的标签内容的总宽度作差;
比值单元,用于将所作之差,与两倍所述标签数量的比值,作为所述待显示标签的目标标签边距。
10.根据权利要求6所述的标签显示装置,其特征在于,所述计算模块,用于所述内容宽度与左标签边距、右标签边距求和,得到各个待显示标签的标签宽度;其中,所述左标签边距和所述右标签边距均与所述目标标签边距相同。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611046940.XA CN108108364A (zh) | 2016-11-23 | 2016-11-23 | 一种标签显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611046940.XA CN108108364A (zh) | 2016-11-23 | 2016-11-23 | 一种标签显示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108108364A true CN108108364A (zh) | 2018-06-01 |
Family
ID=62204005
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201611046940.XA Pending CN108108364A (zh) | 2016-11-23 | 2016-11-23 | 一种标签显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108108364A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109977130A (zh) * | 2019-03-29 | 2019-07-05 | 珠海豹好玩科技有限公司 | 一种热词展示方法及系统 |
CN110599899A (zh) * | 2019-09-19 | 2019-12-20 | Oppo广东移动通信有限公司 | 标签显示方法、装置、电子设备以及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US4863298A (en) * | 1984-12-24 | 1989-09-05 | Canon Kabushiki Kaisha | Electronic apparatus for outputting information with equal spaces between groups thereof |
US20070136665A1 (en) * | 2005-12-14 | 2007-06-14 | Microsoft Corporation | Dynamic positioning and aligning tabs relative to margins indent and column width |
CN101699394A (zh) * | 2009-10-28 | 2010-04-28 | 金蝶软件(中国)有限公司 | 一种自动生成用户界面的方法及装置 |
CN102214177A (zh) * | 2010-04-07 | 2011-10-12 | 深圳市金蝶中间件有限公司 | 在标签中文字竖排的方法和装置 |
US20140082492A1 (en) * | 2012-09-18 | 2014-03-20 | Marvell World Trade Ltd. | Modifiable contextual help content provided in-line within an application |
CN104020924A (zh) * | 2014-05-21 | 2014-09-03 | 小米科技有限责任公司 | 标签创建方法、装置及终端 |
-
2016
- 2016-11-23 CN CN201611046940.XA patent/CN108108364A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US4863298A (en) * | 1984-12-24 | 1989-09-05 | Canon Kabushiki Kaisha | Electronic apparatus for outputting information with equal spaces between groups thereof |
US20070136665A1 (en) * | 2005-12-14 | 2007-06-14 | Microsoft Corporation | Dynamic positioning and aligning tabs relative to margins indent and column width |
CN101699394A (zh) * | 2009-10-28 | 2010-04-28 | 金蝶软件(中国)有限公司 | 一种自动生成用户界面的方法及装置 |
CN102214177A (zh) * | 2010-04-07 | 2011-10-12 | 深圳市金蝶中间件有限公司 | 在标签中文字竖排的方法和装置 |
US20140082492A1 (en) * | 2012-09-18 | 2014-03-20 | Marvell World Trade Ltd. | Modifiable contextual help content provided in-line within an application |
CN104020924A (zh) * | 2014-05-21 | 2014-09-03 | 小米科技有限责任公司 | 标签创建方法、装置及终端 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109977130A (zh) * | 2019-03-29 | 2019-07-05 | 珠海豹好玩科技有限公司 | 一种热词展示方法及系统 |
CN109977130B (zh) * | 2019-03-29 | 2021-09-28 | 珠海豹好玩科技有限公司 | 一种热词展示方法及系统 |
CN110599899A (zh) * | 2019-09-19 | 2019-12-20 | Oppo广东移动通信有限公司 | 标签显示方法、装置、电子设备以及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Kupiec et al. | A pre-commitment approach to capital requirements for market risk | |
CN108521439A (zh) | 一种消息推送的方法和装置 | |
EP1909471A1 (en) | Advertisement information display method, advertisement information display system, advertisement information display program, and advertisement information transmitting program | |
CN1661601B (zh) | 搜索多媒体数据的方法 | |
CN110473000A (zh) | 一种信息推荐方法、服务器及存储介质 | |
CN105825360A (zh) | 商户配送范围的调整方法和装置 | |
CN109508839A (zh) | 订单分配方法和装置 | |
CN107590290A (zh) | 一种应用图标推荐方法及装置、终端及可读存储介质 | |
CN105912372B (zh) | 应用程序禁用方法 | |
CN109325825A (zh) | 流量数据的调控方法及装置 | |
CN108108364A (zh) | 一种标签显示方法及装置 | |
CN108074027A (zh) | 纯孤儿单分配方法和装置 | |
US20180276453A1 (en) | Makeup trend analyzing apparatus, makeup trend analyzing method, and non-transitory computer-readable recording medium storing makeup trend analyzing program | |
CN105989107A (zh) | 一种应用推荐方法及装置 | |
CN107704223A (zh) | 一种广告显示方法及移动终端 | |
CN105204711B (zh) | 应用权限标记方法及装置 | |
CN107391094A (zh) | 一种窗口显示方法及装置 | |
CN108074108B (zh) | 一种净推荐值的显示方法及其终端 | |
CN108665299A (zh) | 信息处理方法及装置 | |
CN106934958A (zh) | Pos机打印的设置方法及装置 | |
CN105761107A (zh) | 互联网产品中获取目标新增用户的方法及装置 | |
CN110956350A (zh) | 分配奖励的方法、装置及系统 | |
CN110099304A (zh) | 一种电梯内移动电视广告播放方法、装置及设备 | |
CN109067988A (zh) | 一种消息推送的方法和设备 | |
CN109933298B (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180601 |