CN107066258A - 一种页面标识图像更新方法及系统 - Google Patents

Abstract

本发明提供一种页面标识图像更新方法及系统，所述的方法包括：S1，获取预先配置的页面的数量；S2，根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；S3，将配置的所述页面标识图像布局到ViewPager空间中；S4，当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。通过本发明，可根据配置的页面的不同数量，动态配置与页面一一对应的页面标识图像的数量，通过监听ViewPager空间中当前页面状态发生变化的信息，更新对应的页面标识图像的状态，无需关注中间过程，只需要关注ViewPager空间中页面的最终变化结果即可。

Description

一种页面标识图像更新方法及系统

技术领域

本发明涉及页面更新领域，更具体地，涉及一种页面标识图像更新方法及系统。

背景技术

在开发过程中会经常使用到ViewPager这个控件，ViewPager这个控件主要是一个可滑动的容器，在ViewPager中的页面可以实现左右滑动等功能。在ViewPager的左右滑动功能中经常需要知道滑动到哪一个页面了。目前，通常的做法是在页面的下方增加页面标识图像并标明当前页面标识图像所在的位置，来确定对应的页面的位置。采用上述方式在确定当前页面标识图像所在位置的过程中，需要关注页面滑动距离，才能计算当前页面标识图像所在位置，非常繁琐，给用户的体验较差。

发明内容

本发明提供一种克服上述问题或者至少部分地解决上述问题的页面标识图像更新方法及系统。

根据本发明的一个方面，提供一种页面标识图像更新方法，包括：

S1，获取预先配置的页面的数量；

S2，根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；

S3，将配置的所述页面标识图像布局到ViewPager空间中；

S4，当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

根据本发明的另一个方面，还提供了一种页面标识图像更新系统，包括：

获取模块，用于获取预先配置的页面的数量；

配置模块，用于根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；

布局模块，用于将配置的所述页面标识图像布局到ViewPager空间中；

更新模块，用于当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

本发明的有益效果为：可根据配置的页面的不同数量，动态配置与页面一一对应的页面标识图像的数量，通过监听ViewPager空间中当前页面状态发生变化的信息，更新对应的页面标识图像的标记状态，无需关注中间过程，只需要关注ViewPager中页面的最终变化结果即可。

附图说明

图1本发明一个实施例的页面标识图像更新方法流程图；

图2为本发明另一个实施例的页面标识图像更新系统连接框图；

图3为页面标识图像更新系统整体连接框图；

图4为本发明又一个实施例的页面标识图像更新系统的测试设备结构框图。

具体实施方式

下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。

参见图1，为本发明一个实施例的页面标识图像更新方法，主要用于在ViewPager中的页面滑动的过程中，如何通过页面的滑动事件来更新与页面对应的页面标识图像的标记状态。本实施例提供的方法主要包括：S1，获取预先配置的页面的数量；S2，根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；S3，将所述页面标识图像布局到ViewPager空间中；S4，当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

在页面配置的过程中，ViewPager中有多少个页面通常是外部通过一个集合list传递进来的，可以通过集合list中的size()函数来获取到集合list()中页面的个数。当记录到页面的数量时，实例化一个图像空间ImageView的集合ImageView[]listImages，在listImages集合中的元素为页面标识图像，页面标识图像通常为小圆点，listImages集合中页面标识图像的数量与ViewPager中页面的数量相等，且页面标识图像与页面一一对应，页面标识图像的标记状态表示对应页面在ViewPager空间中的位置。

本实施例可根据预先配置的页面的数量，动态配置与页面一一对应的页面标识图像的数量，其中，页面标识图像的标记状态可标识对应页面的位置，并通过监听ViewPager空间中当前页面状态发生变化的信息，更新对应的页面标识图像的标记状态即可得知当前页面在ViewPager空间中的位置，无需关注中间过程，只需要关注ViewPager中页面的最终变化结果即可。

在本发明的另一个实施例中，当根据预先配置的页面的数量，动态配置了与页面一一对应的页面标识图像后，所述步骤S3中根据页面标识图像的布局信息，使用线性布局器将所述页面标识图像布局到ViewPager空间中。

其中，线性布局器按照布局信息将配置的页面标识图像布局到界面容器中，并将所述界面容器按照对应的布局信息布局到ViewPager空间中。首先，根据页面标识图像的数量和大小可以设计界面容器，用以封装所有的页面标识图像，在将页面标识图像装载入界面容器时，可根据页面标识图像的大小和界面容器的大小，以及设计人员配置的布局信息，主要包括布局样式，将所有的页面标识图像布局在界面容器中。同样的，将所有的页面标识图像布局在界面容器以后，线性布局器以同样的方式将界面容器布局在ViewPager空间内，可以获取ViewPager空间的高度和宽度以及界面容器的大小，对界面容器在ViewPager空间内进行布局。

本实施例设计一套自定义的布局文件，且设计界面容器，将所有的页面标识图像封装到界面容器中，可根据配置的页面数量，在界面容器中动态调整页面标识图像的数量，可通过改变界面容器在ViewPager空间中的布局来改变页面标识图像在ViewPager空间中的布局。

在本发明的一个实施例中，所述步骤S4中通过如下方式监听ViewPager空间中当前页面的变化状态信息：通过在ViewPager空间中设置监听器来监听ViewPager空间中当前页面的变化状态信息。

当ViewPager中的页面发生变化时，需要同步动态更新对应的页面标识图像的标记状态。本实施例中通过在ViewPager中设置监听器，该监听器主要用来监听ViewPager中页面的变化情况，通过调用SetOnPageChangeListener(this)函数来设置监听器，当ViewPager中页面发生变化时，监听器监听到页面的变化状态信息。

具体的，通过在ViewPager中设置监听器来监听ViewPager空间中当前页面的变化状态信息具体包括：根据检测到的在ViewPager空间中的滑动操作确定页面滑动距离；根据所述页面滑动距离判断当前页面状态是否发生变化，若发生变化，则计算变化后的被激活的当前页面的位置信息，监听器获取当前页面状态发生变化的消息。

当用户在ViewPager空间中滑动时，通过检测滑动操作来确定滑动距离，比如，可检测滑动操作的起始位置和终点位置，来计算页面滑动距离，当沿ViewPager空间宽度方向的页面滑动距离超过ViewPager空间宽度的一般时，认为当前页面状态发生变化。当前页面发生变化时，可通过页面滑动距离计算变化后的被激活的当前页面的位置信息，监听器可获取当前页面状态发生变化的消息，其中包括被激活的当前页面的位置信息。

本实施例通过ViewPager中实现的监听器来监听ViewPager中页面的变化情况，这样只需要关注ViewPager中页面最终的变化结果即可，并且在页面有变化时，监听器能够监听到页面变化更新的消息。

在本发明的另一个实施例中，步骤S4中所述更新与当前页面对应的页面标识图像的标记状态具体包括：

根据变化后被激活的当前页面的位置信息，将与该当前页面对应的页面标识图像设置为激活状态，并将与其它页面对应的页面标识图像设置为未激活状态。

用户通过滑动ViewPager空间来选中其中的页面，选中的页面即处于激活状态，其它的页面处于未激活状态，因此页面状态变化后，与页面对应的页面标识图像的标记状态特需要同步更新。本实施例根据被激活的当前页面的位置信息，将与该当前页面对应的页面标识图像设置为激活状态，并将与其它页面对应的页面标识图像设置为未激活状态。其中，本实施例在更新页面标识图像的过程中，先将ViewPager空间内所有的页面标识图像进行复位操作，即将所有的页面标识图像均设置为未激活状态，然后根据被激活的当前页面的位置信息，将与该被激活的当前页面对应的页面标识图像设置为激活状态，即实现了所有页面标识图像的状态更新。这样能够避免在更新所有页面标识图像状态的过程中，由于对每一个页面标识图像不断进行更改的过程中导致页面标识图像的状态容易出现异常的问题，有效地降低了出错的效率，提高了对应程序的可维护性，使得程序简洁明了，通俗易懂。

参见图2，为本发明另一个实施例的页面标识图像更新系统，包括获取模块21、配置模块22、布局模块23和更新模块24。

获取模块21，用于获取预先配置的页面的数量；

配置模块22，用于根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；

布局模块23，用于将配置的所述页面标识图像布局到ViewPager空间中；

更新模块24，用于当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

其中，所述布局模块23具体用于：

根据页面标识图像的布局信息，使用线性布局器将所述页面标识图像布局到ViewPager空间中。

具体的，通过线性布局器按照布局信息将配置的所述页面标识图像布局到界面容器中，并将所述界面容器按照对应的布局信息布局到ViewPager空间中。

参见图3，在本发明的另一个实施例中，页面标识图像更新系统还包括监听器25和复位设置模块。

所述监听器25，用于监听并获取ViewPager空间中当前页面的变化状态信息。

所述当前页面的变化状态消息中包括变化后的被激活的当前页面的位置信息，所述更新模块24具体用于：

根据所述变化后的被激活的当前页面的位置信息，将与该当前页面对应的页面标识图像设置为激活状态，并将与其它页面对应的页面标识图像设置为未激活状态。

复位设置模块26，用于根据所述当前页面状态发生变化的消息，将ViewPager空间中所有的页面标识图像均设置为未激活状态。

图4是示出本发明的另一个实施例中页面标识图像更新系统的测试设备的结构框图。

参照图4，所述页面标识图像更新系统的测试设备，包括：处理器(processor)401、存储器(memory)402、通信接口(Communications Interface)403和总线404；

其中，所述处理器401、存储器402、通信接口403通过所述总线404完成相互间的通信；

所述通信接口403用于该测试设备与页面标识图像更新系统的通信设备之间的信息传输；

