CN110716681A

CN110716681A - 一种用于展示界面的展示对对象的对比方法及装置

Info

Publication number: CN110716681A
Application number: CN201810757920.6A
Authority: CN
Inventors: 李论
Original assignee: Alibaba Group Holding Ltd
Current assignee: Alibaba Group Holding Ltd
Priority date: 2018-07-11
Filing date: 2018-07-11
Publication date: 2020-01-21

Abstract

一种用于展示界面的展示对象的对比方法及装置，所述方法包括：接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，将所述第一展示对象移动到对比区域；接收在展示界面上通过第二操作选中第二展示对象并向对比区域拖动的手势操作，将所述第二展示对象移动到对比区域；捕捉所述对比区域内的手势操作，输出所述第一展示对象和所述第二展示对象的对比结果。本申请的方法操作简单，可直观展示比对结果。

Description

一种用于展示界面的展示对对象的对比方法及装置

技术领域

本申请涉及信息显示领域，具体涉及一种用于展示界面的展示对对象的对比方法及装置。

背景技术

随着信息技术与移动终端的发展，人们通过智能手机或平板电脑，随时浏览信息，或者通过互联网完成一次购物，而移动智能终端与个人电脑又有所不同，由于其便捷性，屏幕相比个人电脑要小，不配备鼠标和键盘，通过触控方式来完成相应的操作。例如，在移动智能终端浏览购物时，对检索到的相似商品进行选择和对比时，通过打开查看商品详细信息，然后返回检索结果列表查看另一种商品详细信息的方式对不同商品进行对比，当查看的商品较多时，就不能一一记住浏览过的商品详细信息，而且不能直观的显示所对比商品信息的不同。而当对比完成时，在决定购买其中的某一商品时，还需要返因检索结果列表再去查找决定购买的商品，最后进行确认购买。

因此，从上述现有技术可以看出，在移动智能终端上对展示对象进行对比时，操作繁琐，对比效果较差，而且不能直观的显示对比结果。

发明内容

本申请提供一种用于展示界面的展示对象的对比方法，以解决现有技术下，在移动智能终端上对展示对象对比时，操作繁琐，对比效果较差，而且不能直观的显示对比结果的问题。

本申请提供的一种用于展示界面的展示对象的对比方法，其包括：

接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，将所述第一展示对象移动到对比区域；

接收在展示界面上通过第二操作选中第二展示对象并向对比区域拖动的手势操作，将所述第二展示对象移动到对比区域；

捕捉所述对比区域内的手势操作，输出所述第一展示对象和所述第二展示对象的对比结果。

可选的，所述接收在展示界面上通过第一操作选中第一展示对象，是指：

接收通过按压操作选中所述第一展示对象。

可选的，所述接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，具体包括：

接收在展示界面上通过按压操作选中展示对象，记录将选中的展示对象向所述对比区域拖动的操作轨迹。

可选的，所述接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作之后，若又接收到展示界面上再次通过按压操作选中其他展示对象，则将最后一次通过按压操作选中的展示对象置于选中状态，取消其他展示对象的选中状态。

可选的，所述对比区域为当前展示界面上的区域。

可选的，所述接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，将所述第一展示对象移动到对比区域，是指：

当检测到所述选中的展示对象向对比区域拖动的手势操作释放位置在所述对比区域内，则将所述选中的展示对象以浮动汽泡框的形式显示在所述对比区域；

或者，当检测到所述选中的展示对象向对比区域拖动的手势操作在任意一点释放后，则将所述选中的展示对象以浮动气泡框的形式显示在所述对比区域。

可选的，所述接收展示界面上通过第一操作或第二操作选中展示对象之后，还包括：若弹出加入对比的按钮，并接收到所述对比按钮的点击操作，则将所述选中的展示对象以浮动汽泡框的形式显示在所述对比区域。

可选的，将所述选中的展示对象以浮动气泡框的形式显示在所述对比区域后，还包括：

接收手势拖动所述展示界面进行翻页滚动的操作。

可选的，所述接收手势拖动所述展示界面进行翻页滚动的操作拖动的同时，所述展示对象的浮动气泡框始终显示在所述展示界面的固定位置。

可选的，还包括：若对比区域内的展示对象已满，则不再接收添加展示对象的操作。

所述对比区域内的展示对象根据移动到对比区域的先后顺序或手势释放的位置进行排列。

可选的，还包括：删除所述对比区域内的展示对象。

可选的，所述删除所述对比区域内的展示对象，包括：

