一种物品关联图片快速预览的方法以及装置与流程

文档序号:12157083阅读:375来源:国知局
一种物品关联图片快速预览的方法以及装置与流程

本申请涉及图片预览技术领域,具体涉及一种物品关联图片快速预览的方法。本申请同时涉及一种物品关联图片快速预览的装置,以及一种移动终端。



背景技术:

随着移动互联网的快速发展和普及,围绕电子交易平台的用户交易行为也发生改变,越来越多的用户从PC端转移到移动终端上安装的App客户端上进行交易,并且随着移动终端的不断普及,可在移动终端上通过App客户端进行交易的电子交易平台也越来越多,比如有手机淘宝、手机天猫、聚划算、京东手机客户端、唯品会手机客户端等,在移动终端上安装的各种电子交易平台的App客户端中,图片预览成为一种必要的技术手段,并且成为制约电子交易平台发展的重要因素。

目前,现有技术提供的图片预览方法,在移动终端屏幕显示的由待查看物品组成的列表中,通常采用如下流程实现所述待查看物品的图片预览:“待查看物品列表->待查看物品详情->待查看物品预览图->待查看物品详细图”;用户首先选择所述列表中的待查看物品,选中待查看物品后,进入所选中待查看物品的详情页面,在所述待查看物品的详情页面选择相应的预览图点击,进入所选择的预览图对应的详细图的查看页面。

上述现有技术提供的图片预览方法存在明显的缺陷。

上述现有技术提供的图片预览方法,在应用于移动终端中进行待查看物品的图片预览时,用户获取待查看物品的图片信息的流程复杂,路径太冗长,中间还附带产生等待时间,耗时耗力,一旦用户查看的待查看物品较多,则需要重复大量动作,操作繁琐;同时,由于预览过程中加载的页面较多,数据流量耗费严重。



技术实现要素:

本申请提供一种物品关联图片快速预览的方法,以解决现有技术的存在操作繁琐和流量耗费严重的问题。

本申请同时涉及一种物品关联图片快速预览的装置,以及一种移动终端。

本申请提供一种物品关联图片快速预览的方法,包括:

接收用户针对移动终端屏幕显示的待查看物品对应的预览标识输入的查看指令;

获取所述待查看物品的关联图片;

在所述移动终端屏幕的预设区域渲染生成新图层,并将所述待查看物品的关联图片在所述新图层上显示;所述新图层位于所述移动终端屏幕显示的待查看物品对应图层的上方。

可选的,所述预览标识包括:

按钮控件。

可选的,所述待查看物品的关联图片,包括:

所述待查看物品的原图片和所述待查看物品的预览图;所述原图片和所述预览图一一对应。

可选的,所述将所述待查看物品的关联图片以预定的方式在所述新图层上显示,包括:

获取所述待查看物品的预览图的数量;

根据所述预览图的数量,按照预定排列规则确定所述预览图的排列方式;

根据所述排列方式,以及可供显示区域尺寸,确定各个预览图的显示尺寸;

在所述新图层上,以所述确定的排列方式和各个预览图的所述显示尺寸,聚合显示所述预览图。

可选的,在所述新图层上显示所述预览图时,根据各个预览图各自预设的位置坐标信息和位移轨迹信息,以动画的方式在所述新图层上显示所述预览图发生位移的相应动画,并最终在所述可供显示区域显示聚合之后的所述预览图。

可选的,所述位移轨迹信息根据预设的位移轨迹算法,结合所述位置坐标信息确定。

可选的,在所述聚合显示所述预览图的步骤之后,执行如下步骤:

接收对聚合显示所述预览图的选择操作;

读取被选择的预览图对应的原图片;

以单幅方式在所述可供显示区域以与该可供显示区域相适应的尺寸显示被选择的预览图对应的原图片。

可选的,所述以单幅方式在所述可供显示区域以与该可供显示区域相适应的尺寸显示被选择的预览图对应的原图片,具体是以动画的方式将所述原图片从原位置移动到新的显示位置,同时对其尺寸进行放大。

可选的,在移动所述被选择的预览图对应的原图片时,所述原图片的位移轨迹信息,根据所述被选择的预览图的位置坐标信息、所述被选择的预览图对应的原图片的中心以及预设的位移轨迹算确定。

