显示组图的方法及终端技术

技术编号:10383698 阅读:94 留言:0更新日期:2014-09-05 11:18
本发明专利技术公开了一种显示组图的方法及终端,属于互联网领域。所述方法包括:获取组图的组图信息和组图中的至少两个图片的图片信息;根据图片信息获取至少两个图片或其缩略图;将获取到的图片或其缩略图显示在组图列表项中预先设置的图片显示框内,并在组图列表项中预先设置的数字显示框内显示组图的图片数量。本发明专利技术通过根据终端获取到的图片信息获取多个图片后,将获取到的图片显示在图片显示框内,并在数字显示框内显示组图的图片数量,从而使得用户从显示的图片和组图的图片数量中了解到组图的较多内容,并且,通过图片显示框和数字显示框组合的显示方式,能够将组图更明显地区别于非组图的显示,便于用户能够快速地区分出组图从而点击查看组图。

【技术实现步骤摘要】
【专利摘要】本专利技术公开了一种显示组图的方法及终端,属于互联网领域。所述方法包括:获取组图的组图信息和组图中的至少两个图片的图片信息;根据图片信息获取至少两个图片或其缩略图;将获取到的图片或其缩略图显示在组图列表项中预先设置的图片显示框内,并在组图列表项中预先设置的数字显示框内显示组图的图片数量。本专利技术通过根据终端获取到的图片信息获取多个图片后,将获取到的图片显示在图片显示框内,并在数字显示框内显示组图的图片数量,从而使得用户从显示的图片和组图的图片数量中了解到组图的较多内容,并且,通过图片显示框和数字显示框组合的显示方式,能够将组图更明显地区别于非组图的显示,便于用户能够快速地区分出组图从而点击查看组图。【专利说明】显示组图的方法及终端
本专利技术涉及互联网领域,特别涉及一种显示组图的方法及终端,更具体地,涉及一种在图片瀑布流中显示组图的方法及终端。
技术介绍
图片是一种直观的数据表现形式,能够向用户传递更多的信息。而瀑布流式布局的图片显示作为一种较为美观的图片显示方式,应用较为广泛。在瀑布流式布局中,将终端的页面划分成多个区块,每个区块作为一个组图列表项,用于显示对应的图片,从而整个页面在视觉上表现为图片瀑布流。在组图列表项中显示图片时,根据显示的图片的数量可以分为非组图显示和组图显示。在非组图显示时,需要显示的图片为单个,则在组图列表项中直接显示该图片;在组图显示时,需要显示的图片为包含多个图片的组图,则需要在组图列表项中对组图进行合理显示,以使用户通过显示的组图了解组图的相关内容。现有技术在显示组图时有以下两种方法:方法一:终端获取组图中一个图片的图片信息和组图数量,图片信息中包括组图的一个图片的URL (Uniform Resource Locator,统一资源定位符);根据获取到的图片信息中的URL获取对应的图片;将获取到的图片及获取到的组图数量显示在对应的组图列表项中。方法二:终端获取组图中每个图片的图片信息,每个图片的图片信息中包括每个图片的URL ;根据每个图片的URL获取对应的组图的每个图片;将获取到的组图的每个图片按顺序竖向拼接成一个图片,并将拼接后的图片显示在对应的组图列表项中。在实现本专利技术的过程中,专利技术人发现现有技术至少存在以下问题:由于上述方法一中仅显示组图中的一个图片,使得用户获取到的组图的信息较少,且仅能通过显示的组图数量区分组图与非组图,组图与非组图的区分方式不明显,致使用户无法从显示的组图列表项中快速地对组图进行进一步地点击查看。由于上述方法二中将组图中的每个图片竖向拼接显示在图片列表项中,使得该组图列表项的高度大于其余组图列表项的高度,且在组图中图片较多时,该组图列表项的高度将超过页面的高度,从而使得页面布局不合理;此外,用户在阅览该组图列表项时,需要由上至下地阅览该组图的每个图片后再返回页面上方阅览另一组图列表项,从而影响了用户在页面中逐行阅览图片的体验。
技术实现思路
为了解决现有技术的问题,本专利技术实施例提供了一种显示组图的方法及终端。所述技术方案如下:一方面,提供了一种显示组图的方法,所述方法包括:获取组图的组图信息和所述组图中的至少两个图片的图片信息,所述组图信息至少包括组图的图片数量,所述图片信息至少包括图片或其缩略图的URL;根据所述图片信息获取所述至少两个图片或其缩略图;将获取到的图片或其缩略图显示在组图列表项中预先设置的图片显示框内,并在所述组图列表项中预先设置的数字显示框内显示所述组图的图片数量。另一方面,提供了一种终端,所述终端包括:第一获取模块,用于获取组图的组图信息和所述组图中的至少两个图片的图片信息,所述组图信息至少包括组图的图片数量,所述图片信息至少包括图片或其缩略图的URL ;第二获取模块,用于根据所述第一获取模块获取到的图片信息获取所述至少两个图片或其缩略图;第一显示模块,用于将所述第二获取模块获取到的图片或其缩略图显示在组图列表项中预先设置的图片显示框内;第二显示模块,用于在所述组图列表项中预先设置的数字显示框内显示所述第一获取模块获取到的组图的图片数量。本专利技术实施例提供的技术方案带来的有益效果是:通过获取组图的组图信息和组图中的至少两个图片的图片信息,根据图片信息获取至少两个图片或其缩略图后,将获取到的图片或其缩略图显示在组图列表项中预先设置的图片显示框内,并在组图列表项中预先设置的数字显示框内显示组图的图片数量,从而使得用户从显示的图片和组图的图片数量中了解到组图的较多内容,节省了系统资源,并且,通过图片显示框和数字显示框组合的显示方式,能够将组图更明显地区别于非组图的显示,便于用户能够快速地区分出组图从而进一步地点击查看组图。【专利附图】【附图说明】为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是本专利技术实施例一提供的一种显示组图的方法流程图;图2是本专利技术实施例二提供的一种显示组图的方法流程图;图3是本专利技术实施例二提供的一种组图列表项图片显示框和数字显示框的布局示意图;图4是本专利技术实施例二提供的一种终端页面的组图显示示意图;图5是本专利技术实施例三提供的一种终端的结构示意图;图6是本专利技术实施例三提供的另一种终端的结构示意图;图7是本专利技术实施例三提供的一种第一确定模块的结构示意图;图8是本专利技术实施例四提供的一种终端的结构示意图。【具体实施方式】为使本专利技术的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术实施方式作进一步地详细描述。实施例一本专利技术实施例提供了一种显示组图的方法,参见图1,方法流程包括:101:获取组图的组图信息和组图中的至少两个图片的图片信息,组图信息至少包括组图的图片数量,图片信息至少包括图片或其缩略图的URL。102:根据图片信息获取至少两个图片或其缩略图。103:将获取到的图片或其缩略图显示在组图列表项中预先设置的图片显示框内,并在组图列表项中预先设置的数字显示框内显示组图的图片数量。进一步地,该方法还包括但不限于:在组图列表项中预先设置至少两个图片显示框及一个数字显示框,确定每个图片显示框的宽度和高度,并确定数字显示框的宽度和高度;获取到的图片或其缩略图显示在组图列表项中预先设置的图片显示框内,包括但不限于:按照确定的每个图片显示框的宽度和高度将获取到的每个图片或其缩略图分别显示在组图列表项中预先设置的对应的图片显示框内。具体地,图片信息还包括图片的宽度和高度;确定每个图片显示框的宽度和高度,包括但不限于:预先设置每个图片显示框的宽度,并根据预先设置的每个图片显示框的宽度以及每个图片显示框内待显示的图片的高度确定每个图片显示框的高度。进一步地,该方法还包括但不限于:当组图列表项中预先设置的图片显示框的数量大于获取到的图片或其缩略图的数量时,将预先设置的占位图片显示在未显示图片的图片显示框内。其中,组图列表项中预先设置的数字显示框的宽度和高度与组图列表项中预先设置的其中一个图片显示框的宽度和高度相等。综上所述,本专利技术实施例提供的方法,通过获取组图的组图信息和组图中的至少两个图片的图片信息,根据图片信息获本文档来自技高网
...

【技术保护点】
一种显示组图的方法,其特征在于,所述方法包括:获取组图的组图信息和所述组图中的至少两个图片的图片信息,所述组图信息至少包括组图的图片数量,所述图片信息至少包括图片或其缩略图的统一资源定位符URL;根据所述图片信息获取所述至少两个图片或其缩略图;将获取到的图片或其缩略图显示在组图列表项中预先设置的图片显示框内,并在所述组图列表项中预先设置的数字显示框内显示所述组图的图片数量。

【技术特征摘要】

【专利技术属性】
技术研发人员:王威温杨吴杭妍唐辰
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1