所述处理器401用于调用所述存储器402中的程序指令，以执行上述各方法实施例所提供的方法，例如包括：获取预先配置的页面的数量；根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；将所述页面标识图像布局到ViewPager空间中；当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

本发明又一实施例公开一种计算机程序产品，所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序，所述计算机程序包括程序指令，当所述程序指令被计算机执行时，计算机能够执行上述各方法实施例所提供的方法，例如包括：获取预先配置的页面的数量；根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；将所述页面标识图像布局到ViewPager空间中；当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

本发明又一实施例提供一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行上述各方法实施例所提供的方法，例如包括：获取预先配置的页面的数量；根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；将所述页面标识图像布局到ViewPager空间中；当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

以上所描述的页面标识图像更新系统的测试设备等实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

本发明提供的一种页面标识图像更新方法及系统，可根据预先配置的页面的数量，动态配置与页面一一对应的页面标识图像的数量，其中，页面标识图像的状态可标识当前页面的位置，并通过监听ViewPager空间中当前页面状态发生变化的信息，更新对应的页面标识图像的状态即可得知当前页面在ViewPager空间中的位置，无需关注中间过程，只需要关注ViewPager中页面的最终变化结果即可；在对ViewPager空间中所有页面标识图像的状态更新过程中，先将所有的页面标识图像进行复位，在对与被激活的当前页面对应的页面标识图像进行激活操作，这样能够避免在更新所有页面标识图像状态的过程中，由于对每一个页面标识图像不断进行更改的过程中导致页面标识图像的状态容易出现异常的问题，有效地降低了出错的效率，提高了对应程序的可维护性，使得程序简洁明了，通俗易懂。

最后，本申请的方法仅为较佳的实施方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种页面标识图像更新方法，其特征在于，包括：

S1，获取预先配置的页面的数量；

S2，根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；

S3，将所述页面标识图像布局到ViewPager空间中；

S4，当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

2.如权利要求1所述的页面标识图像更新方法，其特征在于，所述步骤S3具体包括：

根据页面标识图像的布局信息，通过线性布局器将所述页面标识图像布局到ViewPager空间中。

3.如权利要求2所述的页面标识图像更新方法，其特征在于，所述通过线性布局器将所述页面标识图像布局到ViewPager空间中具体包括：

所述线性布局器按照布局信息将配置的所述页面标识图像布局到界面容器中，并将所述界面容器按照对应的布局信息布局到ViewPager空间中。

4.如权利要求1所述的页面标识图像更新方法，其特征在于，所述步骤S4中通过如下方式监听ViewPager空间中当前页面的变化状态信息：

通过在ViewPager中设置监听器来监听ViewPager空间中当前页面的变化状态信息。

5.如权利要求4所述的页面标识图像更新方法，其特征在于，所述通过在ViewPager中设置监听器来监听ViewPager空间中当前页面的变化状态信息具体包括：

根据检测到的在ViewPager空间中的滑动操作确定页面滑动距离；

根据所述页面滑动距离判断当前页面状态是否发生变化，若发生变化，则计算变化后的被激活的当前页面的位置信息，监听器获取当前页面状态发生变化的消息。

6.如权利要求5所述的页面标识图像更新方法，其特征在于，所述当前页面状态发生变化的消息中包括变化后的被激活的当前页面的位置信息，步骤S4中所述更新与当前页面对应的页面标识图像的标记状态具体包括：

根据所述变化后被激活的当前页面的位置信息，将与该当前页面对应的页面标识图像设置为激活状态，并将与其它页面对应的页面标识图像设置为未激活状态。

7.如权利要求6所述的页面标识图像更新方法，其特征在于，在根据所述变化后被激活的当前页面的位置信息，将与该当前页面对应的页面标识图像设置为激活状态之前还包括：

根据所述当前页面状态发生变化的消息，将ViewPager空间中所有的页面标识图像均设置为未激活状态。

8.一种页面标识图像更新系统，其特征在于，包括：

获取模块，用于获取预先配置的页面的数量；

配置模块，用于根据所述页面的数量，配置相同数量且与所述页面一一对应的页面标识图像；

布局模块，用于将所述页面标识图像布局到ViewPager空间中；

更新模块，用于当监听到ViewPager空间中当前页面状态发生变化时，更新与当前页面对应的页面标识图像的标记状态。

9.如权利要求8所述的页面标识图像更新系统，其特征在于，所述布局模块具体用于：

通过所述线性布局器按照布局信息将配置的所述页面标识图像布局到界面容器中，并将所述界面容器按照对应的布局信息布局到ViewPager空间中。

10.如权利要求9所述的页面标识图像更新系统，其特征在于，还包括：

监听器，用于监听并获取ViewPager空间中当前页面的变化状态信息，其中，所述当前页面的变化状态消息中包括变化后的被激活的当前页面的位置信息；

所述更新模块具体用于：

根据所述变化后的被激活的当前页面的位置信息，将与该当前页面对应的页面标识图像设置为激活状态，并将与其它页面对应的页面标识图像设置为未激活状态。