可选的,所述预定排列规则,包括:

按照所述预览图预设的图片编号的大小顺序,从图片编号较小物品预览图开始,按照从上大小、从左到右的排列顺序进行排列。

可选的,所述可供显示区域包括至少一个图片显示区块,所述图片显示区块中包含至少一张物品预览图。

可选的,所述图片显示区块的尺寸具体是根据该图片显示区块内包含的预览图的显示尺寸确定;

或者,所述图片显示区块的尺寸具体是根据预设比例对所述可供显示区域的划分确定;

或者,所述图片显示区块的尺寸具体是根据预设划分算法对所述可供显示区域随机划分确定。

可选的,所述将所述待查看物品的关联图片以预定的方式在所述新图层上显示,包括:

按照预设的显示顺序,以单幅方式在可供显示区域以与该可供显示区域相适应的尺寸显示所述原图片。

可选的,所述显示顺序包括:

按照所述原图片的图片编号的大小顺序依次显示,并且优先显示图片编号较小的原图片。

可选的,所述物品关联图片快速预览的方法,包括:

接收对所述单幅方式显示的原图片的切换指令;

根据所述切换指令确定的切换方向,根据所述原图片预设的显示顺序,显示另一原图片。

可选的,所述物品关联图片快速预览的方法,包括:

接收对所述新图层上的预设边缘区域输入的触控指令;

关闭所述新图层。

可选的,所述预设边缘区域包括:

所述新图层上所述可供显示区域之外的区域。

可选的,所述述按钮控件位于所述待查看物品的预览图上方。

可选的,所述在所述新图层上的对应位置显示所述待查看物品的预览图时,根据预设的动画特效进行显示;

其中,所述动画特效包括:淡入动画效果。

可选的,所述待查看物品的关联图片的数目小于预设的第一预设数目阈值,所述可供显示区域包含的图片显示区块的数目小于预设的第二预设数目阈值;

相应的,所述图片显示区块包含的所述预览图的数目小于预设的第三预设数目阈值;

其中,所述第三预设数目阈值等于所述第一预设数目阈值除以所述第二预设数目阈值所得的商取整后加一。

可选的,所述待查看物品包括:

电子交易平台中的商品。

本申请还提供一种物品关联图片快速预览的装置,包括:

查看指令接收单元,用于接收用户针对移动终端屏幕显示的待查看物品对应的预览标识输入的查看指令;

关联图片获取单元,用于获取所述待查看物品的关联图片;

关联图片显示单元,用于在所述移动终端屏幕的预设区域渲染生成新图层,并将所述待查看物品的关联图片在所述新图层上显示;所述新图层位于所述移动终端屏幕显示的待查看物品对应图层的上方。

可选的,所述关联图片显示单元,包括:

预览图的数量获取单元,用于获取所述待查看物品的预览图的数量;

排列方式确定单元,用于根据所述预览图的数量,按照预定排列规则确定所述预览图的排列方式;

显示尺寸确定单元,用于根据所述排列方式,以及可供显示区域尺寸,确定各个预览图的显示尺寸;

预览图显示单元,用于在所述新图层上,以所述确定的排列方式和各个预览图的所述显示尺寸,聚合显示所述预览图。

可选的,所述物品关联图片快速预览的装置,包括:

选择操作接收单元,用于接收对聚合显示所述预览图的选择操作;

原图片读取单元,用于读取被选择的预览图对应的原图片;

原图片显示单元,用于以单幅方式在所述可供显示区域以与该可供显示区域相适应的尺寸显示被选择的预览图对应的原图片。

可选的,所述将所述待查看物品的关联图片以预定的方式在所述新图层上显示,包括:

第二原图片显示单元,用于按照预设的显示顺序,以单幅方式在可供显示区域以与该可供显示区域相适应的尺寸显示所述原图片。

可选的,所述物品关联图片快速预览的装置,包括:

切换指令接收单元,用于接收对所述单幅方式显示的原图片的切换指令;

原图片单元切换,用于根据所述切换指令确定的切换方向,根据所述原图片预设的显示顺序,显示另一原图片。

可选的,所述物品关联图片快速预览的装置,包括:

触控指令接收单元,用于接收对所述新图层上的预设边缘区域输入的触控指令;

新图层关闭单元,用于关闭所述新图层。

本申请另外提供一种移动终端,包括:

显示器、处理器和存储器;

其中,所述处理器接收用户针对所述显示器显示的待查看物品对应的预览标识输入的查看指令;

所述存储器,用于存储获取的所述待查看物品的关联图片;

所述处理器在所述显示器的预设区域渲染生成新图层,并将所述待查看物 品的关联图片在所述新图层上显示;所述新图层位于所述移动终端屏幕显示的待查看物品对应图层的上方。

与现有技术相比,本申请具有以下优点:

本申请提供的物品关联图片快速预览的方法,包括:接收用户针对移动终端屏幕显示的待查看物品对应的预览标识输入的查看指令;获取所述待查看物品的关联图片;在所述移动终端屏幕的预设区域渲染生成新图层,并将所述待查看物品的关联图片在所述新图层上显示;所述新图层位于所述移动终端屏幕显示的待查看物品对应图层的上方。

本申请提供的物品关联图片快速预览的方法,预先针对移动终端屏幕显示的待查看物品列表中的待查看物品,设置对应的预览标识,当接收到用户针对所述待查看物品对应的预览标识输入的查看指令时,获取所述查看指令对应的待查看物品的关联图片,在所述移动终端屏幕的预设区域渲染生成新图层,并将所述待查看物品的关联图片在所述新图层上显示。所述物品关联图片快速预览的方法,操作简单方便,为用户提供了方便;同时,在查看所述待查看物品的关联图片的过程中,无需通过所述移动终端加载和显示与所述待查看物品相关的多个页面,在所述移动终端屏幕显示的待查看物品列表对应的界面,即可实现所述待查看物品的关联图片预览,避免了通过所述移动终端加载所述待查看物品的相关页面造成的数据流量浪费。

附图说明

附图1是本申请提供的一种物品关联图片快速预览的方法实施例的处理流程图;

附图2是本申请提供的一种待查看物品列表的示意图;

附图3是本申请提供的一种待查看物品的预览图的示意图;

附图4是本申请提供的另一种待查看物品的预览图的示意图;

附图5是本申请提供的一种预览图布局效果的示意图;

附图6是本申请提供的另一种预览图布局效果的示意图;

附图7是本申请提供的一种位移轨迹曲线的示意图;

附图8是本申请提供的一种待查看物品的原图片的示意图;

附图9是本申请提供的一种物品关联图片快速预览的装置实施例的示意图;

附图10是本申请提供的一种移动终端的示意图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其他方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此本申请不受下面公开的具体实施的限制。

本申请提供一种物品关联图片快速预览的方法,本申请还提供一种物品关联图片快速预览的装置,以及一种移动终端,以下分别结合本申请提供的实施例的附图逐一进行详细说明,并且对方法的各个步骤进行说明。

本申请提供的一种物品关联图片快速预览的方法实施例如下:

参照附图1至附图8,其中,附图1示出了本申请提供的一种物品关联图片快速预览的方法实施例的处理流程图,附图2示出了本实施例提供的一种待查看物品列表的示意图,附图3示出了本实施例提供的一种待查看物品的预览图的示意图,附图4是本实施例提供的另一种待查看物品的预览图的示意图,附图5是本实施例提供的一种预览图布局效果的示意图,附图6是本实施例提供的另一种预览图布局效果的示意图,附图7是本实施例提供的一种位移轨迹曲线的示意图;附图8是本实施例提供的一种待查看物品的原图片的示意图。

参照附图1,其示出了本申请提供的一种物品关联图片快速预览的方法实施例的处理流程图。此外,所述物品关联图片快速预览的方法实施例的各个步骤之间的关系,请根据附图1确定。

步骤S101,接收用户针对移动终端屏幕显示的待查看物品对应的预览标识输入的查看指令。

在移动终端中,电子交易平台的APP客户端以列表的形式向用户展示待查看物品,用户在选定列表中的待查看物品之后,可针对选定的待查看物品进行交易。用户在列表中选择待查看物品的过程中,需要用户对列表中的待查看物品进行查看和比对;在用户查看和比对列表中物品的过程中,针对每一件待查看物品,用户需要以“待查看物品列表->待查看物品详情->待查看物品预览图->待查看物品详细图”这样的流程,来一层一层地查看和比对待查看物品的信息, 用户获取待查看物品图片的路径太长,不能快速全面的了解待查看物品,操作极其繁琐;同时,在这一过程中消耗的数据流量较多。在这种情况下,采用本申请提供的方法,在移动终端显示待查看物品列表的场景下,快速预览待查看物品的图片,使用户的操作更加方便快捷;同时,也可以节省数据流量。

所述待查看物品,是指电子交易平台中的物品。并且,针对每一件待查看物品,都预设对应的预览标识。

所述预览标识是为方便用户快速查看所述待查看物品图片而设置的,比如在移动终端的屏幕显示所述待查看物品列表,并显示所述待查看物品对应的预览标识,当通过移动终端接收到用户针对所述待查看物品对应的预览标识输入的查看指令时,可快速查看所述待查看物品的图片。

所述待查看物品的预览标识,是指在所述移动终端屏幕显示的述待查看物品列表中预设的、与所述待查看物品对应的触发标记,比如按钮控件。

所述查看指令,是指通过所述移动终端输入的触控动作。

所述待查看物品的关联图片,包括与所述待查看物品相关的所有图片。优选的,所述待查看物品的关联图片,是指所述待查看物品的原图片和所述待查看物品的预览图,所述原图片和所述预览图一一对应。

优选的,为了更加清楚明确的说明表征预览图和原图片的定义,以电子交易平台中的商品为例,所述原图片,是指商品的清晰度比较高、尺寸比较大的图片,比如商户针对商品向所述电子交易平台提交的图片;相比预览图,原图片的尺寸更大、清晰度更高,因此,原图片一般用于观察商品的细节,预览图一般用于观察商品的大致外观形状。在实际应用中,所述预览图一般是根据所述原图片按照特定比例缩小生成的,因此,也可以称作缩略图。

在本实施例的一个具体例子中,采用按钮控件作为所述待查看物品的预览标识;优选的,所述按钮控件位于所述待查看物品的预览图上方的按钮控件,如附图2中所示的按钮控件201。

当接收到用户针对所述移动终端屏幕显示的物品列表中的待查看物品对应的按钮控件输入的查看指令时,执行下述步骤S102和下述步骤S103,查看所述查看指令对应的待查看物品的关联图片。

步骤S102,获取所述待查看物品的关联图片。

根据上述步骤S101,对于电子交易平台中的待查看物品,商户在电子交易 平台中发布该待查看物品时,同时上传了待查看物品的相关信息,比如待查看物品的名称、相关描述信息、价格、成交量等信息,以及待查看物品的原图片;对于电子交易平台而言,在接收到商户上传的待查看物品的原图片时,进行相应处理,并同时生成预览图,并存储所述原图片和所述预览图。

本步骤中,获取所述待查看物品的关联图片,是指通过所述移动终端,获取所述电子交易平台存储的所述待查看物品的原图片和预览图。需要说明的是,本步骤所述的待查看物品,是指上述步骤S101中所述的查看指令对应的待查看物品,即用户选中的待查看物品。

步骤S103,在所述移动终端屏幕的预设区域渲染生成新图层,并将所述待查看物品的关联图片在所述新图层上显示。

上述步骤S101在所述移动终端屏幕显示所述待查看物品的列表,接收到用户针对所述待查看物品的列表中的待查看物品输入的查看指令之后,通过上述步骤S102获取所述查看指令对应的待查看物品的关联图片,本步骤中,在所述移动终端屏幕显示所述待查看物品的关联图片,以实现对所述待查看物品的预览。

优选的,本步骤中,提供两种预览方式:

第一种预览方式:首先在所述移动终端屏幕显示所述待查看物品的预览图,当接收到用户所述预览图的选择操作时,在所述移动终端屏幕显示选中的预览图对应的原图片;

第二种预览方式:直接在所述动终端屏幕显示所述待查看物品的原图片。

下面结合附图,对两种预览方式进行详细说明。

第一种预览方式:

1、在所述移动终端屏幕的预设区域渲染生成新图层;

在本步骤执行前,所述移动终端屏幕显示的是所述待查看物品的列表,如附图2所示,在此,在所述移动终端屏幕的预设区域渲染新图层。

优选的,在所述移动终端屏幕显示的所述待查看物品列表对应图层的上方,渲染生成所述新图层。

所述预设区域可以是所述移动终端屏幕的部分区域,也可以是所述移动终端屏幕的全部区域,对此不做限定。

2、在所述新图层上显示所述待查看物品的预览图;

优选的,按照下述步骤在所述移动终端屏幕显示所述待查看物品的预览图:

获取所述待查看物品的预览图的数量;

根据所述预览图的数量,按照预定排列规则确定所述预览图的排列方式;

根据所述排列方式,以及可供显示区域尺寸,确定各个预览图的显示尺寸;

在所述新图层上,以所述确定的排列方式和各个预览图的所述显示尺寸,聚合显示所述预览图。

优选的,所述预览图的预定排列规则,包括:

按照所述预览图预设的图片编号的大小顺序,从图片编号较小物品预览图开始,按照从上大小、从左到右的排列顺序进行排列。

优选的,在所述新图层上显示所述待查看物品的预览图时,根据各个预览图各自预设的位置坐标信息和位移轨迹信息,以动画的方式在所述新图层上显示所述预览图发生位移的相应动画,并最终在所述可供显示区域显示聚合之后的所述预览图。

优选的,所述位移轨迹信息根据预设的位移轨迹算法,结合所述位置坐标信息确定。

下面通过举例说明在所述移动终端屏幕显示所述待查看物品的预览图的详细实现:

参照附图3和附图4,附图3是本实施例提供的一种待查看物品的预览图的示意图,附图4是本实施例提供的另一种待查看物品的预览图的示意图。

其中,附图3是以动画的方式在所述新图层上显示所述预览图发生位移的相应动画最初状态,附图4是以动画的方式在所述新图层上显示所述预览图发生位移的相应动画最终状态。

比如附图3中的图片1,以自身的中心点为起点,以所述可供显示区域的中心点为终点(一般指所述移动终端屏幕中心点),根据预设的位移轨迹算法做抛物线,图片1以抛物线的轨迹从起点移动到终点,并且以动画的方式显示这一移动过程。其他图片与图片1相类似,不再赘述。

附图3中示出的6张预览图时,各张预览图的位置坐标信息,可以是预先设置的,比如针对图片1至图6,预先设置了6个坐标点分别作为各自的中心点。

此外,所述预览图的位置坐标信息也可以根据预设的坐标算法计算获得,比如根据坐标算法计算获得坐标点作为相应的位置坐标信息。

需要说明的是,在所述移动终端屏幕显示所述待查看物品的预览图时,按照预先设定的顺序显示,相应的,所述预览图在可供显示区域聚合显示时,同样具有相应顺序。

优选的,所述可供显示区域包括至少一个图片显示区块,所述图片显示区块中包含至少一张物品预览图。

如附图4所示,其中包括四个图片显示区块,从上到下依次是第一图片显示区块、第二图片显示区块、第三图片显示区块和第四图片显示区块,其中,第一图片显示区块包括1张预览图,即图片1;第二图片显示区块包括2张预览图,即图片2和图片3;第三图片显示区块包括1张预览图,即图片4;第四图片显示区块包括2张预览图,即图片5和图片6。

优选的,在所述新图层上的对应位置显示所述待查看物品的预览图时,根据预设的动画特效进行显示;其中,所述动画特效包括:淡入动画效果。

优选的,为了确保所述移动终端屏幕显示的所述预览图的清晰度,将所述预览图的尺寸限定在一定范围内,优选的,所述待查看物品的关联图片的数目小于预设的第一预设数目阈值,所述可供显示区域包含的图片显示区块的数目小于预设的第二预设数目阈值;

相应的,所述图片显示区块包含的所述预览图的数目小于预设的第三预设数目阈值;

其中,所述第三预设数目阈值等于所述第一预设数目阈值除以所述第二预设数目阈值所得的商取整加一。

比如在所述移动终端屏幕最多显示10张预览图,同时从上之下分为4个图片显示区块,则每个显示区块最多可显示的预览图为3张。

优选的,所述图片显示区块的尺寸具体是根据该图片显示区块内包含的预览图的显示尺寸确定;

或者,所述图片显示区块的尺寸具体是根据预设比例对所述可供显示区域的划分确定;

或者,所述图片显示区块的尺寸具体是根据预设划分算法对所述可供显示区域随机划分确定。

例如:

2张预览图时,所述预览图和所述图片显示区块的布局效果如下:

参照附图5,其为本实施例提供的一种预览图布局效果的示意图。

当图片1的尺寸较小、图片2的尺寸较大时,可采用居左分割布局的方式,如附图5中501所示的布局方式;

当图片1的尺寸较大、图片2的尺寸较小时,可采用居右分割布局的方式,如附图5中502所示的布局方式;

当图片1的尺寸和图片2的尺寸相等时,可采用居中分割布局的方式,如附图5中503所示的布局方式。

3张预览图时,所述预览图和所述图片显示区块的布局效果如下:

参照附图6,其为本实施例提供的另一种预览图布局效果的示意图。

当图片1和图片2的尺寸较小、图片3的尺寸较大时,可采用如附图6中601所示的布局方式;

当图片1的尺寸较大、图片2和图片3的尺寸较小时,可采用如附图6中602所示的布局方式;

当图片1、图片2、图片3的尺寸相等时,可采用如附图6中603所示的布局方式;

此外,还可以采用如附图6中604和605所示的布局方式。

需要说明的是,在所述移动终端屏幕显示所述预览图时,如果预览图的尺寸与所述可供显示区域或者所述图片显示区块不匹配,则可对所述预览图进行相应处理,比如裁剪预览图,以使其匹配所述可供显示区域或者所述图片显示区块,此外,也可以采用其他方式进行处理,比如放大、拉伸等,对此不做限定。

3、在所述新图层上显示所述待查看物品的原图片。

在所述新图层上显示所述待查看物品的预览图之后,执行如下步骤:

接收对聚合显示所述预览图的选择操作;

读取被选择的预览图对应的原图片;

以单幅方式在所述可供显示区域以与该可供显示区域相适应的尺寸显示被选择的预览图对应的原图片。

优选的,所述以单幅方式在所述可供显示区域以与该可供显示区域相适应的尺寸显示被选择的预览图对应的原图片,具体是以动画的方式将所述原图片从原位置移动到新的显示位置,同时对其尺寸进行放大。

优选的,在移动所述被选择的预览图对应的原图片时,所述原图片的位移轨迹信息,根据所述被选择的预览图的位置坐标信息、所述被选择的预览图对应的原图片的中心以及预设的位移轨迹算确定。

如附图3中图片1接收到对聚合显示所述预览图的选择操作,图片1所示的预览图对应的原图片的位移轨迹如附图7所示,其中点A是起点、点B是终点,位移轨迹如附图7中的曲线所示。

所述原图片移动到点B时,即所述原图片的动画播放完成后,在所述移动终端显示的图像如附图8所示,即:以单幅方式在所述可供显示区域以与该可供显示区域相适应的尺寸显示被选择的预览图对应的原图片。

需要说明的是,上述举例中,以横向布局结合单幅方式在所述新图层上显示所述原图片,此外,还可以纵向布局结合单幅方式在所述新图层上显示所述原图片,在此不做限定。

优选的,在所述新图层上显示所述待查看物品的原图片步骤之后,还包括原图片切换操作:

接收对所述单幅方式显示的原图片的切换指令;

根据所述切换指令确定的切换方向,根据所述原图片预设的显示顺序,显示另一原图片。

优选的,在所述新图层上显示所述待查看物品的原图片步骤之后,还包括恢复操作,所述恢复操作用于恢复所述待查看物品的列表界面;

接收对所述新图层上的预设边缘区域输入的触控指令;

关闭所述新图层。

优选的,所述预设边缘区域包括:所述新图层上所述可供显示区域之外的区域,如附图8中801所示区域。

除此之外,当所述移动终端屏幕以单幅方式显示所述原图片时,当检测到用户输入的双击触控动作时,以设定比例放大所述原图片;在此基础上,当检测到用户输入的双击触控动作时,以所述设定比例缩小所述原图片。

第二种预览方式:

第二种预览方式与上述第一种预览方式基本相似,相关内容请参照上述第一种预览方式中的说明,在此不再赘述。第二种预览方式与上述第一种预览方式的区别之处在于,直接在所述新图层上显示所述待查看物品的原图片,并不在所述新图层上显示所述待查看物品的预览图。

1、在所述移动终端屏幕的预设区域渲染生成新图层;

2、按照预设的显示顺序,以单幅方式在可供显示区域以与该可供显示区域相适应的尺寸显示所述原图片。

优选的,所述显示顺序包括:按照所述原图片的图片编号的大小顺序依次显示,并且优先显示图片编号较小的原图片。

综上所述,本申请提供的物品关联图片快速预览的方法,预先针对移动终端屏幕显示的待查看物品列表中的待查看物品,设置对应的预览标识,当接收到用户针对所述待查看物品对应的预览标识输入的查看指令时,获取所述查看指令对应的待查看物品的关联图片,在所述移动终端屏幕的预设区域渲染生成新图层,并将所述待查看物品的关联图片在所述新图层上显示,操作简单快捷,为用户提供了方便。

此外,本申请提供的物品关联图片快速预览的方法,在所述移动终端屏幕显示的待查看物品列表这一界面,即可实现所述待查看物品的关联图片的预览,避免了通过所述移动终端加载所述待查看物品相关页面造成的数据流量浪费,同时节省了在所述移动终端中加载所述待查看物品的相关页面附带产生等待时间。

本申请提供的一种物品关联图片快速预览的装置实施例如下:

在上述的实施例中,提供了一种物品关联图片快速预览的方法,与之相对应的,本申请还提供了一种物品关联图片快速预览的装置,下面结合附图进行说明。

参照附图9,其示出了本申请提供的一种物品关联图片快速预览的装置实施例的示意图。

由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见上述提供的方法实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。

本申请提供一种物品关联图片快速预览的装置,包括:

查看指令接收单元901,用于接收用户针对移动终端屏幕显示的待查看物品对应的预览标识输入的查看指令;

关联图片获取单元902,用于获取所述待查看物品的关联图片;

关联图片显示单元903,用于在所述移动终端屏幕的预设区域渲染生成新图层,并将所述待查看物品的关联图片在所述新图层上显示;所述新图层位于所述移动终端屏幕显示的待查看物品对应图层的上方。

可选的,所述预览标识包括:

按钮控件。

可选的,所述待查看物品的关联图片,包括:

所述待查看物品的原图片和所述待查看物品的预览图;所述原图片和所述预览图一一对应。

可选的,所述关联图片显示单元903,包括:

预览图的数量获取单元,用于获取所述待查看物品的预览图的数量;

排列方式确定单元,用于根据所述预览图的数量,按照预定排列规则确定所述预览图的排列方式;

显示尺寸确定单元,用于根据所述排列方式,以及可供显示区域尺寸,确定各个预览图的显示尺寸;

预览图显示单元,用于在所述新图层上,以所述确定的排列方式和各个预览图的所述显示尺寸,聚合显示所述预览图。

可选的,所述预览图显示单元中,在所述新图层上显示所述预览图时,根据各个预览图各自预设的位置坐标信息和位移轨迹信息,以动画的方式在所述新图层上显示所述预览图发生位移的相应动画,并最终在所述可供显示区域显示聚合之后的所述预览图。

可选的,所述位移轨迹信息根据预设的位移轨迹算法,结合所述位置坐标信息确定。

可选的,所述的物品关联图片快速预览的装置,包括:

选择操作接收单元,用于接收对聚合显示所述预览图的选择操作;

原图片读取单元,用于读取被选择的预览图对应的原图片;

原图片显示单元,用于以单幅方式在所述可供显示区域以与该可供显示区域相适应的尺寸显示被选择的预览图对应的原图片。

所述原图片显示单元中,具体是以动画的方式将所述原图片从原位置移动到新的显示位置,同时对其尺寸进行放大。

所述原图片显示单元中,在移动所述被选择的预览图对应的原图片时,所述原图片的位移轨迹信息,根据所述被选择的预览图的位置坐标信息、所述被选择的预览图对应的原图片的中心以及预设的位移轨迹算确定。

可选的,所述预定排列规则,包括:

按照所述预览图预设的图片编号的大小顺序,从图片编号较小物品预览图开始,按照从上大小、从左到右的排列顺序进行排列。

可选的,所述可供显示区域包括至少一个图片显示区块,所述图片显示区块中包含至少一张物品预览图。

可选的,所述图片显示区块的尺寸具体是根据该图片显示区块内包含的预览图的显示尺寸确定;

或者,所述图片显示区块的尺寸具体是根据预设比例对所述可供显示区域的划分确定;

或者,所述图片显示区块的尺寸具体是根据预设划分算法对所述可供显示区域随机划分确定。

可选的,所述关联图片显示单元903,包括:

第二原图片显示单元,用于按照预设的显示顺序,以单幅方式在可供显示区域以与该可供显示区域相适应的尺寸显示所述原图片。

可选的,所述显示顺序包括:

按照所述原图片的图片编号的大小顺序依次显示,并且优先显示图片编号较小的原图片。

可选的,所述物品关联图片快速预览的装置,包括:

切换指令接收单元,用于接收对所述单幅方式显示的原图片的切换指令;

原图片单元切换,用于根据所述切换指令确定的切换方向,根据所述原图片预设的显示顺序,显示另一原图片。

可选的,所述物品关联图片快速预览的装置,包括:

触控指令接收单元,用于接收对所述新图层上的预设边缘区域输入的触控指令;

新图层关闭单元,用于关闭所述新图层。

可选的,所述预设边缘区域包括:

所述新图层上所述可供显示区域之外的区域。

可选的,所述预览图显示单元中,在所述新图层上的对应位置显示所述待查看物品的预览图时,根据预设的动画特效进行显示;

其中,所述动画特效包括:淡入动画效果。

可选的,所述待查看物品的关联图片的数目小于预设的第一预设数目阈值,所述可供显示区域包含的图片显示区块的数目小于预设的第二预设数目阈值;

相应的,所述图片显示区块包含的所述预览图的数目小于预设的第三预设数目阈值;

其中,所述第三预设数目阈值等于所述第一预设数目阈值除以所述第二预设数目阈值所得的商取整后加一。

可选的,所述待查看物品包括:

电子交易平台中的商品。

本申请提供的一种移动终端的实施例如下:

在上述的实施例中,提供了一种物品关联图片快速预览的方法,与之相对应的,本申请还提供了一种用于实现该方法的移动终端,下面结合附图进行说明。

参照附图10,其示出了本申请提供的一种移动终端的示意图。

在此,所述移动终端用于实现本申请提供的物品关联图片快速预览的方法,因此,所述移动终端的实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见上述提供的方法实施例的对应说明即可。下述描述的移动终端的实施例仅仅是示意性的。

本申请提供一种移动终端,包括:

显示器10-01、处理器10-02和存储器10-03;

其中,所述处理器10-02接收用户针对所述显示器10-01显示的待查看物品对应的预览标识输入的查看指令;

所述存储器10-03,用于存储获取的所述待查看物品的关联图片;

所述处理器10-02在所述显示器10-01的预设区域渲染生成新图层,并将所述待查看物品的关联图片在所述新图层上显示;所述新图层位于所述移动终端屏幕显示的待查看物品对应图层的上方。

可选的,所述预览标识包括:

按钮控件。

可选的,所述待查看物品的关联图片,包括:

所述待查看物品的原图片和所述待查看物品的预览图;所述原图片和所述预览图一一对应。

可选的,所述显示器10-01的可供显示区域包括至少一个图片显示区块,所述图片显示区块中包含至少一张物品预览图。

可选的,所述述按钮控件位于所述待查看物品的预览图上方。

可选的,在所述显示器10-01显示所述待查看物品的预览图时,根据预设的动画特效进行显示;

其中,所述动画特效包括:淡入动画效果。

可选的,所述待查看物品包括:

电子交易平台中的商品。

本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。

在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他 类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。

2、本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1