接收所述对比区域内通过第一操作或第二操作选中移出的展示对象并向所述对比区域外拖动的手势操作，将所述展示对象逐条移出所述对比区域；或者接收所述对比区域内清空按钮的点击操作，删除所述对比区域内的所有展示对象。

可选的，所述接收所述对比区域内通过第一操作或第二操作选中移出的展示对象并向所述对比区域外拖动的手势操作，将所述展示对象逐条移出所述对比区域，具体包括：

接收在所述对比区域内通过按压操作选中展示对象，记录通过所述按压操作将选中的展示对象向所述对比区域外拖动的轨迹；

当检测到所述选中的展示对象向所述对比区域外拖动的手势操作释放位置在所述对比区域外，则将所述选中的展示对象移出所述对比区域；

或者，当检测到所述选中的展示对象向所述对比区域外拖动的手势操作在任意一点释放后，则将所述选中的展示对象移出所述对比区域。

可选的，所述捕捉所述对比区域内的手势操作，包括：

在所述对比区域内捕捉两点手势操作向内拖动的轨迹；

或者，在所述对比区域内捕捉两点手势操作由一点分别向外侧两个相反方向拖动的轨迹；

或者，在所述对比区域内捕捉拖动第一操作对象向第二操作对象靠近或远离的轨迹。

可选的，在所述手势操作释放后，将所述对比区域内的展示对象进行对比，包括：

将所述对比区域内的所有展示对象进行对比；

或者，将所述两点手势向内拖动的轨迹两个起点位置间的多个展示对象进行对比；

或者，将所述两点手势由一点分别向外侧两个相反方向拖动轨迹的释放位置作为终点，将两个终点间的多个展示对象进行对比。

可选的，在输出所述第一展示对象和所述第二展示对象的对比结果之前，还包括：

在当前展示界面创建半透明的层，在所述创建的半透明层上显示对比结果。

可选的，所述输出所述第一展示对象和所述第二展示对象的对比结果，包括：

输出服务端返回的所述第一展示对象和所述第二展示对象的详细信息；

将所述第一展示对象和所述第二展示对象的详细信息的不同之处突出显示。

可选的，还包括：

若所述第一展示对象和所述第二展示对象为商品，则接收在对比结果页面对第一展示对象和/或所述第二展示对象的购买操作。

接收用户对选择的展示对象的购买操作或接收用户对所述对比结果页面的关闭操作。

可选的，还包括：接收对所述对比结果页面的关闭操作。

可选的，还包括：在展示界面上通过第一操作或第二操作选中展示对象并拖动的手势操作释放后，显示展示对象的详细信息。

此外，本申请还提供一种用于展示界面的展示对象的对比装置，其包括：

第一展示对象选择单元，用于接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，将所述第一展示对象移动到对比区域。

第二展示对象选择单元，用于接收在展示界面上通过第二操作选中第二展示对象并向对比区域拖动的手势操作，将所述第二展示对象移动到对比区域。

展示对象对比单元，用于捕捉所述对比区域内的手势操作，输出所述第一展示对象和所述第二展示对象的对比结果。

可选的，还包括：

展示对象删除单元，用于删除所述对比区域内的展示对象。

可选的，还包括：

展示对象对比结果显示单元，用于显示所述展示对象的对比结果。

此外，本申请还提供一种用于展示界面的展示对象对比的电子设备，其包括：

处理器；

存储器，用于存储展示界面的展示对象的对比方法的程序，所述程序在被所述处理器读取执行时，执行如下操作：

此外，本申请还提供一种用于展示界面的展示对象的对比方法，其包括：

接收对展示界面上第一展示对象的选择，并将所述第一展示对象移动至对比区域；

接收对展示界面上第二展示对象的选择，并将所述第二展示对象移动至所述对比区域；

返回所述第一展示对象与所述第二展示对象的对比结果。

本申请还提供一种终端设备，包括显示组件和处理器，其中：

所述显示组件连接所述处理器，适于提供展示界面，并检测所述展示界面上的操作；

所述处理器，适于响应所述显示组件检测到的展示界面上的操作，对展示界面上的展示对象进行对比处理，将对比结果反馈给所述显示组件，并指示所述显示组件将所述对比结果显示于所述展示界面中。

与现有技术相比，本申请提供的一种用于展示界面的展示对象的对比方法，通过使用手势选择对比的展示对象，依次将多个展示对象放入对比区域，然后通过手势将对比区域内的展示进行对比，在对比结果页面显示所对比的展示对象的详情信息，并且将对比的展示对象详情信息不同的地方突出显示，在展示对象为商品时，在对比结果页面可以直接购买满意的商品。从而解决了现有技术下，在移动智能终端上对展示对象进行对比时，操作繁琐，对比效果较差，而且不能直观的展示对比结果的问题。

附图说明

图1是本申请第一实施例提供的一种用于展示界面的展示对象的对比方法；

图2是本申请第一实施例提供的一种用于展示界面的展示对象的对比装置；

图3是本申请第一实施例提供的一种用于展示界面的展示对象对比的电子设备；

图4是本申请第一实施例提供的一种终端设备；

图5是本申请第一实施例提供的一种选择展示界面的展示对象的手势操作方法；

图6是本申请第一实施例提供的一种将展示界面的第一展示对象向对比区域移动的手势操作方法；

图7是本申请第一实施例提供的一种将展示界面进行翻页的手势操作方法；

图8是本申请第一实施例提供的一种将展示界面的第二展示对象向对比区域移动的手势操作方法；

图9是本申请第一实施例提供的一种将对比区域内的展示对象使用两点手势进行对比的操作方法；

图10是本申请第一实施例提供的一种显示展示对象对比结果的示意图。

具体实施方式

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

请参看图1，图1为本申请第一实施例提供用于展示界面的展示对象的对比方法示意图。

步骤S101，接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，将所述第一展示对象移动到对比区域拖动。

本步骤用于接收触摸屏端的手势操作，将展示界面上选中的展示对象移动到对比区域内。其中，所述展示界面可以是2D界面，也可以3D界面，本申请对此不做限制。所述第一操作可以任何的选择操作，例如按压、点击选中等。本实施例中以按压操作为例进行说明。

人们在选购商品前，一般都需要对相似的商品进行对比后再进行购买，就是通常所述的“货比三家”，越是贵重的商品越是需要谨慎，例如，一个家庭在选购汽车时，会根据家庭的用途和价格选择合适的车型。首先，他们会在汽车网站上查看相关的车型。通过比较，选中几款满意的车型，然后去实体店进行选购。或者在使用电子商务网站进行购物时，可以通过搜索功能或者分类功能查找需要的商品，然后在电子商务网站上直接进行购买。例如，在某一电子商务网站上选购一台笔记本电脑时，在该电子商务网站的搜索框内输入搜索关键字“笔记本电脑”，然后点击搜索按钮，接下来商品列表页就显示在该电子商务网站上搜索到的笔记本电脑，或者在商品分类条目下，选择“笔记本电脑”的分类，接下来商品列表页就显示在该电子商务网站上搜索到的笔记本电脑。商品的具体分类名称在不同的电子商务网站上会有所不同，例如“笔记本电脑”这个分类名称，在其他电子网务网站的电脑一级分类下可能会叫作“笔记本”，虽然分类名称会存在一些差异，但所指的却是同一种商品，对通过分类名称查找商品的结果并不产生影响。

在移动端使用这一电子商务网站对应的App或使用浏览器打开该电子商务网站，通过关键字“笔记本电脑”进行检索后，服务端在接收到检索指令后，根据检索关键字的去匹配对应的商品并将检索结果返回给客户端，客户端将检索结果以商品条目列表的形式进行显示，商品条目列表作为一个展示界面，商品就是展示界面的展示对象。商品条目列表页显示每个商品的基本信息，所述商品基本信息一般包括一张缩略图、商品名称、商品价钱等。

在商品条目展示界面上，用户使用手势按压(例如长按)触摸屏选择商品，如图5所示，在接收到用户的按压操作后，将按压操作选中的商品置于选中状态，所述选中状态可以是将使用手势按压操作选中的商品上覆盖半透明的层，覆盖的半透明的层即不会影响选中商品的显示也达到了与商品条目展示界面上其他商品的区分，效果与在PC机上使用鼠标选取内容相似。在商品置于选中状态后，用户按住选中的商品，将商品向对比区域移动，如图6所示，在接收到用户将选中的商品向所述对比区域拖动的操作后，记录其拖动的操作轨迹。在用户在触摸屏商品条目展示界面上通过按压操作选中商品后，若又在触摸屏商品条目展示界面上再次通过按压操作选中其他商品，则可以将最后一次接收到的按压操作选中的商品置于选中状态，取消其他商品的选中状态，也可以再次点击选中的商品，在接收到对选中商品的再次点击后，取消商品的选中状态。

