CN104077299B - 展开图和缩略图之间切换的方法 - Google Patents
展开图和缩略图之间切换的方法 Download PDFInfo
- Publication number
- CN104077299B CN104077299B CN201310103380.7A CN201310103380A CN104077299B CN 104077299 B CN104077299 B CN 104077299B CN 201310103380 A CN201310103380 A CN 201310103380A CN 104077299 B CN104077299 B CN 104077299B
- Authority
- CN
- China
- Prior art keywords
- vehicle
- picture
- display interface
- thumbnail
- state
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 13
- 238000010586 diagram Methods 0.000 abstract description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
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
-
- 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
- G06F3/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供一种展开图和缩略图之间切换的方法,包括:S1,设置展开图显示界面和缩略图显示界面;S2,配置切换按钮;如果当前显示的为指定车辆图片的展开图显示界面,通过点击所述切换按钮,所述展开图显示界面切换到所述缩略图显示界面;如果当前显示的为所述缩略图显示界面,在所述缩略图显示界面的所述缩略图显示区域显示多个缩略状态的车辆图片。本发明提供一种展开图和缩略图之间切换的方法,能够方便的将展开图切换到缩略图形式,用户可以快速浏览各张缩略图形式的车辆图片,从而快速准确的定位到所需的车辆图片。
Description
技术领域
本发明属于信息技术处理技术领域,具体涉及一种展开图和缩略图之间切换的方法。
背景技术
随着网络的广泛普及以及人们对二手车需求的不断提升,通过二手车交易网站进行二手车交易,由于不需要借助中介服务机构,因此具有交易成本低的优点;又由于在交易网站上发布有数量众多的二手车车源信息,买方可选择的范围广。因此,网站交易已逐渐成为二手车交易的一种新的高效的渠道。
现有技术中,二手车交易网站上发布有数量众多的车辆图片,但是,用户只能以展开图的方式按顺序查看各车辆图片。例如:对于图片集:车辆图片1、车辆图片2...车辆图片n,其中,n≥1;当用户当前查看的车辆图片为车辆图片1时,该车辆图片1只能以展开图的方式展示在屏幕上;然后,当用户需要查看下一张车辆图片2时,用户通过点击车辆图片1右侧的右箭头按钮,跳转到下一张车辆图片2,同时,车辆图片2直接以展开图的方式展示在屏幕上。
由此可见,上述的车辆图片展示方式中,用户直接顺序查看各张车辆图片,不方便用户快速准确的定位到所需车辆图片的目的。
发明内容
针对现有技术存在的缺陷,本发明提供一种展开图和缩略图之间切换的方法,能够方便的将展开图切换到缩略图形式,用户可以快速浏览各张缩略图形式的车辆图片,从而快速准确的定位到所需的车辆图片。
本发明采用的技术方案如下:
本发明提供一种展开图和缩略图之间切换的方法,包括以下步骤:
S1,设置展开图显示界面和缩略图显示界面;
其中,所述展开图显示界面用于显示展开状态的车辆图片;
所述缩略图显示界面包括缩略图显示区域、第一控制菜单区域和第二控制菜单区域;所述缩略图显示区域用于显示缩略状态的多个车辆图片;所述第一控制菜单区域用于显示车辆分类链接;所述第二控制菜单区域用于显示与当前选中的缩略状态的车辆图片相关的车辆属性链接;
S2,配置切换按钮;如果当前显示的为指定车辆图片的展开图显示界面,通过点击所述切换按钮,所述展开图显示界面切换到所述缩略图显示界面,在所述缩略图显示界面的所述缩略图显示区域显示多个缩略状态的车辆图片,并且,所显示的所述多个缩略状态的车辆图片中包含缩略状态的指定车辆图片,而且,所述缩略状态的指定车辆图片为选中状态;
如果当前显示的为所述缩略图显示界面,在所述缩略图显示界面的所述缩略图显示区域显示多个缩略状态的车辆图片,当所述多个缩略状态的车辆图片中的特定车辆图片为选中状态时,通过点击所述切换按钮,所述缩略图显示界面切换到所述展开图显示界面,所述展开图显示界面显示展开状态的特定车辆图片。
优选的,S1中,所述缩略图显示区域用于显示缩略状态的多个车辆图片具体为:
所述缩略图显示区域采用分屏加载和分页混合模式显示缩略状态的多个车辆图片。
优选的,S1中,所述车辆分类链接包括车辆品牌链接和车系链接。
优选的,所述车辆品牌链接按车辆品牌名称中首字母顺序排列。
优选的,所述车辆品牌链接还包括26个英文字母按钮,每个英文字母按钮存储车辆品牌名称中首字母为按钮自身字母的车辆品牌链接。
优选的,S1中,所述车辆属性链接包括车辆类别链接和车辆颜色链接。
优选的,所述车辆类别链接包括车辆外观图片和车辆局部部件图片;其中,将所述当前选中的缩略状态的车辆图片所显示的车辆称为选中车辆,所述车辆外观图片为所述选中车辆在不同拍摄场景下所拍摄的车辆图片;所述车辆局部部件图片为所述选中车辆自身局部部件的图片。
本发明的有益效果如下:
本发明提供的展开图和缩略图之间切换的方法,通过配置切换按钮,实现了车辆图片从展开状态到缩略状态的切换,也实现了车辆图片从缩略状态到展开状态的切换,方便用户根据实际需求更有效的浏览车辆图片,尤其在缩略图状态下,更方便用户在各品牌、车系、颜色、和分类之间切换车辆图片。另外,还具有切换简单有效的优点。
附图说明
图1为本发明提供的展开图和缩略图之间切换的方法的流程示意图。
具体实施方式
以下结合附图对本发明进行详细说明:
如图1所示,本发明提供一种展开图和缩略图之间切换的方法,包括以下步骤:
S1,设置展开图显示界面和缩略图显示界面;
其中,展开图显示界面用于显示展开状态的车辆图片;展开图显示界面同样设置翻页按钮,例如,翻页按钮为右箭头,通过点击右箭头,可以向后顺序浏览各张展开状态的车辆图片。
缩略图显示界面包括缩略图显示区域、第一控制菜单区域和第二控制菜单区域;以下对这三个区别分别介绍:
(一)缩略图显示区域
缩略图显示区域用于显示缩略状态的多个车辆图片,在具体实现上,为方便用户浏览缩略状态的多个车辆图片,缩略图显示区域可以采用分屏加载和分页混合模式显示缩略状态的多个车辆图片。通过缩略图显示区域,可以使用户快速定位到所需的图片。
(二)第一控制菜单区域
第一控制菜单区域用于显示车辆分类链接,其中,车辆分类链接包括车辆品牌链接和车系链接。车辆品牌链接按车辆品牌名称中首字母顺序排列。车辆品牌链接还可以包括26个英文字母按钮,每个英文字母按钮存储车辆品牌名称中首字母为按钮自身字母的车辆品牌链接。例如:对于字母为B的英文字母按钮,当其被点击后,在第一控制菜单区域按顺序显示首字母为B的车辆品牌,如:宝马、宝时捷、奔驰等。通过该种显示方法,可以非常方便用户按车辆品牌定位到所需的车辆图片。
(三)第二控制菜单区域
第二控制菜单区域用于显示与当前选中的缩略状态的车辆图片相关的车辆属性链接。例如:如果当前选中的缩略状态的车辆图片为A车辆,则第二控制菜单区域显示A车辆属性链接。
具体的,车辆属性链接包括车辆类别链接和车辆颜色链接。车辆类别链接包括车辆外观图片和车辆局部部件图片;其中,将当前选中的缩略状态的车辆图片所显示的车辆称为选中车辆,车辆外观图片为选中车辆在不同拍摄场景下所拍摄的车辆图片;车辆局部部件图片为选中车辆自身局部部件的图片。例如:当当前选中的缩略状态的车辆图片为A车辆时,则车辆外观图片可以为从不同角度拍摄A车辆所得到的图片,如:A车辆远景图片、A车辆近景图片、A车辆在公路上奔驰状态的图片、A车辆停止状态的图片等。车辆局部部件图片可以为A车辆的座椅的局部放大图、A车辆的发动机的局部放大图等。通过车辆外观图片和车辆局部部件图片,可以使用户更全面真实的认识到所选中的车辆。另外,车辆颜色链接用于显示选中车辆的其他颜色车辆图片,例如,如果选中车辆为黑色的车辆A,则通过点击车辆颜色链接,可以显示红色的车辆A、白色的车辆A等,从而可以使用户观察到同一台车辆不同颜色的图片,增强用户的视觉效果,为用户提供更全面的信息。
S2,配置切换按钮;如果当前显示的为指定车辆图片的展开图显示界面,通过点击切换按钮,展开图显示界面切换到缩略图显示界面,在缩略图显示界面的缩略图显示区域显示多个缩略状态的车辆图片,并且,所显示的多个缩略状态的车辆图片中包含缩略状态的指定车辆图片,而且,缩略状态的指定车辆图片为选中状态;
如果当前显示的为缩略图显示界面,在缩略图显示界面的缩略图显示区域显示多个缩略状态的车辆图片,当多个缩略状态的车辆图片中的特定车辆图片为选中状态时,通过点击切换按钮,缩略图显示界面切换到展开图显示界面,通过展开图显示界面显示展开状态的特定车辆图片。
因此,通过配置切换按钮,实现了车辆图片从展开状态到缩略状态的切换,也实现了车辆图片从缩略状态到展开状态的切换,方便用户根据实际需求更有效的浏览车辆图片,尤其在缩略图状态下,更方便用户在各品牌、车系、颜色、和分类之间切换车辆图片。另外,还具有切换简单有效的优点。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视本发明的保护范围。
Claims (1)
1.一种展开图和缩略图之间切换的方法,其特征在于,包括以下步骤:
S1,设置展开图显示界面和缩略图显示界面;展开图显示界面设置翻页按钮;
其中,所述展开图显示界面用于显示展开状态的车辆图片;
所述缩略图显示界面包括缩略图显示区域、第一控制菜单区域和第二控制菜单区域;所述缩略图显示区域用于显示缩略状态的多个车辆图片;所述第一控制菜单区域用于显示车辆分类链接;所述第二控制菜单区域用于显示与当前选中的缩略状态的车辆图片相关的车辆属性链接;
S2,配置切换按钮;如果当前显示的为指定车辆图片的展开图显示界面,通过点击所述切换按钮,所述展开图显示界面切换到所述缩略图显示界面,在所述缩略图显示界面的所述缩略图显示区域显示多个缩略状态的车辆图片,并且,所显示的所述多个缩略状态的车辆图片中包含缩略状态的指定车辆图片,而且,所述缩略状态的指定车辆图片为选中状态;
如果当前显示的为所述缩略图显示界面,在所述缩略图显示界面的所述缩略图显示区域显示多个缩略状态的车辆图片,当所述多个缩略状态的车辆图片中的特定车辆图片为选中状态时,通过点击所述切换按钮,所述缩略图显示界面切换到所述展开图显示界面,所述展开图显示界面显示展开状态的特定车辆图片;
其中,S1中,所述缩略图显示区域用于显示缩略状态的多个车辆图片具体为:
所述缩略图显示区域采用分屏加载和分页混合模式显示缩略状态的多个车辆图片;
其中,S1中,所述车辆分类链接包括车辆品牌链接和车系链接;
其中,所述车辆品牌链接按车辆品牌名称中首字母顺序排列;
其中,所述车辆品牌链接还包括26个英文字母按钮,每个英文字母按钮存储车辆品牌名称中首字母为按钮自身字母的车辆品牌链接;
其中,S1中,所述车辆属性链接包括车辆类别链接和车辆颜色链接;
其中,所述车辆类别链接包括车辆外观图片和车辆局部部件图片;其中,将所述当前选中的缩略状态的车辆图片所显示的车辆称为选中车辆,所述车辆外观图片为所述选中车辆在不同拍摄场景下所拍摄的车辆图片;所述车辆局部部件图片为所述选中车辆自身局部部件的图片;
当前选中的缩略状态的车辆图片为A车辆时,则车辆外观图片为从不同角度拍摄A车辆所得到的图片,包括:A车辆远景图片、A车辆近景图片、A车辆在公路上奔驰状态的图片、A车辆停止状态的图片;车辆局部部件图片为A车辆的座椅的局部放大图、A车辆的发动机的局部放大图;车辆颜色链接用于显示选中车辆的其他颜色车辆图片,包括:如果选中车辆为黑色的A车辆,则通过点击车辆颜色链接,显示红色的A车辆、白色的A车辆。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310103380.7A CN104077299B (zh) | 2013-03-28 | 2013-03-28 | 展开图和缩略图之间切换的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310103380.7A CN104077299B (zh) | 2013-03-28 | 2013-03-28 | 展开图和缩略图之间切换的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104077299A CN104077299A (zh) | 2014-10-01 |
CN104077299B true CN104077299B (zh) | 2018-02-02 |
Family
ID=51598559
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310103380.7A Active CN104077299B (zh) | 2013-03-28 | 2013-03-28 | 展开图和缩略图之间切换的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104077299B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104317493A (zh) * | 2014-10-10 | 2015-01-28 | 深圳市金立通信设备有限公司 | 一种终端 |
CN105988702B (zh) * | 2015-03-02 | 2019-08-06 | 阿里巴巴集团控股有限公司 | 查看对象图片的方法及系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1822653A (zh) * | 2005-01-07 | 2006-08-23 | 苹果电脑公司 | 具有日历界面的图像管理工具 |
CN101815193A (zh) * | 2009-02-20 | 2010-08-25 | 奥林巴斯映像株式会社 | 再现装置和再现方法 |
CN101854483A (zh) * | 2009-03-30 | 2010-10-06 | 索尼公司 | 电子装置、显示控制方法和程序 |
-
2013
- 2013-03-28 CN CN201310103380.7A patent/CN104077299B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1822653A (zh) * | 2005-01-07 | 2006-08-23 | 苹果电脑公司 | 具有日历界面的图像管理工具 |
CN101815193A (zh) * | 2009-02-20 | 2010-08-25 | 奥林巴斯映像株式会社 | 再现装置和再现方法 |
CN101854483A (zh) * | 2009-03-30 | 2010-10-06 | 索尼公司 | 电子装置、显示控制方法和程序 |
Non-Patent Citations (1)
Title |
---|
基于ASP.NET电子商务网站的设计、实现及安全性增强;吴思嫦;《中国优秀硕士学位论文全文数据库信息科技辑》;20121015(第10期);第2页1.1节、20-22页4.1.3节 * |
Also Published As
Publication number | Publication date |
---|---|
CN104077299A (zh) | 2014-10-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106293338A (zh) | 多媒体文件分享方法和系统 | |
CN103607646A (zh) | 基于多屏协同的广告推送系统及方法 | |
CN109683837A (zh) | 分屏显示方法、装置和存储介质 | |
TW201203049A (en) | Method for presenting man machine interface and portable device and computer program product using the method | |
CN104077299B (zh) | 展开图和缩略图之间切换的方法 | |
CN103853415A (zh) | 拍照分享方法和移动终端 | |
CN104572060A (zh) | 远端播放系统与方法 | |
CN106020628A (zh) | 一种标签栏和菜单栏显示状态控制方法 | |
CN106326406A (zh) | 一种应用于电子终端的搜题方法及装置 | |
CN102982826B (zh) | 一种搜索并选择蓝光播放机的方法及装置 | |
CN106354777A (zh) | 一种应用于电子终端的搜题方法及装置 | |
CN103702054A (zh) | 一种多路信号源输出的可视化方法、装置、及电视机 | |
CN104461261A (zh) | 管理移动终端默认应用的系统及方法 | |
CN110336961A (zh) | 电视通道切换处理方法、电视及存储介质 | |
CN103412939B (zh) | 浏览模式的切换方法及系统 | |
CN103338114A (zh) | 一种基于Android系统通知消息的交互方法 | |
CN103019546A (zh) | 一种幻灯片放映方法、系统和演示装置 | |
CN106155462A (zh) | 一种界面交互方法及装置 | |
CN106020335B (zh) | 一种自适应型折叠显示屏 | |
CN106371717A (zh) | 一种缩略图焦点随原图切换的方法 | |
CN107340809A (zh) | 一种显示方法、装置、可穿戴设备及计算机可读存储介质 | |
CN107145296A (zh) | 信息检索的界面设置方法及系统 | |
CN104735536B (zh) | 显示屏信号显示切换方法及其装置 | |
CN105915998A (zh) | 一种广告跳过的方法和装置 | |
CN110266880A (zh) | 折叠屏的显示控制方法及折叠屏终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |