界面的图片显示方法及系统与流程

本发明涉及电子产品技术领域，特别涉及一种界面的图片显示方法及系统。

背景技术：

目前，在电子商务网站上，对象的介绍界面一般会设置两个区域，一个区域用于显示图片，一个区域用于显示对象的详细说明。现有技术中，用户无法在放大状态下连续浏览图片显示区域的图片，也即若当前浏览的图片处于放大状态，要想以同样的放大比例查看后面的图片，需先将当前图片恢复原来尺寸，再通过滑动显示下一张图片，然后将其放大，这无疑降低了图片浏览效率。

技术实现要素：

本发明要解决的技术问题是为了克服现有技术中用户无法在放大状态下连续浏览界面中图片显示区域的图片的缺陷，提供一种界面的图片显示方法及系统。

本发明是通过下述技术方案来解决上述技术问题：

一种界面的图片显示方法，所述界面包括图片显示区域，所述图片显示方法包括：

在接收到触控操作指令时，放大所述图片显示区域；

在所述图片显示区域中接收到切换指令时，切换所述图片显示区域显示的图片。

较佳地，放大所述图片显示区域的同时，放大所述图片显示区域当前显示的第一图片。

较佳地，放大所述图片显示区域当前显示的第一图片的步骤，具体包括：

获取所述图片显示区域的放大比例；

按照所述放大比例放大所述第一图片。

较佳地，接收触控操作指令的步骤之前，所述图片显示方法还包括：

将裁切过的第二图片显示于所述图片显示区域。

较佳地，放大所述图片显示区域的同时，所述图片显示区域显示裁切前的第二图片。

一种界面的图片显示系统，所述界面包括图片显示区域，所述图片显示系统包括：

区域放大模块，用于在接收到触控操作指令时，放大所述图片显示区域；

切换模块，用于在所述图片显示区域中接收到切换指令时，切换所述图片显示区域显示的图片。

较佳地，所述区域放大模块还用于在放大所述图片显示区域的同时，放大所述图片显示区域当前显示的第一图片。

较佳地，所述区域放大模块具体包括：

比例获取单元，用于获取所述图片显示区域的放大比例；

放大单元，用于按照所述放大比例放大所述第一图片。

较佳地，所述图片显示系统还包括：

裁切模块，用于将裁切过的第二图片显示于放大前的图片显示区域。

较佳地，所述区域放大模块还用于在放大所述图片显示区域的同时，获取裁切前的第二图片并显示于所述图片显示区域中。

本发明的积极进步效果在于：本发明提供了用户快速进入图片浏览的交互方式，让用户更快捷的进入图片完整浏览模式或放大模式，减少了页面跳转，提升了用户浏览页面效率。

附图说明

图1为使用本发明实施例1的界面的图片显示方法之前的图片显示区域的示意图。

图2为使用本发明实施例1的界面的图片显示方法之后的图片显示区域的示意图。

图3为本发明实施例1的界面的图片显示方法的流程图。

图4为本发明实施例2的界面的图片显示方法的流程图。

图5为本发明实施例3的界面的图片显示系统的模块示意图。

图6为本发明实施例4的界面的图片显示系统的模块示意图。

具体实施方式

下面通过实施例的方式进一步说明本发明，但并不因此将本发明限制在所述的实施例范围之中。

实施例1

本实施例提供一种界面的图片显示方法，如图1所示，界面包括图片显示区域10，该图片显示区域10的尺寸较小，相应显示尺寸较小的图片，用户可以通过在显示区域执行触控操作，实现显示于显示区域的图片的切换，还可通过触控操作，放大该图片显示区域，放大后的图片显示区域如图2所示。

具体的，如图3所示，本实施例的图片显示方法包括以下步骤：

步骤101、图片显示区域显示第一图片。

其中，第一图片也即尺寸较小的图片。

步骤102、在接收到触控操作指令时，放大图片显示区域，同时放大图片显示区域当前显示的第一图片。

其中，触控操作可以但不限于是下拉操作，根据用户手指在触摸屏上下滑的距离放大图片显示区域。

本实施例中，放大图片显示区域当前显示的第一图片的步骤，具体包括：

步骤102-1、获取图片显示区域的放大比例。

若放大图片显示区域采用下拉操作，放大比例根据下拉的滑动轨迹确定。

步骤102-2、按照放大比例放大第一图片。

放大后的第一图片在不改变原图片纵横比例的前提下，第一图片铺满整个显示区域。

步骤103、在图片显示区域中接收到切换指令时，切换图片显示区域显示的图片。

其中，切换指令可通过触控操作(例如左右滑动触摸屏)或者通过触发按键生成。切换后的图片同样是经过放大的图片，也即用户在放大后的图片显示区域中，通过横滑图片，即可查看后面的放大模式下的图片。

本实施例的图片显示方法通过触控操作可放大图片显示区域，相应的放大显示的图片。用户在放大后的图片显示区域能滑动图片来查看更多图片，并支持在放大模式下连续查看图片，从而减少了页面跳转，提升了浏览放大图片的效率。

实施例2

实施例2与实施例1基本相同，不同之处在于，图片显示区域放大前，图片显示区域无法完全按照图片比例来完整展示图片，也即放大前的图片显示区域显示的是裁切过的第二图片，如图4所示，本实施例的图片显示方法包括以下步骤：

步骤201、图片显示区域显示第二图片。

其中，第二图片是裁切过的图片。

步骤202、在接收到触控操作指令时，放大图片显示区域，同时图片显示区域显示裁切前的第二图片。

步骤202也即将第二图片完整地展示在放大后的图片显示区域中，同时还可将第二图片放大一定的比例后显示。

步骤203、在图片显示区域中接收到切换指令时，切换图片显示区域显示的图片。

步骤203中，切换后显示的图片同样是完整的图片。

本实施例提供了用户快速进入图片浏览的交互方式，让用户更快捷的进入图片完整浏览模式，减少了页面跳转，提升了用户浏览页面效率。

实施例3

本实施例提供一种界面的图片显示系统，界面包括图片显示区域，如图5所示，图片显示系统包括：区域放大模块1和切换模块2。

区域放大模块1用于在接收到触控操作指令时，放大图片显示区域。其中，触控操作可以但不限于是下拉操作，根据用户手指在触摸屏上下滑的距离放大图片显示区域。

本实施例中，区域放大模块1还用于在放大图片显示区域的同时，放大图片显示区域当前显示的第一图片。具体的，区域放大模块1包括：比例获取单元11和放大单元12。

比例获取单元11用于获取图片显示区域的放大比例。若放大图片显示区域采用下拉操作，放大比例根据下拉的滑动轨迹确定。放大单元12用于按照放大比例放大第一图片。放大后的第一图片在不改变原图片纵横比例的前提下，铺满整个显示区域。

切换模块2用于在图片显示区域中接收到切换指令时，切换图片显示区域显示的图片。

其中，切换指令可通过触控操作(例如左右滑动触摸屏)或者通过触发按键生成。切换后的图片同样是经过放大的图片，也即用户在放大后的图片显示区域中，通过横滑图片，即可查看后面的放大模式下的图片。

本实施例中，通过触控操作可放大图片显示区域，相应的放大显示的图片。用户在放大后的图片显示区域能滑动图片来查看更多图片，并支持在放大模式下连续查看图片，从而减少了页面跳转，提升了浏览放大图片的效率。

实施例4

实施例4与实施例3基本相同，如图6所示，不同之处在于，本实施例的图片显示系统还包括：裁切模块3。裁切模块3用于将裁切过的第二图片显示于放大前的图片显示区域。也即放大前的图片显示区域显示的是裁切过的第二图片。

本实施例中，区域放大模块1还用于在放大图片显示区域的同时，获取裁切前的第二图片并显示于图片显示区域中。也即将第二图片完整地展示在放大后的图片显示区域中，同时还可将第二图片放大一定的比例后显示。

通过切换模块2，用户在放大后的图片显示区域中，通过横滑图片，即可查看后面的完整展示的图片。

本实施例提供了用户快速进入图片浏览的交互方式，让用户更快捷的进入图片完整浏览模式，减少了页面跳转，提升了用户浏览页面效率。

虽然以上描述了本发明的具体实施方式，但是本领域的技术人员应当理解，这仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。