所述对比区域可以为当前商品条目展示界面上的区域，例如，可以将当前商品条目展示界面右侧靠近边缘的区域定义为对比区域，当没有对比商品的时候，对比区域在当前商品条目展示界面并不可见，当向对比区域内添加了商品的时候，对比区域就成为了一块显示对比商品的可见区域了，如图6所示，当前商品条目展示界面右侧显示圆形缩略图的位置就为对比区域。对比区域的位置可以为当前商品条目展示界面中的任一区域，但是对比区域以不影响用户浏览商品为前提，根据商品条目展示界面的显示方式和用户使用的不同设备来确定。如果用户使用的设备为智能手机，通常商品条目展示界面左侧显示商品的缩略图，右侧显示一些基本信息，用户在浏览商品时，首先浏览的是左侧的缩略图，缩略图展示了商品的外在特点，用户通常都是通过外观来认识商品，如果通过查看缩略图对商品产生兴趣，进而才会查看右侧的基本信息，所以缩略图对用户的购买产生的影响较大，对用户购买产生影响较大的因素最好不要被遮挡，此时将对比区域设置在右侧是一种优选的方式。对于被右侧的对比区域遮挡的基本信息，如果通过查看缩略图对商品没有产生兴趣，那么很少再会去浏览商品基本信息，此时遮挡的基本信息也不会对用户产生影响，对比区域只是右侧的一小部分，并不会遮挡全部的基本信息，如果用户想要查看商品的基本信息，可以通过上下滚动翻页的方式来查看。

用户使用手势选中商品，并在选中的商品向对比区域拖动的过程中，当用户的拖动手势释放后，对用户的拖动手势进行检测，如果检测到的手势操作为单指的拖动操作，而且在拖动的起点选中了商品，拖动的手势操作释放位置也就是拖动的终点在对比区域内，那么就认为手势操作为有效的操作，将该手势操作选中的商品即第一展示对象显示在对比区域内。如果检测到的手势操作不是拖动的手势操作，例如手势是点击操作，就不执行该点击操作或者根据手势操作执行其他相应的操作。将选中的商品通过手势的拖动在对比区域内释放操作，对于经常使用手势对比功能的用户来说，将选中的商品使用拖动的手势操作移动到对比区域然后释放手势的操作难并不复杂，但是对于一些新用户，他们可能并不清楚对比区域位于商品条目列表页的哪个位置，上面已经陈述过，对比区域根据商品条目列表页的显示方式和用户使用的不同设备来确定，所以会出现一些新用户在将商品选中后，由于他们可能并不清楚对比区域位于商品条目列表页的哪个位置，从而无法完成将选中的商品加入到对比区域，也就无法完成对比操作。还有一种情况就是，有些用户使用拖动手势的操作并不熟练或流畅，以至于这些用户在将选中的商品向对比区域拖动时，有时没有到达对比区域就释放了手势，导致不能将选中的商品加入到对比区域，同样也无法完成对比操作。所以，为了解决有些用户不能确定对比区域或者使用拖动的手势操作不能将选中的商品准确的在对比区域内进行释放，从而不能将选中的商品加入到对比区域的问题，可以不再对拖动的手势操作释放位置也就是拖动的终点是否在对比区域内进行判断，即只要用户将商品选中，并使用拖动的手势操作在任意一点释放，就将所选中的商品显示在对比区域内，拖动的手势操作在任意一点释放，那么方向也就为任意方向，释放的位置也就是拖动的终点可以在对比区域内，也可以在对比区域外，这时如果检测到将对比的商品选中，并将选中的商品使用拖动的手势操作向任意一个方向拖动并释放，就将选中的商品加入到对比区域。拖动手势操作的拖动方向虽然可以为任意方向，但是应当尽量避免与已经存在并使用的手势有冲突，例如，在商品条目展示界面上，如果将选中的商品使用向左拖动的手势操作不会将选中的商品加入到对比区域，而是会出现一些操作选项时，那么此时拖动手势的操作就出现了冲突，就不能使用向左拖动的手势操作将选中的商品加入到对比区域，如果还想要使用向左拖动的手势操作将选中的商品加入到对比区域，就需要将手势操作的冲突解决，解决方法是将原向左拖动的手势操作取消。

还有一种方法是在商品条目列表展示界面上将商品选中后，如果出现了加入对比的按钮，并且接收到了对比按钮的点击操作，则将选中的商品加入到对比区域。

加入到对比区域的商品以浮动气泡框的形式进行显示，在上面对对比区域的描述中，提到当对比区域内没有对比的商品时，是不可见的，也就是说，当对比区域内加入第一个对比商品并以浮动气泡框的形式进行显示时，对比区域开始变得可见，对比商品的浮动气泡框的显示位置也就是对比区域，对比商品的浮动气泡框在网页上的显示，可以通过JavaScript脚本实现，浮动气泡框为当前网页上新增的一个层，在网页上的位置可以预先进行定义，当没有显示的内容时，网页上面就不会出现该新增的层，当获取到显示的内容也就是对比的商品时，网页上面就出现了该新增的层，也就是显示对比商品的浮动气泡框。浮动气泡框的形状也可以自行定义，例如，可以定义为圆形、方形、长方形等。但是，为了不影响对商品条目列表上其他商品的浏览，对比商品的浮动气泡框可以只显示对比商品的缩略图，且不宜太大，以能够使用手势对其进行操作为宜。

步骤S102，接收在展示界面上通过第二操作选中第二展示对象并向对比区域拖动的手势操作，将所述第二展示对象移动到对比区域。

本步骤用于继续使用手势操作将选中的展示对象添加到对比区域。其中，所述展示界面可以是2D界面，也可以3D界面，本申请对此不做限制。所述第二操作可以任何的选择操作，例如按压、点击选中等。本实施例中以按压操作为例进行说明。

在上一个步骤中，用户将选中的商品即第一展示对象加入对比区域后，通常还会继续浏览商品条目展示界面上的其他商品，在继续浏览商品条目展示界面的时候，还会向对比区域添加选中的商品。将第二件商品也就是第二展示对象加入对比区域的手势操作同步骤S101，所以在此就不再重述描述。在使用手势进行翻页时，如图7所示，可以使用向下滑动的手势进行翻页。当接收到手势拖动商品条目展示界面的翻页操作后，商品条目展示界面跟随手势的拖动进行滚动显示时，对比区域的商品浮动汽泡框始终显示在当前商品条目展示界面，浮动气泡框之所以始终显示在当前商品条目展示界面上，在上面已经提到过，当通过JavaScript脚本实现浮动气泡框的显示时，它的位置也是可以预先定义的，如果想要将浮动气泡框始终显示在当前的商品条目展示界面上，就将浮动气泡框的位置设置为相对于当前商品条目列表展示界面的一个固定位置，使它始终悬浮于当前商品条目列表展示界面上，而当退出当前商品条目展示界面时，浮动气泡框由于是依赖当前商品条目列表展示界面显示的，所以同时也会消失。

在不停的翻页浏览商品条目列表展示界面时，用户会将多个选中的商品加入到对比区域，如图8所示，用户将第二个选中的商品通过拖动的手势操作加入到对比区域，而对比区域的大小是有限制的，根据使用设备的触摸屏大小，以既能满足用户的对比需要，又不妨碍用户浏览商品为前提，当对比区域内显示的商品个数已满时，就不再接收添加对比商品的操作了。对比区域内商品的排列顺序可以根据加入到对比区域的先后顺序进行排列，第一个加入到对比区域的商品排列在最前面，而后加入的依先后顺序依次排列。对比区域内商品的排列顺序也还可以根据将对比商品加入到对比区域时，拖动的手势操作释放的位置进行排列，例如，对比区域内已加入了两个对比商品，这时，使用手势操作添加第三个对比商品时，当拖动的手势操作在已添加的两个对比商品中间释放时，这时第三个被添加的商品就位于前两个添加的对比商品的中间，同理，也可以将第三个被添加的商品的位置位于第一个或第三个。

在将选中的商品加入到对比区域，进行对比之前，如果用户对于加入到对比区域的商品又不想进行对比了，或者当时由于误操作才将商品加入到对比区域的，这时用户就会将不想进行对比的商品或误操作加入的商品进行删除，这时就可以使用逐条删除的方法，当接收用户在对比区域内通过按压操作选中商品时，就记录按压操作将选中的商品向对比区域外拖动的轨迹，当检测到选中的商品向对比区域外拖动的手势操作的释放位置位于对比区域外时，选中的商品就被移出对比区域。或者只要检测到将对比区域的商品选中并向对比区域外拖动的手势操作，不管手势操作的释放位置是否位于对比区域外，也会将选中的商品移出对比区域，简化的了操作不再对拖动手势释放的位置做进一步的判断，操作更简便。又或者在对比区域内添加了清空按钮，当接收到对清空按钮的点击后，将对比区域内的所有商品进行删除。

步骤S103，捕捉所述对比区域内的手势操作，完成所述展示对象的对比。

