页面元素的处理方法及装置的制造方法
页面元素的处理方法及装置的制造方法
【技术领域】
[0001]本发明涉及计算机技术领域，尤其涉及页面元素的处理方法及装置。
【背景技术】
[0002]随着网络的快速发展，人们可以在网络上发布自己希望分享给其他人的照片或文字等等，也可以在网络上浏览其他用户的信息。
[0003]为了方便用户的信息浏览，在浏览过程中提供了多种浏览模式，用户可以根据需要选择自己喜欢的模式进行浏览。但是用户在浏览的过程中，若进行模式切换时，需要重新进行搜索，并以切换后的模式显示搜索到的信息，而无法定位到切换前的模式时用户所浏览的位置，如此不便于用户的信息浏览。
【发明内容】
[0004]本发明实施例的主要目的旨在解决现有技术中进行页面元素浏览的过程中，无法保证浏览效率的技术问题。
[0005]为实现上述目的，本发明实施例提供了一种页面元素的处理方法，应用于移动终端，所述页面元素的处理方法包括以下步骤:
[0006]侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素；
[0007]以列表模式或展开模式依次展示所搜索到的元素；
[0008]侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。
[0009]此外，为实现上述目的，本发明实施例还提供了一种页面元素的处理装置，应用于移动终端，所述页面元素的处理装置包括:
[0010]搜索模块，用于侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素；
[0011]模式展示模块，用于以列表模式或展开模式依次展示所搜索到的元素；
[0012]模式切换模块，用于侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。
[0013]本发明实施例实现了对位置相关联的元素进行搜索后，以列表模式与展开模式进行展示，而且还实现了列表模式和展开模式之间进行切换时，不再需要重新搜索，而且还可以准确定位至切换前用户所浏览的位置，从而提高浏览效率。
【附图说明】
[0014]图1为本发明页面元素的处理方法所应用的移动终端与服务器的通讯结构示意图；
[0015]图2为本发明页面元素的处理方法所应用的移动终端的硬件结构示意图；
[0016]图3为本发明页面元素的处理方法第一实施例的流程示意图；
[0017]图4为图3中根据元素搜素请求进行搜索的细化流程示意图；
[0018]图5为本发明页面元素的处理方法第二实施例的流程示意图；
[0019]图6为本发明页面元素的处理方法第三实施例的流程示意图；
[0020]图7为本发明页面元素的处理方法中以“附近的人”为例进行应用的设置的操作示例图；
[0021]图8为本发明页面元素的处理方法中以“附近的人”为例对搜素到的页面元素进行展示及模式切换的操作示例图；
[0022]图9为本发明页面元素的处理方法中以“附近的人”为例在列表模式下时，进行滑动操作的一操作示例图；
[0023]图10为本发明页面元素的处理方法中以“附近的人”为例在列表模式下时，进行滑动操作的另一操作示例图；
[0024]图11为本发明页面元素的处理方法中以“附近的人”为例在展开模式下时，进行按钮触发操作的一操作示例图；
[0025]图12为本发明页面元素的处理方法中以“附近的人”为例在展开模式下时，进行按钮触发操作的另一操作示例图；
[0026]图13为本发明页面元素的处理装置第一实施例的功能模块示意图；
[0027]图14为图13中搜索模块的细化功能模块示意图；
[0028]图15为本发明页面元素的处理装置第二实施例中列表模式处理模块的细化功能丰旲块不意图；
[0029]图16为本发明页面元素的处理装置第三实施例中展开模式处理模块的细化功能模块示意图。
[0030]本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
【具体实施方式】
[0031]以下结合说明书附图及具体实施例进一步说明本发明的技术方案。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0032]本发明的核心思想是在页面元素进行搜索后，不但可以实现列表模式与展开模式的元素展示，而且还可以实现列表模式和展开模式之间进行切换时，不再需要重新搜索，而且可以准确定位至切换前用户所浏览的位置，从而提高浏览效率。其中列表模式用于展示元素的少量信息，展开模式用于展示元素的大量信息。此处的元素可以为附近的人，或者附近的物，例如社交群组、餐厅、团购券等等。当然不一定是附近的，也可以为指定的某一位置范围内。
[0033]如图1所示，以附近的人为例，移动终端A可以发起附近的人搜索请求。服务器则根据所述搜索请求，先对移动终端进行定位或者获取移动终端输入的当前位置信息，然后进行搜索附近的移动终端，当然搜索到的移动终端必须开启相应的功能，以使其他的移动终端可以搜索到。然后服务器获取搜索到的移动终端的信息，例如移动终端的类型及用户名称，并将所述信息展示在移动终端A的显示屏上，以供用户进行查看。此处，默认先以列表模式进行展示。该列表模式下，仅展示移动终端的用户名及用户头像。因此，用户在移动终端A的显示屏上即可根据用户头像及用户名作出判断，并进行相应的操作，例如加为好友或删除等等。可以理解的是，上述展示顺序可以按照距离从近到远依次展示，也可以按照其他顺序进行显示。
[0034]上述附近的人的搜索还可以为搜索移动终端上运行的社交应用的账户。服务器则为该社交应用服务器，通过服务器搜索该移动终端附近运行着该社交应用的移动终端。当然，该移动终端必须运行同一类的社交应用，同时开启了供其他移动终端搜索的功能。
[0035]以团购券为例，移动终端A可以发起团购券搜素请求，并选择搜索的位置为地点B，团购类型为美食。服务器则根据所述搜索请求，进行搜索标注为地点B的所有的美食团购券。然后服务器获取搜索到的美食团购券的信息，并将所述信息展示在移动终端A的显示屏上，以供用户进行查看。此处，默认以列表模式进行展示。该列表模式下，仅展示美食团购券的餐馆名、餐馆图片及地点等信息。因此，用户在移动终端A的显示屏上即可根据所展示的信息作出判断，并进行相应的操作，例如留存或删除等等。可以理解的是，上述展示顺序可以按照距离从近到远依次展示，也可以按照其他顺序进行展示。
[0036]上述移动终端是指可以在移动中使用的计算机设备，例如手机、平板电脑、ipad、掌上电脑等等。如图2所示，该移动终端可包括处理器101、存储器102、用户输入模块103、显示模块104、网络通讯模块105、GPS定位模块106以及通信总线107。通信总线107用于终端中各组成部件之间的通信。用户输入模块103可以包括键盘、鼠标、触摸屏等组件，用于接收用户输入的信息，并将接收的信息发送至处理器101进行处理。显示模块104则可以为IXD显示屏、LED显示屏，用于显示终端需要显示的数据。可以理解的是，用户输入模块103与显示模块104可以由一触摸显示屏组合在一起，既实现接收用户输入信息，又达到显示的目的。网络通讯模块105用于实现终端与外部设备进行互相通讯，该网络通讯模块105可包括RS232模块、射频模块、WIFI模块等等。GPS定位模块106用于移动终端的定位，具体可为:该GPS定位模块106通过网络通讯模块105与卫星定位系统通讯，以获取移动终端的当前位置。存储器102可以包括一个或一个以上计算机可读存储介质，而且其不但包括内部存储器，还包括外部存储器。该存储器中存储有操作系统及页面元素处理系统等等。当然，该页面元素处理系统可以应用于各社交应用软件中，也可以直接应用于浏览器等页面浏览软件中，还可以直接应用于移动终端。处理器101将调用存储器中的页面元素处理系统进行页面元素的搜索，并对搜索到的页面的展示进行处理。
[0037]本发明基于上述移动终端，利用处理器101调用存储器102中的页面元素处理系统，以实现页面元素在两种模式下的展示及两种模式之间的切换。如图3所示，该页面元素的处理方法包括以下步骤:
[0038]步骤S110、侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素；
[0039]首先移动终端启动搜索功能，供用户选择要搜索的元素，例如附近的人或物，或者某一范围的人或物，然后移动终端接收用户所选择的搜素元素，并向服务器发起元素搜索请求，以供服务器搜索与搜索元素匹配且所在位置落入搜索范围内元素。或者，移动终端启动社交应用软件，然后启动社交应用软件中的搜索功能，以供用户选择要搜索的元素。可以理解的是，移动终端也可以通过wif1、射频、蓝牙等近距离通讯方式进行元素搜索。
[0040]步骤S120、以列表模式或展开模式依次展示所搜索到的元素；
[0041]当搜索到元素后，移动终端将从服务器中获取所搜索到的元素或者移动 终端接收服务器返回的元素。例如处理器101调用网络通讯模块105与服务器进行通讯，接收服务器返回的所搜索到的元素。然后处理器101可以调用显示模块104对所述元素进行展示。本实施例中，在搜索到元素时，默认以列表模式进行展示。
[0042]步骤S130、侦测到页面中元素的模式切换请求时，以切换后模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。
[0043]在移动终端以列表模式展示所搜索到的元素时，用户可以将当前的列表模式切换至展开模式。在移动终端以展开模式展示所搜索到的元素时，用户可以将当前的展开模式切换至列表模式。以列表模式切换至展开模式为例，侦测到页面中元素的模式切换请求时，将获取列表模式中所展示的所有元素及元素的展示顺序，然后以展开模式按照所获取的元素的展示顺序依次展示所获取的所有元素。同时，还将控制模式切换请求对应的元素显示在当前页面中。由于展开模式是展开列表模式中元素的详细信息，因此，当用户希望切换到展开模式，以查看当前查看的元素的详细信息时，则可以发起模式切换请求，移动终端接收到该模式切换请求后，则将展示模式由列表模式切换至展开模式，同时还将当前页面展示切换前用户所浏览的元素的详细信息。
[0044]以展开模式切换至列表模式为例，侦测到页面中元素的模式切换请求时，将获取展开模式中所展示的所有元素及元素的展示顺序，然后以列表模式按照所获取的元素的展示顺序依次展示所获取的所有元素。同时，还将控制模式切换请求对应的元素显示在当前页面中。为了保证切换后的顺畅、自然效果，移动终端在接收到该模式切换请求后，则将展示模式由展开模式切换至列表模式，同时还将当前页面展示切换前用户所浏览的元素的详细信息。
[0045]本实施例中，由列表模式切换至展开模式的模式切换请求为单击元素显示区域。即在列表模式下，若用户单击希望切换的元素的显示区域，就可以触发模式切换。当然，也可以有其他方式，例如双击、或者在元素的显示区域设置一按钮。按按钮可以为固定按钮，也可以为浮动按钮。
[0046]本发明实施例实现了对位置相关联的元素进行搜索后，以列表模式与展开模式进行展示，而且还实现了列表模式和展开模式之间进行切换时，不再需要重新搜索，而且还可以准确定位至切换前用户所浏览的位置，从而提高浏览效率。
[0047]进一步地,如图4所示,上述步骤S110包括:
[0048]步骤S111、侦测到元素搜索请求时，获取元素搜索请求中的搜索对象及搜索范围；
[0049]在发起元素搜素请求时，将选择要搜索的搜素对象及搜素范围。若搜索范围为缺省状态，则将移动终端的当前位置作为搜索范围。因此，移动终端侦测到元素搜素请求时，将获取元素搜索请求中的搜素对象及搜索范围。
[0050]步骤S112、在搜素范围内进行搜索，获得与所述搜素对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息；
[0051]获取到元素搜索请求中的搜索对象及搜索范围后，移动终端将启动搜索功能，在搜索范围内进行搜索。或者移动终端将搜索范围及搜索对象发送至服务器，以供服务器在搜索范围内进行搜索，获得与所述搜索对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息。该第一信息为元素的基本信息，供用户浏览时可以高效直观地浏览，例如用户的头像、照片等等。而第二信息则为元素的详细信息，供展开时方便用户详细浏览，例如用户的联系方式、兴趣爱好等等。
[0052]步骤S113、为所获得的元素分配相应的标识。
[0053]搜索到元素后，将为所获得的元素分配相应的标识，例如编号或者ID，以供移动终端根据所述ID的顺序进行展示。例如，移动终端按照元素的标识的顺序，以列表模式依次显示元素的第一信息。当切换至展开模式时，移动终端先获取列表模式中所显示的所有元素的ID，然后按照该元素的ID的顺序，以展开模式依次显示元素的第一信息和第二信息。
[0054]进一步地，如图5所示，示出了本发明页面元素的处理方法第三实施例。该实施例中，上述步骤S120中以列表模式展示所搜索到的元素的步骤之后还包括:
[0055]步骤S140、侦测所述元素的显示区域的滑动事件；
[0056]本实施例中，显示模块104可以包括显示触摸屏，显示触摸屏可以侦测显示触摸屏上的触控操作，并将侦测到的触控操作发送至处理器101，以供处理器101响应所述触控操作。
[0057]步骤S150、当滑动距离达到第一预设阈值时，确定滑动方向；
[0058]当侦测到显示触摸屏被按压，且发生滑动事件时，记录对应的滑动轨迹，并将所记录的滑动轨迹发送至处理器101。然后处理器101则开始判断滑动距离是否达到第一预设阈值，当判断滑动距离达到第一预设阈值时，则确定滑动方向。
[0059]步骤S160、获得所述滑动方向对应的反馈标识，显示所述反馈标识；
[0060]处理器101确定滑动方向后，将从存储器102中获取滑动方向对应的反馈标识，并显示所述反馈标识。该反馈标识用于反映滑动事件对应的操作，例如当滑动事件为删除操作时，则对应的反馈标识为“删除”标识，当滑动事件为添加操作时，则对应的反馈标识为“添加”标识。可以理解的是，该反馈标识可以包括图像、文字，或者两者的结合，或者其他。
[0061]步骤S170、当滑动距离达到第二预设阈值时，响应所述滑动事件；
[0062]当处理器101判断滑动轨迹的滑动距离达到第一预设阈值时，再判断该滑动方向是否相同，且滑动距离是否达到第二预设阈值。当处理器101判断滑动距离达到第二预设阈值时，响应滑动事件。例如，当滑动事件为删除操作时，则将操作的元素放置预先指定的第一列表(例如，不喜欢的列表)中；当滑动事件为添加操作时，则将操作的元素添加至预先指定的第二列表(例如，喜欢的列表)中。
[0063]步骤S180、将所述元素从当前展示模式的元素库中删除。
[0064]当所述元素从当前展示模式的元素库中删除，以便该元素部不再展示在移动终端的显示触摸屏上。可以理解的是，也可以加强处理的效果，例如在对元素进行操作时，可以控制所操作的元素随着滑动方向同时滑动，然后滑出显示触摸屏的显示界面，进而将操作的元素放置于与所述滑动事件对应的预先指定的位置。
[0065]进一步地，如图6所示，示出了本发明页面元素的处理方法第四实施例。该实施例，上述步骤S120中以展开模式展示所搜索到的元素的步骤之后包括:
[0066]步骤S190、侦测所述元素的显示区域中控件触发事件；
[0067]本实施例中，在以展开模式展示元素时，该展开模式上具有相应的按钮。该按钮包括固定按钮或浮动按钮。用户可以触发该按钮，以控制移动终端进行相应的操作。因此，显示模块104侦测到该元素的显示区域中的控件触发事件，将其发送至处理器101，以供处理器101响应所述控件触发事件。
[0068]步骤S200、显示所述控件触发事件对应的反馈标识，同时响应所述控件触发事件;
[0069]处理器101接收到显示模块104发送的控件触发事件时，将从存储器102中获取控件触发事件对应的反馈标识，并显示所述反馈标识。例如当控件触发事件为删除操作时，则反馈标识为“删除”标识，当控件触发事件为添加操作时，则反馈标识为“添加”标识。在显示所述反馈标识的同时，还将响应该控件触发事件。具体为:将操作元素放置于与所述控件触发事件对应的预先指定的位置。
[0070]步骤S210、将所述元素从当前展示模式的元素库中删除。
[0071]当所述元素从当前展示模式的元素库中删除，以便该元素部不再展示在移动终端的显示触摸屏上。可以理解的是，也可以加强处理的效果，例如在对元素进行操作时，可以控制所操作的元素随着控件触发事件对应的动作移动，然后移出显示触摸屏的显示界面，进而将操作的元素放置于与所述滑动事件对应的预先指定的位置。
[0072]下面将以一社交应用软件的“附近的人”功能对上述页面元素的处理方法进行相应的描述。
[0073]首先，移动终端上需要安装有社交应用软件，且该社交应用软件具有附近的人功能。然后用户输入账号及密码，以登录该社交应用。移动终端将该账号及密码发送至服务器进行验证，验证通过后允许该用户登录。同时服务器上将记录该用户的登录信息。这里，用户可以使用社交应用软件的账号进行登录，也可以使用社交应用软件允许使用的其他应用软件的账号进行登录。
[0074]用户登录成功后，即可在该社交应用软件中设置相应的功能。如图7所示，可以设置“对附近的人可见”的功能(如图7中的虚线框所标注的内容中打勾)，当用户设置该功能时，其他用户可以通过“附近的人”功能搜索到自己，自己也可以通过“附近的人”搜索到附近的其他用户。
[0075]用户退出设置界面后，将返回到社交应用软件的主界面，并可启动“附近的人”功能。移动终端则可以侦测到该用户发起的“附近的人”功能，然后将产生搜索请求，并将该搜索请求发送至服务器。由于服务器存储有所有登录成功的用户的登录信息，因此服务器接收到该搜索请求后，先获取发起搜素请求的用户所在的位置，例如地点A。然后服务器搜 索数据库，获取所有位于地点A附近的用户的用户信息，然后将获取的用户信息返回至用户所在的移动终端，以供用户进行查看。
[0076]由于本实施例中，在进行“附近的人”搜索后，返回的信息是以列表模式进行展示。如图8所示，返回的信息将以列表形式依次显示在移动终端的显示屏上。例如B1区域中用于显示一个用户的信息。当用户单击B1区域中时，则将由列表模式切换至展开模式。在该展开模式时，将以大图的方式显示用户1的详细信息。上述实施例中，列表模式下所显示的用户信息可以为用户的头像或照片。在该列表模式下浏览，使得用户可以直观、高效地浏览。若用户需要了解该用户的详细信息，可以单击该用户的显示区域，从而切换至展开模式，在该模式下时，可以了解用户的详细信息，例如用户名、性别、年龄、行业、爱好等等。
[0077]若用户希望由展开模式切换回列表模式，则可以在展开模式下双击用户1所在的显示区域B2，就可以切换至列表模式，并控制当前页面中显示用户1的信息。可以理解的是，在列表模式或展开模式下，用户均可以通过在显示屏上滚动屏幕，以调整显示屏中所显示的页面，从而显示其他的用户信息。
[0078]下面将对列表模式下的操作过程进行描述。其中该列表模式下，预先设置向左滑动表示用户不喜欢该用户，对应的操作是将该用户信息添加至不喜欢的列表中或者直接丢弃；向右滑动表示用户喜欢该用户，对应的操作是将用户信息添加至喜欢的列表中或者加为好友等等。如图9所示，列表模式下，将以列表的方式依次显示所有搜索到的用户的信息。当用户喜欢该用户，以用户3为例，手指按压在该用户3的显示区域中，该用户3的显示区域将形成一图层，并被选中。当用户按住该用户3的显示区域向右滑动时，该用户3的显示区域也将随着一起滑动，且在滑动到第一距离时，该显示区域中将显示反馈标识(即表示喜欢的“笑脸”)。当用户按住该用户3的显示区域继续向右滑动，且滑动到第二距离后放手，就形成了一个完整的滑动事件。此时移动终端根据该滑动事件，将用户3添加至喜欢的列表中或者加为好友等等。同时，移动终端还将控制下面的用户信息上移，显示在当前页面中。
[0079]如图10所示，用户对不喜欢的用户进行向左滑动操作时的过程与向右滑动的操作过程基本一致，区别仅在于:在滑动过程中，所显示的反馈标识为表示不喜欢的“哭脸”；移动终端根据该滑动操作，将用户3添加至不喜欢的列表中或者删除等等。同时移动终端还将控制下面的用户信息上移，显示在当前页面中。
[0080]下面将对展开模式下的操作过程进行描述。其中该展开模式下，预先设置两个按钮，一个为“喜欢”按钮，一个为“不喜欢”按钮，“不喜欢”按钮对应的操作是将该用户信息添加至不喜欢的列表中或者直接丢弃；“喜欢”按钮对应的操作是将用户信息添加至喜欢的列表中或者加为好友等等。如图11所示，展开模式下，将以大图的方式依次显示列表模式下所展示的所有用户的信息。而且该展开模式中用户的显示区域中具有两个按钮。当用户单击“不喜欢”按钮，移动终端将响应该操作，该用户1的显示区域将形成一图层，并控制该图层向左翻转，直至移出当前页面。同时移动终端还将控制下面的用户信息上移，显示在当前页面中。移动终端在响应的过程中，还将在该页面中显示反馈标识(即表示不喜欢的“哭脸”)。
[0081]如图12所示，用户单击“喜欢”按钮时，移动终端的响应过程与单击“不喜欢”按钮时的响应过程基本一致，区别仅在于:在移动终端的响应过程中，所显示的反馈标识为表示喜欢的“哭脸”;移动终端根据该“喜欢”按钮的单击操作，将用户1添加至喜欢的列表中或者加为好友等等。同时移动终端还将控制下面的用户信息上移，显示在当前页面中。
[0082]由上述列表模式及展开模式的过程描述可知，用户在进行页面元素浏览时，可以根据自己喜欢的模式进行浏览。另外，两个模式下均可以进行相应的操作，而且操作的交互自然、顺畅，不但方便了用户操作，而且还使得用户在操作时不会因为模式的切换而不适应。
[0083]可以理解的是，若用户还希望了解用户的更详细的信息，还可以在展开模式下，单击该用户信息的显示区域，进而进入用户对应的主页面。
[0084]对应地，提出本发明一种页面元素的处理装置。如图13所示，该实施例的页面元素的处理装置包括:
[0085]搜索模块110，用于侦测到元素搜索请求时，根据所述元素搜索请求进行搜索；
[0086]模式展示模块120，用于以列表模式或展开模式依次展示所搜索到的元素；
[0087]模式切换模块130，用于侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。
[0088]首先移动终端启动搜索功能，供用户选择要搜索的元素，例如附近的人或物，或者某一范围的人或物，然后移动终端的搜索模块接收用户所选择的搜素元素，并向服务器200发起元素搜索请求，以供服务器进行搜索。或者，移动终端启动社交应用软件，然后启动社交应用软件中的搜索功能，以供用户选择要搜索的元素。可以理解的是，移动终端也可以通过wif1、射频、蓝牙等近距离通讯方式进行元素搜索。
[0089]当搜索到元素后，移动终端将从服务器中获取所搜索到的元素或者移动终端接收服务器返回的元素。例如处理器101调用网络通讯模块105与服务器进行通讯，接收服务器返回的所搜索到的元素。然后处理器101可以调用显示模块104对所述元素进行展示。本实施例中，在搜索到元素时，默认以列表模式进行展示。
[0090]在移动终端以列表模式展示所搜索到的元素时，用户可以将当前的列表模式切换至展开模式。因此，侦测到页面中元素的模式切换请求时，将获取列表模式中所展示的所有元素及元素的展示顺序，然后以展开模式按照所获取的元素的展示顺序依次展示所获取的所有元素。同时，还将控制模式切换请求对应的元素显示在当前页面中。由于展开模式是展开列表模式中元素的详细信息，因此，当用户希望切换到展开模式，以查看当前查看的元素的详细信息时，则可以发起模式切换请求，移动终端接收到该模式切换请求后，则将展示模式由列表模式切换至展开模式，同时还将当前页面展示用户希望切换的那个元素的详细信息。
[0091]本实施例中，由列表模式切换至展开模式的模式切换请求为单击元素显示区域。即在列表模式下，若用户单击希望切换的元素的显示区域，就可以出发模式切换。当然，也可以有其他方式，例如双击、或者在元素的显示区域设置一按钮。按按钮可以为固定按钮，也可以为浮动按钮。
[0092]本发明实施例中，通过在进行模式切换时，将保持切换前一模式的元素的展示顺序，以后一模式展示时，按展示顺序依次展示前一模式所展示的所有元素，从而可以使得两种模式切换时顺畅、自然。
[0093]进一步地，在移动终端以展开模式展示搜索到的元素时，用户可以将当前的展开模式切换至列表模式。因此，侦测到页面中元素的模式切换请求时，将获取展开模式中所展示的所有元素及元素的展示顺序，然后以列表模式按照所获取的元素的展示顺序依次展示所获取的所有元素。同时，还将控制模式切换请求对应的元素显示在当前页面中。为了保证切换后的顺畅、自然效果，移动终端在接收到该模式切换请求后，则将展示模式由展开模式切换至列表模式，同时还将当前页面展示用户希望切换的那个元素的详细信息。
[0094]进一步地，如图14所示,上述搜索模块110包括:
[0095]搜索信息获取单元111，用于侦测到元素搜索请求时，获取元素搜索请求中的搜索对象及搜索范围；
[0096]搜索单元112，用于在搜素范围内进行搜索，获得与所述搜素对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息；
[0097]标识单元113，用于为所获得的元素分配相应的标识。
[0098]在发起元素搜素请求时，用户将选择要搜索的搜素对象及搜素范围。若搜索范围为缺省状态，则将移动终端的当前位置作为搜索范围。因此，移动终端侦测到元素搜素请求时，搜索信息获取单元111将获取元素搜索请求中的搜素对象及搜索范围。获取到元素搜索请求中的搜索对象及搜索范围后，移动终端的搜索单元112将启动搜索功能，在搜索范围内进行搜索。或者移动终端将搜索范围及搜索对象发送至服务器，以供服务器在搜索范围内进行搜索，获得与所述搜索对象匹配的元素及元素的第一信息和第二信息。该第一信息为元素的基本信息，供用户浏览时可以高效直观地浏览。而第二信息则为元素的详细信息，供展开时方便用户详细浏览。
[0099]搜索到元素后，标识单元113将为所获得的元素分配相应的标识，例如编号或者ID,以供移动终端根据所述ID的顺序进行展示。例如，移动终端按照元素的标识的顺序，以列表模式依次显示元素的第一信息。当切换至展开模式时，移动终端先获取列表模式中所显示的所有元素的ID，然后按照该元素的ID的顺序，以展开模式依次显示元素的第二信肩、Ο
[0100]进一步地，如图15所示，上述页面元素的处理装置还包括列表模式处理模块140，且该列表模式处理模块140可包括:
[0101]侦测单元141，用于侦测所述元素的显示区域的滑动事件；
[0102]滑动方向确定单元142，用于当滑动距离达 到第一预设阈值时，确定滑动方向；
[0103]反馈标识显示单元143,用于获得所述滑动方向对应的反馈标识，显示所述反馈标识；
[0104]响应单元144，用于当滑动距离达到第二预设阈值时，响应所述滑动事件；
[0105]更新单元145，用于将所述元素从当前展示模式的元素库中删除。
[0106]本实施例中，移动终端的显示触摸屏可以侦测显示触摸屏上的触控操作，并将侦测到的触控操作发送至处理器101，以供处理器101响应所述触控操作。当侦测到显示触摸屏被按压，且发生滑动事件时，将记录对应的滑动轨迹，并将所记录的滑动轨迹发送至侦测单元。然后滑动方向确定单元142则开始判断滑动距离是否达到第一预设阈值，当判断滑动距离达到第一预设阈值时，则滑动方向确定单元142确定滑动方向。确定滑动方向后，反馈标识显示单元将从存储器102中获取滑动方向对应的反馈标识，并显示所述反馈标识。该反馈标识用于反映滑动事件对应的操作，例如当滑动事件为删除操作时，则对应的反馈标识为一 “删除”标识，当滑动事件为添加操作时，则对应的反馈标识为一“添加”标识。可以理解的是，该反馈标识可以包括图像、文字，或者两者的结合，或者其他。当判断滑动轨迹的滑动距离达到第一预设阈值时，再响应单元144判断该滑动方向是否相同，且滑动距离是否达到第二预设阈值。当判断滑动距离达到第二预设阈值时，响应单元144响应滑动事件。。例如，当滑动事件为删除操作时，则将操作的元素放置预先指定的第一列表(例如，不喜欢的列表)中；当滑动事件为添加操作时，则将操作的元素添加至预先指定的第二列表(例如，喜欢的列表)中。同时更新单元145将所述元素从当前展示模式的元素库中删除，以便该元素部再展示在移动终端的显示触摸屏上。可以理解的是，也可以加强处理的效果，例如在对元素进行操作时，可以控制所操作的元素随着滑动方向同时滑动，然后滑出显示触摸屏的显示界面，进而将操作的元素放置于与所述滑动事件对应的预先指定的位置。
[0107]进一步地，如图16所示，上述页面元素的处理装置还包括展开模式处理模块150，且该展开模式处理模块150包括:
[0108]侦测单元151，用于侦测所述元素的显示区域中控件触发事件；
[0109]反馈标识显示单元152，用于显示所述控件触发事件对应的反馈标识；
[0110]响应单元153，用于响应所述控件触发事件；
[0111]更新单元154，用于将所述元素从当前展示模式的元素库中删除。
[0112]本实施例中，在以展开模式展示元素时，该展开模式上具有相应的按钮。该按钮包括固定按钮或浮动按钮。用户可以触发该按钮，以控制移动终端进行相应的操作。因此，显示屏侦测到该元素的显示区域中的控件触发事件，将其发送至侦测单元151，以供移动终端响应所述控件触发事件。侦测到控件触发事件时，反馈标识显示单元152将从存储器102中指定位置获取滑动方向对应的反馈标识，并显示所述反馈标识。例如当控件触发事件为删除操作时，则反馈标识为“删除”标识，当控件触发事件为添加操作时，则反馈标识为“添力口”标识。响应单元153还将响应该控件触发事件。具体为:将操作元素放置于与所述控件触发事件对应的预先指定的位置。同时，更新单元154还将所述元素从当前展示模式的元素库中删除，以便该元素部再展示在移动终端的显示触摸屏上。可以理解的是，也可以加强处理的效果，例如在对元素进行操作时，可以控制所操作的元素随着控件触发事件对应的动作移动，然后移出显示触摸屏的显示界面，进而将操作的元素放置于与所述滑动事件对应的预先指定的位置。
[0113]可以理解的是，上述列表模式处理模块140中各功能单元与展开模式处理模块150中各功能单元可以由同一单元实现。例如，列表模式处理模块140中的反馈标识显示单元143与展开模式处理模块150的反馈标识显示单元152可以由同一显示单元实现。
[0114]以上所述仅为本发明的优选实施例，并非因此限制其专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
【主权项】
1.一种页面元素的处理方法，其特征在于，应用于移动终端，所述页面元素的处理方法包括以下步骤: 侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素； 以列表模式或展开模式依次展示所搜索到的元素； 侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。2.如权利要求1所述的页面元素的处理方法，其特征在于，所述侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素包括: 侦测到元素搜索请求时，获取元素搜索请求中的搜索对象及搜索范围； 在搜素范围内进行搜索，获得与所述搜素对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息； 为所获得的元素分配相应的标识。3.如权利要求2所述的页面元素的处理方法，其特征在于，所述切换后的模式依次展示切换前的模式中所展示的元素包括: 由列表模式切换至展开模式时，按照列表模式所显示元素的标识的顺序，以展开模式依次显示元素的第一信息和第二信息； 由展开模式切换至列表模式时，按照展开模式所显示元素的标识的顺序，以列表模式依次显示元素的第一信息。4.如权利要求1-3任一项所述的页面元素的处理方法，其特征在于，所述以列表模式依次展示所搜索到的元素之后还包括: 侦测所述元素的显示区域的滑动事件； 当滑动距离达到第一预设阈值时，确定滑动方向； 获得所述滑动方向对应的反馈标识，显示所述反馈标识； 当滑动距离达到第二预设阈值时，响应所述滑动事件； 将所述元素从页面中删除。5.如权利要求1-3任一项所述的页面元素的处理方法，其特征在于，所述以展开模式依次展示所搜索到的元素之后还包括: 侦测所述元素的显示区域中控件触发事件； 显示所述控件触发事件对应的反馈标识，同时响应所述控件触发事件； 将所述元素从页面中删除。6.一种页面元素的处理装置，其特征在于，应用于移动终端，所述页面元素的处理装置包括: 搜索模块，用于侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素； 模式展示模块，用于以列表模式或展开模式依次展示所搜索到的元素； 模式切换模块，用于侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。7.如权利要求6所述的页面元素的处理装置，其特征在于，所述搜索模块包括: 搜索信息获取单元，用于侦测到元素搜索请求时，获取元素搜索请求中的搜索对象及搜索范围； 搜索单元，用于在搜素范围内进行搜索，获得与所述搜素对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息； 标识单元，用于为所获得的元素分配相应的标识。8.如权利要求7所述的页面元素的处理装置，其特征在于，所述模式切换模块用于: 由列表模式切换至展开模式时，按照列表模式所显示元素的标识的顺序，以展开模式依次显示元素的第一信息和第二信息； 由展开模式切换至列表模式时，按照展开模式所显示元素的标识的顺序，以列表模式依次显示元素的第一信息。9.如权利要求6-8任一项所述的页面元素的处理装置，其特征在于，还包括列表模式处理模块，且所述列表模式处理模块包括: 侦测单元，用于侦测所述元素的显示区域的滑动事件； 滑动方向确定单元，用于当滑动距离达到第一预设阈值时，确定滑动方向； 反馈标识显示单元，用于获得所述滑动方向对应的反馈标识，显示所述反馈标识； 响应单元，用于当滑动距离达到第二预设阈值时，响应所述滑动事件； 更新单元，用于将所述元素从页面中删除。10.如权利要求6-8任一项所述的页面元素的处理装置，其特征在于，还包括展开模式处理模块，且所述展开模式处理模块包括: 侦测单元，用于侦测所述元素的显示区域中控件触发事件； 反馈标识显示单元，用于显示所述控件触发事件对应的反馈标识； 响应单元,用于响应所述控件触发事件； 更新单元，用于将所述元素从页面中删除。
【专利摘要】本发明公开一种页面元素的处理方法，包括：侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素；以列表模式或展开模式依次展示所搜索到的元素；侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。本发明还公开一种页面元素的处理装置。本发明实现了对位置相关联的元素进行搜索后，以列表模式与展开模式进行展示，而且还实现了列表模式和展开模式之间进行切换时，不再需要重新搜索，而且还可以准确定位至切换前用户所浏览的位置，从而提高浏览效率。
【IPC分类】G06F3/0482, G06F17/30, G06F3/0488
【公开号】CN105488057
【申请号】CN201410476417
【发明人】刘培
【申请人】腾讯科技（深圳）有限公司
【公开日】2016年4月13日
【申请日】2014年9月17日
【技术领域】
[0001]本发明涉及计算机技术领域，尤其涉及页面元素的处理方法及装置。
【背景技术】
[0002]随着网络的快速发展，人们可以在网络上发布自己希望分享给其他人的照片或文字等等，也可以在网络上浏览其他用户的信息。
[0003]为了方便用户的信息浏览，在浏览过程中提供了多种浏览模式，用户可以根据需要选择自己喜欢的模式进行浏览。但是用户在浏览的过程中，若进行模式切换时，需要重新进行搜索，并以切换后的模式显示搜索到的信息，而无法定位到切换前的模式时用户所浏览的位置，如此不便于用户的信息浏览。
【发明内容】
[0004]本发明实施例的主要目的旨在解决现有技术中进行页面元素浏览的过程中，无法保证浏览效率的技术问题。
[0005]为实现上述目的，本发明实施例提供了一种页面元素的处理方法，应用于移动终端，所述页面元素的处理方法包括以下步骤:
[0006]侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素；
[0007]以列表模式或展开模式依次展示所搜索到的元素；
[0008]侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。
[0009]此外，为实现上述目的，本发明实施例还提供了一种页面元素的处理装置，应用于移动终端，所述页面元素的处理装置包括:
[0010]搜索模块，用于侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素；
[0011]模式展示模块，用于以列表模式或展开模式依次展示所搜索到的元素；
[0012]模式切换模块，用于侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。
[0013]本发明实施例实现了对位置相关联的元素进行搜索后，以列表模式与展开模式进行展示，而且还实现了列表模式和展开模式之间进行切换时，不再需要重新搜索，而且还可以准确定位至切换前用户所浏览的位置，从而提高浏览效率。
【附图说明】
[0014]图1为本发明页面元素的处理方法所应用的移动终端与服务器的通讯结构示意图；
[0015]图2为本发明页面元素的处理方法所应用的移动终端的硬件结构示意图；
[0016]图3为本发明页面元素的处理方法第一实施例的流程示意图；
[0017]图4为图3中根据元素搜素请求进行搜索的细化流程示意图；
[0018]图5为本发明页面元素的处理方法第二实施例的流程示意图；
[0019]图6为本发明页面元素的处理方法第三实施例的流程示意图；
[0020]图7为本发明页面元素的处理方法中以“附近的人”为例进行应用的设置的操作示例图；
[0021]图8为本发明页面元素的处理方法中以“附近的人”为例对搜素到的页面元素进行展示及模式切换的操作示例图；
[0022]图9为本发明页面元素的处理方法中以“附近的人”为例在列表模式下时，进行滑动操作的一操作示例图；
[0023]图10为本发明页面元素的处理方法中以“附近的人”为例在列表模式下时，进行滑动操作的另一操作示例图；
[0024]图11为本发明页面元素的处理方法中以“附近的人”为例在展开模式下时，进行按钮触发操作的一操作示例图；
[0025]图12为本发明页面元素的处理方法中以“附近的人”为例在展开模式下时，进行按钮触发操作的另一操作示例图；
[0026]图13为本发明页面元素的处理装置第一实施例的功能模块示意图；
[0027]图14为图13中搜索模块的细化功能模块示意图；
[0028]图15为本发明页面元素的处理装置第二实施例中列表模式处理模块的细化功能丰旲块不意图；
[0029]图16为本发明页面元素的处理装置第三实施例中展开模式处理模块的细化功能模块示意图。
[0030]本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
【具体实施方式】
[0031]以下结合说明书附图及具体实施例进一步说明本发明的技术方案。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0032]本发明的核心思想是在页面元素进行搜索后，不但可以实现列表模式与展开模式的元素展示，而且还可以实现列表模式和展开模式之间进行切换时，不再需要重新搜索，而且可以准确定位至切换前用户所浏览的位置，从而提高浏览效率。其中列表模式用于展示元素的少量信息，展开模式用于展示元素的大量信息。此处的元素可以为附近的人，或者附近的物，例如社交群组、餐厅、团购券等等。当然不一定是附近的，也可以为指定的某一位置范围内。
[0033]如图1所示，以附近的人为例，移动终端A可以发起附近的人搜索请求。服务器则根据所述搜索请求，先对移动终端进行定位或者获取移动终端输入的当前位置信息，然后进行搜索附近的移动终端，当然搜索到的移动终端必须开启相应的功能，以使其他的移动终端可以搜索到。然后服务器获取搜索到的移动终端的信息，例如移动终端的类型及用户名称，并将所述信息展示在移动终端A的显示屏上，以供用户进行查看。此处，默认先以列表模式进行展示。该列表模式下，仅展示移动终端的用户名及用户头像。因此，用户在移动终端A的显示屏上即可根据用户头像及用户名作出判断，并进行相应的操作，例如加为好友或删除等等。可以理解的是，上述展示顺序可以按照距离从近到远依次展示，也可以按照其他顺序进行显示。
[0034]上述附近的人的搜索还可以为搜索移动终端上运行的社交应用的账户。服务器则为该社交应用服务器，通过服务器搜索该移动终端附近运行着该社交应用的移动终端。当然，该移动终端必须运行同一类的社交应用，同时开启了供其他移动终端搜索的功能。
[0035]以团购券为例，移动终端A可以发起团购券搜素请求，并选择搜索的位置为地点B，团购类型为美食。服务器则根据所述搜索请求，进行搜索标注为地点B的所有的美食团购券。然后服务器获取搜索到的美食团购券的信息，并将所述信息展示在移动终端A的显示屏上，以供用户进行查看。此处，默认以列表模式进行展示。该列表模式下，仅展示美食团购券的餐馆名、餐馆图片及地点等信息。因此，用户在移动终端A的显示屏上即可根据所展示的信息作出判断，并进行相应的操作，例如留存或删除等等。可以理解的是，上述展示顺序可以按照距离从近到远依次展示，也可以按照其他顺序进行展示。
[0036]上述移动终端是指可以在移动中使用的计算机设备，例如手机、平板电脑、ipad、掌上电脑等等。如图2所示，该移动终端可包括处理器101、存储器102、用户输入模块103、显示模块104、网络通讯模块105、GPS定位模块106以及通信总线107。通信总线107用于终端中各组成部件之间的通信。用户输入模块103可以包括键盘、鼠标、触摸屏等组件，用于接收用户输入的信息，并将接收的信息发送至处理器101进行处理。显示模块104则可以为IXD显示屏、LED显示屏，用于显示终端需要显示的数据。可以理解的是，用户输入模块103与显示模块104可以由一触摸显示屏组合在一起，既实现接收用户输入信息，又达到显示的目的。网络通讯模块105用于实现终端与外部设备进行互相通讯，该网络通讯模块105可包括RS232模块、射频模块、WIFI模块等等。GPS定位模块106用于移动终端的定位，具体可为:该GPS定位模块106通过网络通讯模块105与卫星定位系统通讯，以获取移动终端的当前位置。存储器102可以包括一个或一个以上计算机可读存储介质，而且其不但包括内部存储器，还包括外部存储器。该存储器中存储有操作系统及页面元素处理系统等等。当然，该页面元素处理系统可以应用于各社交应用软件中，也可以直接应用于浏览器等页面浏览软件中，还可以直接应用于移动终端。处理器101将调用存储器中的页面元素处理系统进行页面元素的搜索，并对搜索到的页面的展示进行处理。
[0037]本发明基于上述移动终端，利用处理器101调用存储器102中的页面元素处理系统，以实现页面元素在两种模式下的展示及两种模式之间的切换。如图3所示，该页面元素的处理方法包括以下步骤:
[0038]步骤S110、侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素；
[0039]首先移动终端启动搜索功能，供用户选择要搜索的元素，例如附近的人或物，或者某一范围的人或物，然后移动终端接收用户所选择的搜素元素，并向服务器发起元素搜索请求，以供服务器搜索与搜索元素匹配且所在位置落入搜索范围内元素。或者，移动终端启动社交应用软件，然后启动社交应用软件中的搜索功能，以供用户选择要搜索的元素。可以理解的是，移动终端也可以通过wif1、射频、蓝牙等近距离通讯方式进行元素搜索。
[0040]步骤S120、以列表模式或展开模式依次展示所搜索到的元素；
[0041]当搜索到元素后，移动终端将从服务器中获取所搜索到的元素或者移动 终端接收服务器返回的元素。例如处理器101调用网络通讯模块105与服务器进行通讯，接收服务器返回的所搜索到的元素。然后处理器101可以调用显示模块104对所述元素进行展示。本实施例中，在搜索到元素时，默认以列表模式进行展示。
[0042]步骤S130、侦测到页面中元素的模式切换请求时，以切换后模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。
[0043]在移动终端以列表模式展示所搜索到的元素时，用户可以将当前的列表模式切换至展开模式。在移动终端以展开模式展示所搜索到的元素时，用户可以将当前的展开模式切换至列表模式。以列表模式切换至展开模式为例，侦测到页面中元素的模式切换请求时，将获取列表模式中所展示的所有元素及元素的展示顺序，然后以展开模式按照所获取的元素的展示顺序依次展示所获取的所有元素。同时，还将控制模式切换请求对应的元素显示在当前页面中。由于展开模式是展开列表模式中元素的详细信息，因此，当用户希望切换到展开模式，以查看当前查看的元素的详细信息时，则可以发起模式切换请求，移动终端接收到该模式切换请求后，则将展示模式由列表模式切换至展开模式，同时还将当前页面展示切换前用户所浏览的元素的详细信息。
[0044]以展开模式切换至列表模式为例，侦测到页面中元素的模式切换请求时，将获取展开模式中所展示的所有元素及元素的展示顺序，然后以列表模式按照所获取的元素的展示顺序依次展示所获取的所有元素。同时，还将控制模式切换请求对应的元素显示在当前页面中。为了保证切换后的顺畅、自然效果，移动终端在接收到该模式切换请求后，则将展示模式由展开模式切换至列表模式，同时还将当前页面展示切换前用户所浏览的元素的详细信息。
[0045]本实施例中，由列表模式切换至展开模式的模式切换请求为单击元素显示区域。即在列表模式下，若用户单击希望切换的元素的显示区域，就可以触发模式切换。当然，也可以有其他方式，例如双击、或者在元素的显示区域设置一按钮。按按钮可以为固定按钮，也可以为浮动按钮。
[0046]本发明实施例实现了对位置相关联的元素进行搜索后，以列表模式与展开模式进行展示，而且还实现了列表模式和展开模式之间进行切换时，不再需要重新搜索，而且还可以准确定位至切换前用户所浏览的位置，从而提高浏览效率。
[0047]进一步地,如图4所示,上述步骤S110包括:
[0048]步骤S111、侦测到元素搜索请求时，获取元素搜索请求中的搜索对象及搜索范围；
[0049]在发起元素搜素请求时，将选择要搜索的搜素对象及搜素范围。若搜索范围为缺省状态，则将移动终端的当前位置作为搜索范围。因此，移动终端侦测到元素搜素请求时，将获取元素搜索请求中的搜素对象及搜索范围。
[0050]步骤S112、在搜素范围内进行搜索，获得与所述搜素对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息；
[0051]获取到元素搜索请求中的搜索对象及搜索范围后，移动终端将启动搜索功能，在搜索范围内进行搜索。或者移动终端将搜索范围及搜索对象发送至服务器，以供服务器在搜索范围内进行搜索，获得与所述搜索对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息。该第一信息为元素的基本信息，供用户浏览时可以高效直观地浏览，例如用户的头像、照片等等。而第二信息则为元素的详细信息，供展开时方便用户详细浏览，例如用户的联系方式、兴趣爱好等等。
[0052]步骤S113、为所获得的元素分配相应的标识。
[0053]搜索到元素后，将为所获得的元素分配相应的标识，例如编号或者ID，以供移动终端根据所述ID的顺序进行展示。例如，移动终端按照元素的标识的顺序，以列表模式依次显示元素的第一信息。当切换至展开模式时，移动终端先获取列表模式中所显示的所有元素的ID，然后按照该元素的ID的顺序，以展开模式依次显示元素的第一信息和第二信息。
[0054]进一步地，如图5所示，示出了本发明页面元素的处理方法第三实施例。该实施例中，上述步骤S120中以列表模式展示所搜索到的元素的步骤之后还包括:
[0055]步骤S140、侦测所述元素的显示区域的滑动事件；
[0056]本实施例中，显示模块104可以包括显示触摸屏，显示触摸屏可以侦测显示触摸屏上的触控操作，并将侦测到的触控操作发送至处理器101，以供处理器101响应所述触控操作。
[0057]步骤S150、当滑动距离达到第一预设阈值时，确定滑动方向；
[0058]当侦测到显示触摸屏被按压，且发生滑动事件时，记录对应的滑动轨迹，并将所记录的滑动轨迹发送至处理器101。然后处理器101则开始判断滑动距离是否达到第一预设阈值，当判断滑动距离达到第一预设阈值时，则确定滑动方向。
[0059]步骤S160、获得所述滑动方向对应的反馈标识，显示所述反馈标识；
[0060]处理器101确定滑动方向后，将从存储器102中获取滑动方向对应的反馈标识，并显示所述反馈标识。该反馈标识用于反映滑动事件对应的操作，例如当滑动事件为删除操作时，则对应的反馈标识为“删除”标识，当滑动事件为添加操作时，则对应的反馈标识为“添加”标识。可以理解的是，该反馈标识可以包括图像、文字，或者两者的结合，或者其他。
[0061]步骤S170、当滑动距离达到第二预设阈值时，响应所述滑动事件；
[0062]当处理器101判断滑动轨迹的滑动距离达到第一预设阈值时，再判断该滑动方向是否相同，且滑动距离是否达到第二预设阈值。当处理器101判断滑动距离达到第二预设阈值时，响应滑动事件。例如，当滑动事件为删除操作时，则将操作的元素放置预先指定的第一列表(例如，不喜欢的列表)中；当滑动事件为添加操作时，则将操作的元素添加至预先指定的第二列表(例如，喜欢的列表)中。
[0063]步骤S180、将所述元素从当前展示模式的元素库中删除。
[0064]当所述元素从当前展示模式的元素库中删除，以便该元素部不再展示在移动终端的显示触摸屏上。可以理解的是，也可以加强处理的效果，例如在对元素进行操作时，可以控制所操作的元素随着滑动方向同时滑动，然后滑出显示触摸屏的显示界面，进而将操作的元素放置于与所述滑动事件对应的预先指定的位置。
[0065]进一步地，如图6所示，示出了本发明页面元素的处理方法第四实施例。该实施例，上述步骤S120中以展开模式展示所搜索到的元素的步骤之后包括:
[0066]步骤S190、侦测所述元素的显示区域中控件触发事件；
[0067]本实施例中，在以展开模式展示元素时，该展开模式上具有相应的按钮。该按钮包括固定按钮或浮动按钮。用户可以触发该按钮，以控制移动终端进行相应的操作。因此，显示模块104侦测到该元素的显示区域中的控件触发事件，将其发送至处理器101，以供处理器101响应所述控件触发事件。
[0068]步骤S200、显示所述控件触发事件对应的反馈标识，同时响应所述控件触发事件;
[0069]处理器101接收到显示模块104发送的控件触发事件时，将从存储器102中获取控件触发事件对应的反馈标识，并显示所述反馈标识。例如当控件触发事件为删除操作时，则反馈标识为“删除”标识，当控件触发事件为添加操作时，则反馈标识为“添加”标识。在显示所述反馈标识的同时，还将响应该控件触发事件。具体为:将操作元素放置于与所述控件触发事件对应的预先指定的位置。
[0070]步骤S210、将所述元素从当前展示模式的元素库中删除。
[0071]当所述元素从当前展示模式的元素库中删除，以便该元素部不再展示在移动终端的显示触摸屏上。可以理解的是，也可以加强处理的效果，例如在对元素进行操作时，可以控制所操作的元素随着控件触发事件对应的动作移动，然后移出显示触摸屏的显示界面，进而将操作的元素放置于与所述滑动事件对应的预先指定的位置。
[0072]下面将以一社交应用软件的“附近的人”功能对上述页面元素的处理方法进行相应的描述。
[0073]首先，移动终端上需要安装有社交应用软件，且该社交应用软件具有附近的人功能。然后用户输入账号及密码，以登录该社交应用。移动终端将该账号及密码发送至服务器进行验证，验证通过后允许该用户登录。同时服务器上将记录该用户的登录信息。这里，用户可以使用社交应用软件的账号进行登录，也可以使用社交应用软件允许使用的其他应用软件的账号进行登录。
[0074]用户登录成功后，即可在该社交应用软件中设置相应的功能。如图7所示，可以设置“对附近的人可见”的功能(如图7中的虚线框所标注的内容中打勾)，当用户设置该功能时，其他用户可以通过“附近的人”功能搜索到自己，自己也可以通过“附近的人”搜索到附近的其他用户。
[0075]用户退出设置界面后，将返回到社交应用软件的主界面，并可启动“附近的人”功能。移动终端则可以侦测到该用户发起的“附近的人”功能，然后将产生搜索请求，并将该搜索请求发送至服务器。由于服务器存储有所有登录成功的用户的登录信息，因此服务器接收到该搜索请求后，先获取发起搜素请求的用户所在的位置，例如地点A。然后服务器搜 索数据库，获取所有位于地点A附近的用户的用户信息，然后将获取的用户信息返回至用户所在的移动终端，以供用户进行查看。
[0076]由于本实施例中，在进行“附近的人”搜索后，返回的信息是以列表模式进行展示。如图8所示，返回的信息将以列表形式依次显示在移动终端的显示屏上。例如B1区域中用于显示一个用户的信息。当用户单击B1区域中时，则将由列表模式切换至展开模式。在该展开模式时，将以大图的方式显示用户1的详细信息。上述实施例中，列表模式下所显示的用户信息可以为用户的头像或照片。在该列表模式下浏览，使得用户可以直观、高效地浏览。若用户需要了解该用户的详细信息，可以单击该用户的显示区域，从而切换至展开模式，在该模式下时，可以了解用户的详细信息，例如用户名、性别、年龄、行业、爱好等等。
[0077]若用户希望由展开模式切换回列表模式，则可以在展开模式下双击用户1所在的显示区域B2，就可以切换至列表模式，并控制当前页面中显示用户1的信息。可以理解的是，在列表模式或展开模式下，用户均可以通过在显示屏上滚动屏幕，以调整显示屏中所显示的页面，从而显示其他的用户信息。
[0078]下面将对列表模式下的操作过程进行描述。其中该列表模式下，预先设置向左滑动表示用户不喜欢该用户，对应的操作是将该用户信息添加至不喜欢的列表中或者直接丢弃；向右滑动表示用户喜欢该用户，对应的操作是将用户信息添加至喜欢的列表中或者加为好友等等。如图9所示，列表模式下，将以列表的方式依次显示所有搜索到的用户的信息。当用户喜欢该用户，以用户3为例，手指按压在该用户3的显示区域中，该用户3的显示区域将形成一图层，并被选中。当用户按住该用户3的显示区域向右滑动时，该用户3的显示区域也将随着一起滑动，且在滑动到第一距离时，该显示区域中将显示反馈标识(即表示喜欢的“笑脸”)。当用户按住该用户3的显示区域继续向右滑动，且滑动到第二距离后放手，就形成了一个完整的滑动事件。此时移动终端根据该滑动事件，将用户3添加至喜欢的列表中或者加为好友等等。同时，移动终端还将控制下面的用户信息上移，显示在当前页面中。
[0079]如图10所示，用户对不喜欢的用户进行向左滑动操作时的过程与向右滑动的操作过程基本一致，区别仅在于:在滑动过程中，所显示的反馈标识为表示不喜欢的“哭脸”；移动终端根据该滑动操作，将用户3添加至不喜欢的列表中或者删除等等。同时移动终端还将控制下面的用户信息上移，显示在当前页面中。
[0080]下面将对展开模式下的操作过程进行描述。其中该展开模式下，预先设置两个按钮，一个为“喜欢”按钮，一个为“不喜欢”按钮，“不喜欢”按钮对应的操作是将该用户信息添加至不喜欢的列表中或者直接丢弃；“喜欢”按钮对应的操作是将用户信息添加至喜欢的列表中或者加为好友等等。如图11所示，展开模式下，将以大图的方式依次显示列表模式下所展示的所有用户的信息。而且该展开模式中用户的显示区域中具有两个按钮。当用户单击“不喜欢”按钮，移动终端将响应该操作，该用户1的显示区域将形成一图层，并控制该图层向左翻转，直至移出当前页面。同时移动终端还将控制下面的用户信息上移，显示在当前页面中。移动终端在响应的过程中，还将在该页面中显示反馈标识(即表示不喜欢的“哭脸”)。
[0081]如图12所示，用户单击“喜欢”按钮时，移动终端的响应过程与单击“不喜欢”按钮时的响应过程基本一致，区别仅在于:在移动终端的响应过程中，所显示的反馈标识为表示喜欢的“哭脸”;移动终端根据该“喜欢”按钮的单击操作，将用户1添加至喜欢的列表中或者加为好友等等。同时移动终端还将控制下面的用户信息上移，显示在当前页面中。
[0082]由上述列表模式及展开模式的过程描述可知，用户在进行页面元素浏览时，可以根据自己喜欢的模式进行浏览。另外，两个模式下均可以进行相应的操作，而且操作的交互自然、顺畅，不但方便了用户操作，而且还使得用户在操作时不会因为模式的切换而不适应。
[0083]可以理解的是，若用户还希望了解用户的更详细的信息，还可以在展开模式下，单击该用户信息的显示区域，进而进入用户对应的主页面。
[0084]对应地，提出本发明一种页面元素的处理装置。如图13所示，该实施例的页面元素的处理装置包括:
[0085]搜索模块110，用于侦测到元素搜索请求时，根据所述元素搜索请求进行搜索；
[0086]模式展示模块120，用于以列表模式或展开模式依次展示所搜索到的元素；
[0087]模式切换模块130，用于侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。
[0088]首先移动终端启动搜索功能，供用户选择要搜索的元素，例如附近的人或物，或者某一范围的人或物，然后移动终端的搜索模块接收用户所选择的搜素元素，并向服务器200发起元素搜索请求，以供服务器进行搜索。或者，移动终端启动社交应用软件，然后启动社交应用软件中的搜索功能，以供用户选择要搜索的元素。可以理解的是，移动终端也可以通过wif1、射频、蓝牙等近距离通讯方式进行元素搜索。
[0089]当搜索到元素后，移动终端将从服务器中获取所搜索到的元素或者移动终端接收服务器返回的元素。例如处理器101调用网络通讯模块105与服务器进行通讯，接收服务器返回的所搜索到的元素。然后处理器101可以调用显示模块104对所述元素进行展示。本实施例中，在搜索到元素时，默认以列表模式进行展示。
[0090]在移动终端以列表模式展示所搜索到的元素时，用户可以将当前的列表模式切换至展开模式。因此，侦测到页面中元素的模式切换请求时，将获取列表模式中所展示的所有元素及元素的展示顺序，然后以展开模式按照所获取的元素的展示顺序依次展示所获取的所有元素。同时，还将控制模式切换请求对应的元素显示在当前页面中。由于展开模式是展开列表模式中元素的详细信息，因此，当用户希望切换到展开模式，以查看当前查看的元素的详细信息时，则可以发起模式切换请求，移动终端接收到该模式切换请求后，则将展示模式由列表模式切换至展开模式，同时还将当前页面展示用户希望切换的那个元素的详细信息。
[0091]本实施例中，由列表模式切换至展开模式的模式切换请求为单击元素显示区域。即在列表模式下，若用户单击希望切换的元素的显示区域，就可以出发模式切换。当然，也可以有其他方式，例如双击、或者在元素的显示区域设置一按钮。按按钮可以为固定按钮，也可以为浮动按钮。
[0092]本发明实施例中，通过在进行模式切换时，将保持切换前一模式的元素的展示顺序，以后一模式展示时，按展示顺序依次展示前一模式所展示的所有元素，从而可以使得两种模式切换时顺畅、自然。
[0093]进一步地，在移动终端以展开模式展示搜索到的元素时，用户可以将当前的展开模式切换至列表模式。因此，侦测到页面中元素的模式切换请求时，将获取展开模式中所展示的所有元素及元素的展示顺序，然后以列表模式按照所获取的元素的展示顺序依次展示所获取的所有元素。同时，还将控制模式切换请求对应的元素显示在当前页面中。为了保证切换后的顺畅、自然效果，移动终端在接收到该模式切换请求后，则将展示模式由展开模式切换至列表模式，同时还将当前页面展示用户希望切换的那个元素的详细信息。
[0094]进一步地，如图14所示,上述搜索模块110包括:
[0095]搜索信息获取单元111，用于侦测到元素搜索请求时，获取元素搜索请求中的搜索对象及搜索范围；
[0096]搜索单元112，用于在搜素范围内进行搜索，获得与所述搜素对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息；
[0097]标识单元113，用于为所获得的元素分配相应的标识。
[0098]在发起元素搜素请求时，用户将选择要搜索的搜素对象及搜素范围。若搜索范围为缺省状态，则将移动终端的当前位置作为搜索范围。因此，移动终端侦测到元素搜素请求时，搜索信息获取单元111将获取元素搜索请求中的搜素对象及搜索范围。获取到元素搜索请求中的搜索对象及搜索范围后，移动终端的搜索单元112将启动搜索功能，在搜索范围内进行搜索。或者移动终端将搜索范围及搜索对象发送至服务器，以供服务器在搜索范围内进行搜索，获得与所述搜索对象匹配的元素及元素的第一信息和第二信息。该第一信息为元素的基本信息，供用户浏览时可以高效直观地浏览。而第二信息则为元素的详细信息，供展开时方便用户详细浏览。
[0099]搜索到元素后，标识单元113将为所获得的元素分配相应的标识，例如编号或者ID,以供移动终端根据所述ID的顺序进行展示。例如，移动终端按照元素的标识的顺序，以列表模式依次显示元素的第一信息。当切换至展开模式时，移动终端先获取列表模式中所显示的所有元素的ID，然后按照该元素的ID的顺序，以展开模式依次显示元素的第二信肩、Ο
[0100]进一步地，如图15所示，上述页面元素的处理装置还包括列表模式处理模块140，且该列表模式处理模块140可包括:
[0101]侦测单元141，用于侦测所述元素的显示区域的滑动事件；
[0102]滑动方向确定单元142，用于当滑动距离达 到第一预设阈值时，确定滑动方向；
[0103]反馈标识显示单元143,用于获得所述滑动方向对应的反馈标识，显示所述反馈标识；
[0104]响应单元144，用于当滑动距离达到第二预设阈值时，响应所述滑动事件；
[0105]更新单元145，用于将所述元素从当前展示模式的元素库中删除。
[0106]本实施例中，移动终端的显示触摸屏可以侦测显示触摸屏上的触控操作，并将侦测到的触控操作发送至处理器101，以供处理器101响应所述触控操作。当侦测到显示触摸屏被按压，且发生滑动事件时，将记录对应的滑动轨迹，并将所记录的滑动轨迹发送至侦测单元。然后滑动方向确定单元142则开始判断滑动距离是否达到第一预设阈值，当判断滑动距离达到第一预设阈值时，则滑动方向确定单元142确定滑动方向。确定滑动方向后，反馈标识显示单元将从存储器102中获取滑动方向对应的反馈标识，并显示所述反馈标识。该反馈标识用于反映滑动事件对应的操作，例如当滑动事件为删除操作时，则对应的反馈标识为一 “删除”标识，当滑动事件为添加操作时，则对应的反馈标识为一“添加”标识。可以理解的是，该反馈标识可以包括图像、文字，或者两者的结合，或者其他。当判断滑动轨迹的滑动距离达到第一预设阈值时，再响应单元144判断该滑动方向是否相同，且滑动距离是否达到第二预设阈值。当判断滑动距离达到第二预设阈值时，响应单元144响应滑动事件。。例如，当滑动事件为删除操作时，则将操作的元素放置预先指定的第一列表(例如，不喜欢的列表)中；当滑动事件为添加操作时，则将操作的元素添加至预先指定的第二列表(例如，喜欢的列表)中。同时更新单元145将所述元素从当前展示模式的元素库中删除，以便该元素部再展示在移动终端的显示触摸屏上。可以理解的是，也可以加强处理的效果，例如在对元素进行操作时，可以控制所操作的元素随着滑动方向同时滑动，然后滑出显示触摸屏的显示界面，进而将操作的元素放置于与所述滑动事件对应的预先指定的位置。
[0107]进一步地，如图16所示，上述页面元素的处理装置还包括展开模式处理模块150，且该展开模式处理模块150包括:
[0108]侦测单元151，用于侦测所述元素的显示区域中控件触发事件；
[0109]反馈标识显示单元152，用于显示所述控件触发事件对应的反馈标识；
[0110]响应单元153，用于响应所述控件触发事件；
[0111]更新单元154，用于将所述元素从当前展示模式的元素库中删除。
[0112]本实施例中，在以展开模式展示元素时，该展开模式上具有相应的按钮。该按钮包括固定按钮或浮动按钮。用户可以触发该按钮，以控制移动终端进行相应的操作。因此，显示屏侦测到该元素的显示区域中的控件触发事件，将其发送至侦测单元151，以供移动终端响应所述控件触发事件。侦测到控件触发事件时，反馈标识显示单元152将从存储器102中指定位置获取滑动方向对应的反馈标识，并显示所述反馈标识。例如当控件触发事件为删除操作时，则反馈标识为“删除”标识，当控件触发事件为添加操作时，则反馈标识为“添力口”标识。响应单元153还将响应该控件触发事件。具体为:将操作元素放置于与所述控件触发事件对应的预先指定的位置。同时，更新单元154还将所述元素从当前展示模式的元素库中删除，以便该元素部再展示在移动终端的显示触摸屏上。可以理解的是，也可以加强处理的效果，例如在对元素进行操作时，可以控制所操作的元素随着控件触发事件对应的动作移动，然后移出显示触摸屏的显示界面，进而将操作的元素放置于与所述滑动事件对应的预先指定的位置。
[0113]可以理解的是，上述列表模式处理模块140中各功能单元与展开模式处理模块150中各功能单元可以由同一单元实现。例如，列表模式处理模块140中的反馈标识显示单元143与展开模式处理模块150的反馈标识显示单元152可以由同一显示单元实现。
[0114]以上所述仅为本发明的优选实施例，并非因此限制其专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
【主权项】
1.一种页面元素的处理方法，其特征在于，应用于移动终端，所述页面元素的处理方法包括以下步骤: 侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素； 以列表模式或展开模式依次展示所搜索到的元素； 侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。2.如权利要求1所述的页面元素的处理方法，其特征在于，所述侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素包括: 侦测到元素搜索请求时，获取元素搜索请求中的搜索对象及搜索范围； 在搜素范围内进行搜索，获得与所述搜素对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息； 为所获得的元素分配相应的标识。3.如权利要求2所述的页面元素的处理方法，其特征在于，所述切换后的模式依次展示切换前的模式中所展示的元素包括: 由列表模式切换至展开模式时，按照列表模式所显示元素的标识的顺序，以展开模式依次显示元素的第一信息和第二信息； 由展开模式切换至列表模式时，按照展开模式所显示元素的标识的顺序，以列表模式依次显示元素的第一信息。4.如权利要求1-3任一项所述的页面元素的处理方法，其特征在于，所述以列表模式依次展示所搜索到的元素之后还包括: 侦测所述元素的显示区域的滑动事件； 当滑动距离达到第一预设阈值时，确定滑动方向； 获得所述滑动方向对应的反馈标识，显示所述反馈标识； 当滑动距离达到第二预设阈值时，响应所述滑动事件； 将所述元素从页面中删除。5.如权利要求1-3任一项所述的页面元素的处理方法，其特征在于，所述以展开模式依次展示所搜索到的元素之后还包括: 侦测所述元素的显示区域中控件触发事件； 显示所述控件触发事件对应的反馈标识，同时响应所述控件触发事件； 将所述元素从页面中删除。6.一种页面元素的处理装置，其特征在于，应用于移动终端，所述页面元素的处理装置包括: 搜索模块，用于侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素； 模式展示模块，用于以列表模式或展开模式依次展示所搜索到的元素； 模式切换模块，用于侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。7.如权利要求6所述的页面元素的处理装置，其特征在于，所述搜索模块包括: 搜索信息获取单元，用于侦测到元素搜索请求时，获取元素搜索请求中的搜索对象及搜索范围； 搜索单元，用于在搜素范围内进行搜索，获得与所述搜素对象匹配、且所在位置落入搜索范围内的元素及元素的第一信息和第二信息； 标识单元，用于为所获得的元素分配相应的标识。8.如权利要求7所述的页面元素的处理装置，其特征在于，所述模式切换模块用于: 由列表模式切换至展开模式时，按照列表模式所显示元素的标识的顺序，以展开模式依次显示元素的第一信息和第二信息； 由展开模式切换至列表模式时，按照展开模式所显示元素的标识的顺序，以列表模式依次显示元素的第一信息。9.如权利要求6-8任一项所述的页面元素的处理装置，其特征在于，还包括列表模式处理模块，且所述列表模式处理模块包括: 侦测单元，用于侦测所述元素的显示区域的滑动事件； 滑动方向确定单元，用于当滑动距离达到第一预设阈值时，确定滑动方向； 反馈标识显示单元，用于获得所述滑动方向对应的反馈标识，显示所述反馈标识； 响应单元，用于当滑动距离达到第二预设阈值时，响应所述滑动事件； 更新单元，用于将所述元素从页面中删除。10.如权利要求6-8任一项所述的页面元素的处理装置，其特征在于，还包括展开模式处理模块，且所述展开模式处理模块包括: 侦测单元，用于侦测所述元素的显示区域中控件触发事件； 反馈标识显示单元，用于显示所述控件触发事件对应的反馈标识； 响应单元,用于响应所述控件触发事件； 更新单元，用于将所述元素从页面中删除。
【专利摘要】本发明公开一种页面元素的处理方法，包括：侦测到元素搜索请求时，根据所述元素搜索请求搜索与位置信息相关联的元素；以列表模式或展开模式依次展示所搜索到的元素；侦测到页面中元素的模式切换请求时，以切换后的模式依次展示切换前的模式中所展示的元素，且所述模式切换请求触发时所选中的元素显示在当前页面中。本发明还公开一种页面元素的处理装置。本发明实现了对位置相关联的元素进行搜索后，以列表模式与展开模式进行展示，而且还实现了列表模式和展开模式之间进行切换时，不再需要重新搜索，而且还可以准确定位至切换前用户所浏览的位置，从而提高浏览效率。
【IPC分类】G06F3/0482, G06F17/30, G06F3/0488
【公开号】CN105488057
【申请号】CN201410476417
【发明人】刘培
【申请人】腾讯科技（深圳）有限公司
【公开日】2016年4月13日
【申请日】2014年9月17日
最新回复(0)