本步骤用于在对比区域内通过捕捉用户的手势操作，选取对比的商品。其中，所述捕捉所述对比区域内的手势操作，至少包括：

在所述对比区域内捕捉两点手势操作向内拖动的轨迹；或者，在所述对比区域内捕捉两点手势操作由一点分别向外侧两个相反方向拖动的轨迹；或者，在所述对比区域内捕捉拖动第一操作对象向第二操作对象靠近或远离的轨迹。下面逐一进行说明。

在用户在商品条目列表页选择对比商品的过程完成后，对比区域内加入了用户选择的多个商品，此时，对比区域内的商品都是待对比的商品，接下来就是将对比区域内的商品进行对比，也是通过相应的手势操作来完成。本实施例中用户使用的手势操作为两点手势操作，包括，如图9所示的在对比区域内用户可以使用两点手势向内拖动的操作，具体操作为用户使用任意两个手指并将两个手指分开放在对比区域内，将两个手指之间连成一条直线，将这条直线的中心作为一个中心位置点，然后两个手指同时向这个中心位置点拖动，或者在对比区域内用户使用两点手势由一点分别向外侧两个相反方向拖动的操作，用户使用任意两个手指并将两个手指并拢放在对比区域内，将两个手指在对比区域内的按压点作为一个位置点，然后两个手指由这个位置点分别向两个相反的方向拖动，之后通过捕捉对比区域内上述这两种手势操作，以执行商品的对比操作。或者，在所述对比区域内捕捉拖动任一操作向待比对操作对象靠近或远离的轨迹，例如捕捉第一操作对象向第二操作对象靠近或远离的轨迹。通过捕捉该操作的对比，以执行对操作对象的比对操作。

在对对比区域内的两点手势操作进行捕捉时，当捕捉到两点手势操作释放后，将所述对比区域内的所有商品进行对比，这时不管两点手势的操作的滑轨迹如何，都将对比区域内的所有商品进行了对比。如果需要更加准确的选择对比区域内的商品，可以对两点手势操作的拖动轨迹做进一步的判断，当捕捉到的两点手势的拖动轨迹由两点向两点手势的中间位置进行拖动时，那么就选取两点手势向内拖动的两个起点，即两点手势开始的位置间的多个商品进行对比，当捕捉到的两点手势的拖动轨迹由一点分别向外侧两个相反方向拖动时，将两点手势拖动轨迹的释放位置即终点间的多个商品进行对比。上面所述的三种选取对比区域内对比商品的方法，虽然后两种更加精确，但是操作起来相对第一种就变得复杂了，而且对比区域内商品的浮动气泡框也较小，用手势进行选择也会有不准确的情况出现，所以第一种方法较为简单且易操作。

在使用手势操作将对比区域内的商品进行对比后，接下来就输出(例如，显示)对比结果，对比结果是将所对比商品的详细信息进行显示，服务端在接收到请求对比商品的详细信息指令后，将请求结果返回给前端进行显示，在显示之前，在当前商品条目列表页面上创建一个半透明的层，这个半透的层就用来将显示商品的对比结果，对比结果通常将商品的详细信息逐项进行对比，如图10所显示的对比结果。例如，对比的商品为两台不同型号的笔记本电脑，将半透明的层分为左右两个区域，将这两台笔记本电脑的详细信息分别显示在半透明层的这两个不同区域，左侧商品的缩略图与右侧商品的缩略图平行，其他的如商品型号、CPU、内存大小等项也都以这种平行对比的方式进行显示，如果在当前屏幕不能将所有对比项完全显示，可以拖动屏幕进行翻页显示，对比的商品通常都是用户有意向购买的商品，为了更好的显示对比结果或者更好的帮助用户在意向商品中做出购买决策，可以将对比商品不同的对比项进行突出显示，例如，在上面的两台笔记本电脑的对比项中，左面电脑的内存为2G，右面电脑的内存为4G，这时就可以将右侧电脑的内存项标红，以达到突出显示，这样用户就能很快的区分出这两台电脑的不同，用户就可以根据自己的需要和性价比做出购买决策。如果对比的商品为三个或更多个，对比方法类似，如果在当前屏幕不能显示多个商品，可以左右拖动屏幕以查看更多商品的对比结果，对比结果也可以将多个商品不同的对比项进行突出显示，方法与两个商品对比时的方法相同，这里不再重复。在当前商品条目列表页创建一个半透明的层来显示商品的对比结果，从用户的使用角度来看，可以给用户提供一个非常好的用户体验，也可以打开一个新的页面将对比结果进行显示，其显示方式与在商品条目列表上新建一个半透明的层的显示方式相同，这里不再重复。

如果用户是在电子商务网站上查看完商品的对比结果后，有了购买的愿望，这时就可以通过点击如图10所示的对比结果页面上该商品的购买按钮，进行购买，在接收到购买按钮的点击操作后，页面从对比结果页跳转到购物车页面，此时进行购买的商品就被添加到购物车，用户接下进行订单确认、支付操作等完成后续的购买操作；或者在接收到购按钮的点击操作后，页面直接跳转到订单确认页面，然后进行支付，以便更快的完成购买操作。而如果用户在查看完商品的对比结果后，所对比的商品中并没有找到满意的商品，此时对比结果页面对用户来说就失去了意义，就没有了显示的必要，此时用户需要重新选择对比的商品，所以用户需要将对比结果页关闭，不管是在新建的一个半透明层上显示对比结果页，还是在一个新的页面显示对比结果，当接收到关闭对比结果页的指令后，关闭对比结果页然后显示商品的条目列表页。

还有一种更为简捷的显示对比结果的方法，就是在展示界面上通过按压的手势选中展示对象后，使用拖动的手势操作向任一方向拖动并释放后，然后就显示展示对象的详细信息，重复选中拖动的手势操作，就可以将多个展示对象的详细信息进行对比。这种方法，在一些大的触摸屏设备上使用起来更为合适方便，如果是手机，其触摸屏较小，如果在屏幕上显示了一条展示对象的详细信息后，那么展示界面就会被遮挡很多，所以这种方法，存在一些局限性。

一种更为通用的用于展示界面的展示对象的对比方法，是接收对展示界面上展示对象的选择，将展示对象移动到对比区域，包括接收鼠标和手势对展示界面展示对象的选择，将多个展示对象移动到对比区域，然后完成多个展示对象的对比，显示展示对象的对比结果。

在上述的实施例中，提供了一种用于展示界面的展示对象的对比方法，与之相对应的，本申请同时提供一种用于展示界面的展示对象的对比装置，请参看图2。

本实施例提供的一种用于展示界面的展示对象的对比装置，包括：

第一展示对象选择单元201，用于接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，将所述第一展示对象移动到对比区域。

第二展示对象选择单元202，用于接收在展示界面上通过第二操作选中第二展示对象并向对比区域拖动的手势操作，将所述第二展示对象移动到对比区域。

展示对象对比单元203，用于捕捉所述对比区域内的两点手势操作，完成所述展示对象的对比。

本实施例提供的一种用于展示界面的展示对象的对比装置，还包括：

展示对象删除单元，用于删除所述对比区域内的展示对象。

本申请同时提供一种用于展示界面的展示对象对比的电子设备，请参看图3。

本申请同时提供的一种用于展示界面的展示对象对比的电子设备，包括：

处理器301；

存储器302，用于存储展示界面的展示对象的对比方法的程序，所述程序在被所述处理器读取执行时，执行如下操作：

捕捉所述对比区域内的两点手势操作，完成所述展示对象的对比。

本申请同时提供一种终端设备，请参看图4。

本申请同时提供的一种终端设备，包括显示组件401和处理器402，其中：

显示组件401，连接处理器402，适于提供展示界面，并检测展示界面上的操作；具体而言，接收在用户界面上的手势操作，所述手势操作将所述用户界面上的第一展示对象和第二展示对象移动到对比区域；其中，对相关手势操作描述的可参看前述用于展示界面的展示对象的对比方法中的实施例的描述。

处理器402，适于响应显示组件401检测到的展示界面上的操作，对展示界面上的展示对象进行对比处理，将对比结果反馈给显示组件401，并指示显示组件401将对比结果显示于展示界面中。具体而言，用于基于接收到的手势操作，控制所述显示组件显示所述第一展示对象和所述第二展示对象的对比结果。其中，基于手势操作控制所述显示器件展示对比结果的相关描述可参看前述用于展示界面的展示对象的对比方法中的实施例的描述。在此不再赘述。

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

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

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

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

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

Claims

1.一种用于展示界面的展示对象的对比方法，其包括：

2.根据权利要求1所述的用于展示界面的展示对象的对比方法，其中，所述接收在展示界面上通过第一操作选中第一展示对象，是指：

接收通过按压操作选中所述第一展示对象。

3.根据权利要求1所述的用于展示界面的展示对象的对比方法，其中，所述接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，具体包括：

4.根据权利要求3所述的用于展示界面的展示对象的对比方法，其中，所述接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作之后，若又接收到展示界面上再次通过按压操作选中其他展示对象，则将最后一次通过按压操作选中的展示对象置于选中状态，取消其他展示对象的选中状态。

5.根据权利要求1所述的用于展示界面的展示对象的对比方法，其中，所述对比区域为当前展示界面上的区域。

6.根据权利要求1所述的用于展示界面的展示对象的对比方法，其中，所述接收在展示界面上通过第一操作选中第一展示对象并向对比区域拖动的手势操作，将所述第一展示对象移动到对比区域，是指：

7.根据权利要求1所述的用于展示界面的展示对象的对比方法，其中，所述接收展示界面上通过第一操作或第二操作选中展示对象之后，还包括：若弹出加入对比的按钮，并接收到所述对比按钮的点击操作，则将所述选中的展示对象以浮动汽泡框的形式显示在所述对比区域。

8.根据权利要求5或6或7任意一项所述的用于展示界面的展示对象的对比方法，其中，将所述选中的展示对象以浮动气泡框的形式显示在所述对比区域后，还包括：

接收手势拖动所述展示界面进行翻页滚动的操作。

9.根据权利要求8所述的用于展示界面的展示对象的对比方法，其中，所述接收手势拖动所述展示界面进行翻页滚动的操作拖动的同时，所述展示对象的浮动气泡框始终显示在所述展示界面的固定位置。

10.根据权利要求5或6或7任意一项所述的用于展示界面的展示对象的对比方法，其中，还包括：若对比区域内的展示对象已满，则不再接收添加展示对象的操作。

11.根据权利要求5或6或7任意一项所述的用于展示界面的展示对象的对比方法，其中，将所述选中的展示对象以浮动气泡框的形式显示在所述对比区域后，还包括：

12.根据权利要求10所述的用于展示界面的展示对象的对比方法，其中，还包括：删除所述对比区域内的展示对象。

13.根据权利要求12所述的用于展示界面的展示对象的对比方法，其中，所述删除所述对比区域内的展示对象，包括：

14.根据权利要求13所述的用于展示界面的展示对象的对比方法，其中，所述接收所述对比区域内通过第一操作或第二操作选中移出的展示对象并向所述对比区域外拖动的手势操作，将所述展示对象逐条移出所述对比区域，具体包括：

15.根据权利要求1所述的用于展示界面的展示对象的对比方法，其中，所述捕捉所述对比区域内的手势操作，包括：

在所述对比区域内捕捉两点手势操作向内拖动的轨迹；

16.根据权利要求15所述的用于展示界面的展示对象的对比方法，其中，在所述手势操作释放后，将所述对比区域内的展示对象进行对比，包括：

将所述对比区域内的所有展示对象进行对比；

17.根据权利要求16所述的用于展示界面的展示对象的对比方法，其中，在输出所述第一展示对象和所述第二展示对象的对比结果之前，还包括：

18.根据权利要求16所述的用于展示界面的展示对象的对比方法，其中，所述输出所述第一展示对象和所述第二展示对象的对比结果，包括：

19.根据权利要求18所述的用于展示界面的展示对象的对比方法，其中，还包括：

20.根据权利要求18所述的用于展示界面的展示对象的对比方法，其中，还包括：接收对所述对比结果页面的关闭操作。

21.根据权利要求1所述的用于展示界面的展示对象的对比方法，其中，还包括：在展示界面上通过第一操作或第二操作选中展示对象并拖动的手势操作释放后，显示展示对象的详细信息。

22.一种用于展示界面的展示对象的对比装置，其中，包括：

23.根据权利要求22所述的用于展示界面的展示对象的对比装置，其中，还包括：

展示对象删除单元，用于删除所述对比区域内的展示对象。

24.根据权利要求22所述的用于展示界面的展示对象的对比装置，其中，还包括：

25.一种用于展示界面的展示对象对比的电子设备，其包括：

处理器；

26.一种用于展示界面的展示对象的对比方法，其包括：

返回所述第一展示对象与所述第二展示对象的对比结果。

27.一种终端设备，包括：

显示组件，用于显示用户界面，并接收在用户界面上的手势操作，所述拖动操作将所述用户界面上的第一展示对象和第二展示对象移动到对比区域；

处理器，耦合到显示组件，用于基于接收到的手势操作，控制所述显示组件显示所述第一展示对象和所述第二展示对象的对比结果。