技术领域technical field
本公开涉及移动终端技术领域,尤其涉及移动终端的页面切换控制方法及装置。The present disclosure relates to the technical field of mobile terminals, and in particular to a method and device for controlling page switching of a mobile terminal.
背景技术Background technique
随着移动终端网页应用越来越频繁,需求越来越多,页面布局也越来越复杂,从而容易造成手势冲突。例如,在同一页面的顶部和底部都存在切换标签的情况下,若顶部和底部的切换标签都支持左右滑动,则会造成冲突。As mobile terminal webpage applications become more and more frequent, demands are increasing, and page layouts are becoming more and more complex, which may easily cause gesture conflicts. For example, if there are switching tabs at the top and bottom of the same page, if the switching tabs at the top and bottom both support left and right sliding, it will cause a conflict.
发明内容Contents of the invention
为克服相关技术中存在的问题,本公开提供一种移动终端的页面切换控制方法及装置。In order to overcome the problems existing in related technologies, the present disclosure provides a method and device for controlling page switching of a mobile terminal.
根据本公开实施例的第一方面,提供一种移动终端的页面切换控制方法,包括:According to the first aspect of the embodiments of the present disclosure, a method for controlling page switching of a mobile terminal is provided, including:
在所述移动终端的页面中存在多组切换标签的情况下,将所述多组切换标签中的第一组切换标签设置为支持滑动切换,将所述多组切换标签中所述第一组切换标签以外的其他组切换标签设置为不支持滑动切换;In the case where there are multiple sets of switch labels in the page of the mobile terminal, the first set of switch labels in the multiple sets of switch labels is set to support sliding switching, and the first set of switch labels in the multiple sets of switch labels Other group switching labels other than the switching label are set to not support sliding switching;
根据用户针对所述多组切换标签的滑动操作和/或点击操作对所述页面进行切换控制。The switching control of the pages is performed according to the user's sliding operation and/or clicking operation on the plurality of switching tabs.
对于上述方法,在一种可能的实现方式中,所述第一组切换标签为所述多组切换标签中距离页面的底部最远的一组切换标签。Regarding the above method, in a possible implementation manner, the first group of switch tags is a group of switch tags farthest from the bottom of the page among the multiple groups of switch tags.
对于上述方法,在一种可能的实现方式中,所述方法还包括:For the above method, in a possible implementation manner, the method further includes:
将所述第一组切换标签设置在所述页面的第一层框架中;setting the first group of switching labels in the first frame of the page;
将所述多组切换标签中所述第一组切换标签以外的切换标签设置在所述页面的第二层框架中。Setting switch tags other than the first group of switch tags in the multiple groups of switch tags in the second layer frame of the page.
对于上述方法,在一种可能的实现方式中,所述页面的第一层框架为所述页面的内层框架,所述页面的第二层框架为所述页面的外层框架。Regarding the above method, in a possible implementation manner, the first frame of the page is an inner frame of the page, and the second frame of the page is an outer frame of the page.
对于上述方法,在一种可能的实现方式中,在所述移动终端的页面中存在多组切换标签的情况下,将所述多组切换标签中的第一组切换标签设置为支持滑动切换,将所述多组切换标签中所述第一组切换标签以外的其他组切换标签设置为不支持滑动切换,包括:For the above method, in a possible implementation manner, in the case where there are multiple sets of switch labels in the page of the mobile terminal, the first set of switch labels in the multiple sets of switch labels is set to support sliding switching, Set other groups of switching labels other than the first group of switching labels in the plurality of groups of switching labels to not support sliding switching, including:
在所述移动终端的页面中存在顶部切换标签和底部切换标签的情况下,将所述顶部切换标签设置为支持滑动切换,将所述底部切换标签设置为不支持滑动切换。In the case that there are a top switching label and a bottom switching label in the page of the mobile terminal, the top switching label is set to support sliding switching, and the bottom switching label is set to not support sliding switching.
根据本公开实施例的第二方面,提供一种移动终端的页面切换控制装置,包括:According to a second aspect of the embodiments of the present disclosure, a page switching control device for a mobile terminal is provided, including:
第一设置模块,用于在所述移动终端的页面中存在多组切换标签的情况下,将所述多组切换标签中的第一组切换标签设置为支持滑动切换,将所述多组切换标签中所述第一组切换标签以外的其他组切换标签设置为不支持滑动切换;The first setting module is used to set the first group of switching tags in the multiple groups of switching tags to support sliding switching when there are multiple groups of switching tags in the page of the mobile terminal, and set the multiple groups of switching tags to support sliding switching. Other groups of switching labels other than the first group of switching labels mentioned in the label are set to not support sliding switching;
切换控制模块,用于根据用户针对所述多组切换标签的滑动操作和/或点击操作对所述页面进行切换控制。A switching control module, configured to control the switching of the pages according to the user's sliding operation and/or clicking operation on the multiple groups of switching labels.
对于上述装置,在一种可能的实现方式中,所述第一组切换标签为所述多组切换标签中距离页面的底部最远的一组切换标签。For the above apparatus, in a possible implementation manner, the first group of switch tags is a group of switch tags farthest from the bottom of the page among the multiple groups of switch tags.
对于上述装置,在一种可能的实现方式中,所述装置还包括:For the above device, in a possible implementation manner, the device further includes:
第二设置模块,用于将所述第一组切换标签设置在所述页面的第一层框架中,将所述多组切换标签中所述第一组切换标签以外的切换标签设置在所述页面的第二层框架中。The second setting module is configured to set the first group of switching tags in the first layer frame of the page, and set switching tags other than the first group of switching tags in the plurality of groups of switching tags in the In the second frame of the page.
对于上述装置,在一种可能的实现方式中,所述页面的第一层框架为所述页面的内层框架,所述页面的第二层框架为所述页面的外层框架。For the above apparatus, in a possible implementation manner, the first frame of the page is an inner frame of the page, and the second frame of the page is an outer frame of the page.
对于上述装置,在一种可能的实现方式中,所述第一设置模块包括:For the above device, in a possible implementation manner, the first setting module includes:
第一设置子模块,用于在所述移动终端的页面中存在顶部切换标签和底部切换标签的情况下,将所述顶部切换标签设置为支持滑动切换,将所述底部切换标签设置为不支持滑动切换。The first setting submodule is used to set the top switch label to support sliding switching and set the bottom switch label to not support when there are top switch labels and bottom switch labels in the page of the mobile terminal Swipe to toggle.
根据本公开实施例的第三方面,提供一种移动终端的页面切换控制装置,包括:According to a third aspect of the embodiments of the present disclosure, a page switching control device for a mobile terminal is provided, including:
处理器;processor;
用于存储处理器可执行指令的存储器;memory for storing processor-executable instructions;
其中,所述处理器被配置为:Wherein, the processor is configured as:
在所述移动终端的页面中存在多组切换标签的情况下,将所述多组切换标签中的第一组切换标签设置为支持滑动切换,将所述多组切换标签中所述第一组切换标签以外的其他组切换标签设置为不支持滑动切换;In the case where there are multiple sets of switch labels in the page of the mobile terminal, the first set of switch labels in the multiple sets of switch labels is set to support sliding switching, and the first set of switch labels in the multiple sets of switch labels Other group switching labels other than the switching label are set to not support sliding switching;
根据用户针对所述多组切换标签的滑动操作和/或点击操作对所述页面进行切换控制。The switching control of the pages is performed according to the user's sliding operation and/or clicking operation on the plurality of switching tabs.
本公开的实施例提供的技术方案可以包括以下有益效果:通过在移动终端的页面中存在多组切换标签的情况下,将多组切换标签中的第一组切换标签设置为支持滑动切换,将多组切换标签中第一组切换标签以外的其他组切换标签设置为不支持滑动切换,并根据用户针对多组切换标签的滑动操作和/或点击操作对页面进行切换控制,由此在移动终端的页面中存在多组切换标签的情况下,不会因为多组切换标签均支持滑动操作而产生冲突,从而使移动终端的页面切换控制更准确,能够提高用户的切换操作体验。The technical solutions provided by the embodiments of the present disclosure may include the following beneficial effects: when there are multiple sets of switching labels in the page of the mobile terminal, setting the first group of switching labels among the multiple sets of switching labels to support sliding switching, the Among the multiple groups of switching tags, other groups of switching tags other than the first group of switching tags are set to not support sliding switching, and the switching control of the page is performed according to the user's sliding operation and/or clicking operation on the multiple groups of switching tags. When there are multiple sets of switching labels in the page, conflicts will not occur because the multiple sets of switching labels all support sliding operations, so that the page switching control of the mobile terminal is more accurate, and the user's switching operation experience can be improved.
进一步地,通过将多组切换标签中距离页面的底部最远的一组切换标签设置为支持滑动切换,由此能够方便用户的手势操作,从而能够进一步提高用户的切换操作体验。Furthermore, by setting the group of switching tags farthest from the bottom of the page among the multiple groups of switching tags to support sliding switching, it can facilitate the user's gesture operation, thereby further improving the switching operation experience of the user.
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure.
附图说明Description of drawings
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the disclosure and together with the description serve to explain the principles of the disclosure.
图1是根据一示例性实施例示出的一种移动终端的页面切换控制方法的流程图。Fig. 1 is a flow chart showing a method for controlling page switching of a mobile terminal according to an exemplary embodiment.
图2是根据一示例性实施例的一个示例示出的一种移动终端的页面切换控制方法的流程图。Fig. 2 is a flow chart showing a method for controlling page switching of a mobile terminal according to an example of an exemplary embodiment.
图3是根据一示例性实施例的一个示例示出的移动终端的页面切换控制方法中具有顶部切换标签和底部切换标签的页面的示意图。Fig. 3 is a schematic diagram of a page with a top switching label and a bottom switching label in a method for controlling page switching of a mobile terminal according to an example of an exemplary embodiment.
图4是根据一示例性实施例的一个示例示出的移动终端的页面切换控制方法中具有顶部切换标签和底部切换标签的页面展开后的示意图。Fig. 4 is a schematic diagram of an expanded page with a top switching label and a bottom switching label in a page switching control method of a mobile terminal according to an example of an exemplary embodiment.
图5是根据一示例性实施例示出的一种移动终端的页面切换控制装置框图。Fig. 5 is a block diagram of a device for controlling page switching of a mobile terminal according to an exemplary embodiment.
图6是根据一示例性实施例的一个示例示出的一种移动终端的页面切换控制装置框图。Fig. 6 is a block diagram of an apparatus for controlling page switching of a mobile terminal according to an example of an exemplary embodiment.
图7是根据一示例性实施例示出的一种用于移动终端的页面切换控制的装置800的框图。Fig. 7 is a block diagram of an apparatus 800 for page switching control of a mobile terminal according to an exemplary embodiment.
具体实施方式detailed description
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary examples do not represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatuses and methods consistent with aspects of the present disclosure as recited in the appended claims.
图1是根据一示例性实施例示出的一种移动终端的页面切换控制方法的流程图。该方法可以应用于手机或者平板电脑等移动终端中,在此不作限定。如图1所示,该方法包括以下步骤。Fig. 1 is a flow chart showing a method for controlling page switching of a mobile terminal according to an exemplary embodiment. This method can be applied to mobile terminals such as mobile phones or tablet computers, and is not limited here. As shown in Figure 1, the method includes the following steps.
在步骤S11中,在移动终端的页面中存在多组切换标签的情况下,将多组切换标签中的第一组切换标签设置为支持滑动切换,将多组切换标签中第一组切换标签以外的其他组切换标签设置为不支持滑动切换。In step S11, in the case that there are multiple groups of switching labels in the page of the mobile terminal, the first group of switching labels in the multiple groups of switching labels is set to support sliding switching, and the first group of switching labels in the multiple groups of switching labels is set to Other group toggle tabs are set to not support swipe toggles.
在本实施例中,切换标签可以用于切换移动终端的网页的页面或者其他应用的页面,在此不作限定。不同的切换标签可以对应于不同的页面。其中,切换标签可以位于页面的顶部(如图3和图4中的b1至b5),也可以位于页面的底部(如图3和图4中的a1至a4),或者可以位于页面的中部,或者可以位置页面的任意位置,在此不作限定。In this embodiment, the switching tab may be used to switch the web page or other application pages of the mobile terminal, which is not limited herein. Different switching labels may correspond to different pages. Wherein, the switching label can be located at the top of the page (like b1 to b5 in Figure 3 and Figure 4), also can be located at the bottom of the page (as shown in a1 to a4 in Figure 3 and Figure 4), or can be located in the middle of the page, Or it can be anywhere on the page, which is not limited here.
在一种可能的实现方式中,对于各个切换标签,用户都可以通过点击切换标签的方式来切换至切换标签对应的页面。In a possible implementation manner, for each switching label, the user may switch to a page corresponding to the switching label by clicking on the switching label.
在一种可能的实现方式中,第一组切换标签可以为多组切换标签中的任意一组切换标签。在该实现方式中,在移动终端的页面中存在多组切换标签的情况下,将多组切换标签中的任意一组切换标签设置为支持滑动切换,并将其他组切换标签设置为不支持滑动切换。例如,如图3或图4所示,在移动终端的页面中存在两组切换标签b1至b5、a1至a4的情况下,可以将b1至b5设置为支持滑动切换,将a1至a4设置为不支持滑动切换,或者可以将a1至a4设置为支持滑动切换,将b1至b5设置为不支持滑动切换。In a possible implementation manner, the first group of switching labels may be any group of switching labels in multiple groups of switching labels. In this implementation, if there are multiple sets of switching labels in the page of the mobile terminal, any set of switching labels in the multiple sets of switching labels is set to support sliding switching, and other groups of switching labels are set to not support sliding switch. For example, as shown in Figure 3 or Figure 4, when there are two groups of switching labels b1 to b5 and a1 to a4 in the page of the mobile terminal, b1 to b5 can be set to support sliding switching, and a1 to a4 can be set to Slide switching is not supported, or a1 to a4 can be set to support sliding switching, and b1 to b5 can be set to not support sliding switching.
在步骤S12中,根据用户针对多组切换标签的滑动操作和/或点击操作对该页面进行切换控制。In step S12, switching control is performed on the page according to the user's sliding operation and/or clicking operation on multiple groups of switching tabs.
在将多组切换标签中的第一组切换标签设置为支持滑动切换之后,对于第一组切换标签,可以通过滑动操作或者点击操作实现页面切换。其中,滑动操作可以为左右滑动操作,在此不作限定。例如,如图3或图4所示,第一组切换标签为b1至b5,用户可以通过点击b1至b5中的任意一个切换标签来切换至对应的页面。例如,用户点击切换标签b2,则切换至切换标签b2对应的页面。用户还可以通过滑动操作切换至b1至b5中的任意一个切换标签对应的页面。例如,当前显示的页面为切换标签b2对应的页面,若检测到向左滑动的滑动操作,则可以切换至切换标签b3对应的页面;若检测到向右滑动的滑动操作,则可以切换至切换标签b1对应的页面。After the first group of switching tags among the multiple groups of switching tags is set to support sliding switching, for the first group of switching tags, page switching can be realized through a sliding operation or a clicking operation. Wherein, the sliding operation may be a left and right sliding operation, which is not limited herein. For example, as shown in FIG. 3 or FIG. 4 , the first group of switching labels are b1 to b5, and the user can switch to the corresponding page by clicking any switching label in b1 to b5. For example, when the user clicks on the switching label b2, the user switches to the page corresponding to the switching label b2. The user can also switch to the page corresponding to any switching label among b1 to b5 through a sliding operation. For example, the currently displayed page is the page corresponding to the switching label b2. If a sliding operation to the left is detected, it can be switched to the page corresponding to the switching label b3; if a sliding operation to the right is detected, it can be switched to the switching The page corresponding to label b1.
在将多组切换标签中第一组切换标签以外的其他组切换标签设置为不支持滑动切换之后,对于多组切换标签中第一组切换标签以外的其他组切换标签,可以通过点击操作实现页面切换。例如,如图3或图4所示,多组切换标签中第一组切换标签以外的其他组切换标签为a1至a4,用户可以通过点击a1至a4中的任意一个切换标签来切换至对应的页面。例如,用户点击切换标签a3,则切换至切换标签a3对应的页面。After setting the group switching labels other than the first group switching labels in the multi-group switching labels to not support sliding switching, for the group switching labels other than the first group switching labels in the multi-group switching labels, you can click to realize the page switch. For example, as shown in Figure 3 or Figure 4, the other groups of switching labels other than the first group of switching labels in the multiple groups of switching labels are a1 to a4, and the user can switch to the corresponding one by clicking any one of the switching labels in a1 to a4 page. For example, when the user clicks on the switching label a3, the user switches to the page corresponding to the switching label a3.
本实施例在移动终端的页面中存在多组切换标签的情况下,有且仅有一组切换标签支持滑动操作,由此不会因为多组切换标签均支持滑动操作而产生冲突,从而使移动终端的页面切换控制更准确,能够提高用户的切换操作体验。In this embodiment, when there are multiple sets of switching labels in the page of the mobile terminal, there is one and only one set of switching labels that supports sliding operations, so that conflicts will not occur because all groups of switching labels support sliding operations, so that the mobile terminal The page switching control is more accurate, which can improve the user's switching operation experience.
在一种可能的实现方式中,第一组切换标签为多组切换标签中距离页面的底部最远的一组切换标签。例如,如图3或图4所示,移动终端的页面中存在两组切换标签b1至b5、a1至a4,b1至b5与页面的底部的距离大于a1至a4与页面的底部的距离,在这种情况下,可以将b1至b5设置为支持滑动切换,将a1至a4设置为不支持滑动切换。In a possible implementation manner, the first group of switching tags is a group of switching tags farthest from the bottom of the page among the multiple groups of switching tags. For example, as shown in Figure 3 or Figure 4, there are two groups of switching labels b1 to b5, a1 to a4 in the page of the mobile terminal, and the distance between b1 to b5 and the bottom of the page is greater than the distance between a1 to a4 and the bottom of the page. In this case, b1 to b5 may be set to support sliding switching, and a1 to a4 may be set to not support sliding switching.
由于距离页面的底部较近的切换标签用户容易点击到,而距离页面的底部较远的切换标签用户较难点击到,因此,通过将多组切换标签中距离页面的底部最远的一组切换标签设置为支持滑动切换,由此能够方便用户的手势操作,从而能够进一步提高用户的切换操作体验。Since the switch tabs closer to the bottom of the page are easy for users to click, while the switch tabs farther away from the bottom of the page are more difficult for users to click. The label is configured to support sliding switching, thereby facilitating the user's gesture operation, thereby further improving the user's switching operation experience.
图2是根据一示例性实施例的一个示例示出的一种移动终端的页面切换控制方法的流程图。如图2所示,该方法包括:Fig. 2 is a flow chart showing a method for controlling page switching of a mobile terminal according to an example of an exemplary embodiment. As shown in Figure 2, the method includes:
在步骤S21中,在移动终端的页面中存在多组切换标签的情况下,将多组切换标签中的第一组切换标签设置为支持滑动切换,将多组切换标签中第一组切换标签以外的其他组切换标签设置为不支持滑动切换。In step S21, in the case that there are multiple groups of switching labels in the page of the mobile terminal, the first group of switching labels in the multiple groups of switching labels is set to support sliding switching, and the first group of switching labels in the multiple groups of switching labels is set to Other group toggle tabs are set to not support swipe toggles.
其中,对步骤S21参见上文对步骤S11的描述。Wherein, for step S21, refer to the description of step S11 above.
在步骤S22中,将第一组切换标签设置在该页面的第一层框架中。In step S22, the first group of switching labels is set in the first frame of the page.
在本示例中,将第一组切换标签设置在该页面的第一层框架中,该第一层框架支持标签的滑动切换。In this example, the first group of switching labels is set in the first-level frame of the page, and the first-level frame supports sliding switching of labels.
在步骤S23中,将多组切换标签中第一组切换标签以外的其他组切换标签设置在该页面的第二层框架中。In step S23, other groups of switching tags other than the first group of switching tags among the multiple groups of switching tags are set in the second layer frame of the page.
在本示例中,将多组切换标签中第一组切换标签以外的其他组切换标签设置在该页面的第二层框架中,该第二层框架不支持标签的滑动切换。In this example, other groups of switching tags other than the first group of switching tags among the multiple groups of switching tags are set in the second layer frame of the page, and the second layer frame does not support sliding switching of tags.
在其他示例中,对于多组切换标签中第一组切换标签以外的其他组切换标签,还可以为其他组切换标签中的各组切换标签分别设置框架,其他组切换标签对应的框架均不支持标签的滑动切换。In other examples, for groups of switching tags other than the first group of switching tags in multiple groups of switching tags, frames can also be set for each group of switching tags in other groups of switching tags, and the frames corresponding to other groups of switching tags do not support Swipe to toggle tabs.
在步骤S24中,根据用户针对多组切换标签的滑动操作和/或点击操作对该页面进行切换控制。In step S24, switching control is performed on the page according to the user's sliding operation and/or clicking operation on the plurality of switching tabs.
其中,对步骤S24参见上文对步骤S12的描述。Wherein, for step S24, refer to the description of step S12 above.
在一种可能的实现方式中,该页面的第一层框架为该页面的内层框架,该页面的第二层框架为该页面的外层框架。In a possible implementation manner, the first frame of the page is an inner frame of the page, and the second frame of the page is an outer frame of the page.
在一种可能的实现方式中,在移动终端的页面中存在多组切换标签的情况下,将多组切换标签中的第一组切换标签设置为支持滑动切换,将多组切换标签中第一组切换标签以外的其他组切换标签设置为不支持滑动切换,包括:在移动终端的页面中存在顶部切换标签和底部切换标签的情况下,将顶部切换标签设置为支持滑动切换,将底部切换标签设置为不支持滑动切换。在该实现方式中,可以将顶部切换标签设置在内层框架中,将底部切换标签设置在外层框架中,其中,内层框架支持标签的滑动切换,外层框架不支持标签的滑动切换。In a possible implementation, when there are multiple sets of switching labels in the page of the mobile terminal, the first set of switching labels in the multiple sets of switching labels is set to support sliding switching, and the first set of switching labels in the multiple sets of switching labels is set to support sliding switching. Set other group switching labels other than the group switching label to not support sliding switching, including: if there are top switching labels and bottom switching labels in the mobile terminal page, set the top switching label to support sliding switching, and set the bottom switching label to Set to not support swipe toggles. In this implementation, the top switching label can be set in the inner frame, and the bottom switching label can be set in the outer frame, wherein the inner frame supports sliding switching of labels, and the outer frame does not support sliding switching of labels.
图3是根据一示例性实施例的一个示例示出的移动终端的页面切换控制方法中具有顶部切换标签和底部切换标签的页面的示意图。如图3所示,该页面包括一组顶部切换标签b1至b5以及一组底部切换标签a1至a4,其中,顶部切换标签b1至b5对应于内层标签页B1至B5。Fig. 3 is a schematic diagram of a page with a top switching label and a bottom switching label in a method for controlling page switching of a mobile terminal according to an example of an exemplary embodiment. As shown in FIG. 3 , the page includes a set of top switch tabs b1 to b5 and a set of bottom switch tabs a1 to a4 , wherein the top switch tabs b1 to b5 correspond to inner tab pages B1 to B5 .
图4是根据一示例性实施例的一个示例示出的移动终端的页面切换控制方法中具有顶部切换标签和底部切换标签的页面展开后的示意图。如图4所示,该页面包括一组顶部切换标签b1至b5以及一组底部切换标签a1至a4,其中,顶部切换标签b1至b5对应于内层标签页B1至B5,底部切换标签a1至a4对应于外层标签页A1至A4。Fig. 4 is a schematic diagram of an expanded page with a top switching label and a bottom switching label in a page switching control method of a mobile terminal according to an example of an exemplary embodiment. As shown in Figure 4, the page includes a set of top switching labels b1 to b5 and a set of bottom switching labels a1 to a4, wherein the top switching labels b1 to b5 correspond to inner tab pages B1 to B5, and the bottom switching labels a1 to a4 corresponds to the outer tab pages A1 to A4.
根据本实施例的移动终端的页面切换控制方法设计的页面布局系统的扩展性较强,能够降低后续页面需求扩展时的工作量,从而能够提高页面布局系统的设计效率。The page layout system designed according to the page switching control method of the mobile terminal in this embodiment has strong scalability, and can reduce the workload of subsequent page expansion, thereby improving the design efficiency of the page layout system.
图5是根据一示例性实施例示出的一种移动终端的页面切换控制装置框图。参照图5,该装置包括第一设置模块51和切换控制模块52。该第一设置模块51被配置为在移动终端的页面中存在多组切换标签的情况下,将多组切换标签中的第一组切换标签设置为支持滑动切换,将多组切换标签中第一组切换标签以外的其他组切换标签设置为不支持滑动切换。该切换控制模块52被配置为根据用户针对多组切换标签的滑动操作和/或点击操作对该页面进行切换控制。Fig. 5 is a block diagram of a device for controlling page switching of a mobile terminal according to an exemplary embodiment. Referring to FIG. 5 , the device includes a first setting module 51 and a switching control module 52 . The first setting module 51 is configured to set the first group of switching tags in the multiple groups of switching tags to support sliding switching when there are multiple groups of switching tags in the page of the mobile terminal, and set the first group of switching tags in the multiple groups of switching tags to support sliding switching. Group toggle tabs other than group toggle tabs are set to not support swipe-toggle. The switching control module 52 is configured to control the switching of the page according to the user's sliding operation and/or clicking operation on multiple groups of switching tabs.
图6是根据一示例性实施例的一个示例示出的一种移动终端的页面切换控制装置框图。参照图6:Fig. 6 is a block diagram of an apparatus for controlling page switching of a mobile terminal according to an example of an exemplary embodiment. Referring to Figure 6:
在一种可能的实现方式中,第一组切换标签为多组切换标签中距离页面的底部最远的一组切换标签。In a possible implementation manner, the first group of switching tags is a group of switching tags farthest from the bottom of the page among the multiple groups of switching tags.
在一种可能的实现方式中,该装置还包括第二设置模块53。该第二设置模块53被配置为将第一组切换标签设置在该页面的第一层框架中,将多组切换标签中第一组切换标签以外的其他组切换标签设置在该页面的第二层框架中。In a possible implementation manner, the device further includes a second setting module 53 . The second setting module 53 is configured to set the first group of switching tags in the first frame of the page, and set other groups of switching tags in the multiple groups of switching tags other than the first group of switching tags in the second group of the page. layer frame.
在一种可能的实现方式中,该页面的第一层框架为该页面的内层框架,该页面的第二层框架为该页面的外层框架。In a possible implementation manner, the first frame of the page is an inner frame of the page, and the second frame of the page is an outer frame of the page.
在一种可能的实现方式中,第一设置模块51包括第一设置子模块511。该第一设置子模块511被配置为在移动终端的页面中存在顶部切换标签和底部切换标签的情况下,将顶部切换标签设置为支持滑动切换,将底部切换标签设置为不支持滑动切换。In a possible implementation manner, the first setting module 51 includes a first setting submodule 511 . The first setting sub-module 511 is configured to set the top switch tag to support sliding switching and set the bottom switching tag to not support sliding switching when there are top switching tags and bottom switching tags in the page of the mobile terminal.
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。Regarding the apparatus in the foregoing embodiments, the specific manner in which each module executes operations has been described in detail in the embodiments related to the method, and will not be described in detail here.
通过在移动终端的页面中存在多组切换标签的情况下,将多组切换标签中的第一组切换标签设置为支持滑动切换,将多组切换标签中第一组切换标签以外的其他组切换标签设置为不支持滑动切换,并根据用户针对多组切换标签的滑动操作和/或点击操作对页面进行切换控制,由此在移动终端的页面中存在多组切换标签的情况下,不会因为多组切换标签均支持滑动操作而产生冲突,从而使移动终端的页面切换控制更准确,能够提高用户的切换操作体验。进一步地,通过将多组切换标签中距离页面的底部最远的一组切换标签设置为支持滑动切换,由此能够方便用户的手势操作,从而能够进一步提高用户的切换操作体验。By setting the first group of switching tags in the multiple groups of switching tags to support sliding switching when there are multiple groups of switching tags in the page of the mobile terminal, switching other groups other than the first group of switching tags in the multiple groups of switching tags The tab is set not to support sliding switching, and the switching control of the page is performed according to the user's sliding operation and/or clicking operation on multiple sets of switching tabs. Multiple sets of switching labels all support sliding operations to cause conflicts, so that the page switching control of the mobile terminal is more accurate, and the user's switching operation experience can be improved. Furthermore, by setting the group of switching tags farthest from the bottom of the page among the multiple groups of switching tags to support sliding switching, it can facilitate the user's gesture operation, thereby further improving the switching operation experience of the user.
图7是根据一示例性实施例示出的一种用于移动终端的页面切换控制的装置800的框图。例如,装置800可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。Fig. 7 is a block diagram of an apparatus 800 for page switching control of a mobile terminal according to an exemplary embodiment. For example, the apparatus 800 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, and the like.
参照图7,装置800可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)的接口812,传感器组件814,以及通信组件816。7, device 800 may include one or more of the following components: processing component 802, memory 804, power supply component 806, multimedia component 808, audio component 810, input/output (I/O) interface 812, sensor component 814, and communication component 816 .
处理组件802通常控制装置800的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理组件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。The processing component 802 generally controls the overall operations of the device 800, such as those associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 802 may include one or more processors 820 to execute instructions to complete all or part of the steps of the above method. Additionally, processing component 802 may include one or more modules that facilitate interaction between processing component 802 and other components. For example, processing component 802 may include a multimedia module to facilitate interaction between multimedia component 808 and processing component 802 .
存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。The memory 804 is configured to store various types of data to support operations at the device 800 . Examples of such data include instructions for any application or method operating on device 800, contact data, phonebook data, messages, pictures, videos, and the like. The memory 804 can be implemented by any type of volatile or non-volatile storage device or their combination, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable Programmable Read Only Memory (EPROM), Programmable Read Only Memory (PROM), Read Only Memory (ROM), Magnetic Memory, Flash Memory, Magnetic or Optical Disk.
电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统,一个或多个电源,及其他与为装置800生成、管理和分配电力相关联的组件。The power supply component 806 provides power to the various components of the device 800 . Power components 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for device 800 .
多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。The multimedia component 808 includes a screen that provides an output interface between the device 800 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from a user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensor may not only sense a boundary of a touch or swipe action, but also detect duration and pressure associated with the touch or swipe action. In some embodiments, the multimedia component 808 includes a front camera and/or a rear camera. When the device 800 is in an operation mode, such as a shooting mode or a video mode, the front camera and/or the rear camera can receive external multimedia data. Each front camera and rear camera can be a fixed optical lens system or have focal length and optical zoom capability.
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当装置800处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。The audio component 810 is configured to output and/or input audio signals. For example, the audio component 810 includes a microphone (MIC) configured to receive external audio signals when the device 800 is in operation modes, such as call mode, recording mode and voice recognition mode. Received audio signals may be further stored in memory 804 or sent via communication component 816 . In some embodiments, the audio component 810 also includes a speaker for outputting audio signals.
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。The I/O interface 812 provides an interface between the processing component 802 and a peripheral interface module, which may be a keyboard, a click wheel, a button, and the like. These buttons may include, but are not limited to: a home button, volume buttons, start button, and lock button.
传感器组件814包括一个或多个传感器,用于为装置800提供各个方面的状态评估。例如,传感器组件814可以检测到装置800的打开/关闭状态,组件的相对定位,例如所述组件为装置800的显示器和小键盘,传感器组件814还可以检测装置800或装置800一个组件的位置改变,用户与装置800接触的存在或不存在,装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。Sensor assembly 814 includes one or more sensors for providing status assessments of various aspects of device 800 . For example, the sensor component 814 can detect the open/closed state of the device 800, the relative positioning of components, such as the display and keypad of the device 800, and the sensor component 814 can also detect a change in the position of the device 800 or a component of the device 800 , the presence or absence of user contact with the device 800 , the device 800 orientation or acceleration/deceleration and the temperature change of the device 800 . Sensor assembly 814 may include a proximity sensor configured to detect the presence of nearby objects in the absence of any physical contact. Sensor assembly 814 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor component 814 may also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor or a temperature sensor.
通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。The communication component 816 is configured to facilitate wired or wireless communication between the apparatus 800 and other devices. The device 800 can access wireless networks based on communication standards, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 816 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, Infrared Data Association (IrDA) technology, Ultra Wide Band (UWB) technology, Bluetooth (BT) technology and other technologies.
在示例性实施例中,装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。In an exemplary embodiment, apparatus 800 may be programmed by one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable A gate array (FPGA), controller, microcontroller, microprocessor or other electronic component implementation for performing the methods described above.
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器804,上述指令可由装置800的处理器820执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。In an exemplary embodiment, there is also provided a non-transitory computer-readable storage medium including instructions, such as the memory 804 including instructions, which can be executed by the processor 820 of the device 800 to implement the above method. For example, the non-transitory computer readable storage medium may be ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device, and the like.
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。Other embodiments of the present disclosure will be readily apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any modification, use or adaptation of the present disclosure, and these modifications, uses or adaptations follow the general principles of the present disclosure and include common knowledge or conventional technical means in the technical field not disclosed in the present disclosure . The specification and examples are to be considered exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。It should be understood that the present disclosure is not limited to the precise constructions which have been described above and shown in the drawings, and various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611145108.5ACN106775708A (en) | 2016-12-13 | 2016-12-13 | The page layout switch control method and device of mobile terminal |
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611145108.5ACN106775708A (en) | 2016-12-13 | 2016-12-13 | The page layout switch control method and device of mobile terminal |
| Publication Number | Publication Date |
|---|---|
| CN106775708Atrue CN106775708A (en) | 2017-05-31 |
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611145108.5APendingCN106775708A (en) | 2016-12-13 | 2016-12-13 | The page layout switch control method and device of mobile terminal |
| Country | Link |
|---|---|
| CN (1) | CN106775708A (en) |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107562354A (en)* | 2017-08-02 | 2018-01-09 | 努比亚技术有限公司 | A kind of function button interface deployment method, terminal and computer-readable recording medium |
| CN110275741A (en)* | 2018-03-15 | 2019-09-24 | 阿里巴巴集团控股有限公司 | Content display method and electronic equipment |
| CN111580718A (en)* | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | Page switching method and device of application program, electronic equipment and storage medium |
| CN111694478A (en)* | 2020-06-10 | 2020-09-22 | 广州酷狗计算机科技有限公司 | Content display method, device, terminal and storage medium |
| CN119691303A (en)* | 2024-12-12 | 2025-03-25 | 中电金信软件有限公司 | Page switching method, device, terminal and storage medium |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102566850A (en)* | 2010-12-14 | 2012-07-11 | 上海三旗通信科技股份有限公司 | Mobile terminal integrated management system |
| CN103218156A (en)* | 2013-02-28 | 2013-07-24 | 广东欧珀移动通信有限公司 | Method for realizing multi-Tab page switching and touch type mobile terminal thereof |
| CN103543996A (en)* | 2012-07-17 | 2014-01-29 | 腾讯科技(深圳)有限公司 | Browser window management method and device |
| CN103777869A (en)* | 2014-01-08 | 2014-05-07 | 宇龙计算机通信科技(深圳)有限公司 | Method and device for switching application interfaces of main menus |
| CN104035676A (en)* | 2014-06-25 | 2014-09-10 | 百度在线网络技术(北京)有限公司 | Page switching method and page switching device |
| CN105094669A (en)* | 2015-07-13 | 2015-11-25 | 北京金山安全软件有限公司 | Method and device for switching multiple tab pages of browser |
| CN105843491A (en)* | 2016-03-18 | 2016-08-10 | 华为技术有限公司 | Quick navigation switching method and device of page, and terminal |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102566850A (en)* | 2010-12-14 | 2012-07-11 | 上海三旗通信科技股份有限公司 | Mobile terminal integrated management system |
| CN103543996A (en)* | 2012-07-17 | 2014-01-29 | 腾讯科技(深圳)有限公司 | Browser window management method and device |
| CN103218156A (en)* | 2013-02-28 | 2013-07-24 | 广东欧珀移动通信有限公司 | Method for realizing multi-Tab page switching and touch type mobile terminal thereof |
| CN103777869A (en)* | 2014-01-08 | 2014-05-07 | 宇龙计算机通信科技(深圳)有限公司 | Method and device for switching application interfaces of main menus |
| CN104035676A (en)* | 2014-06-25 | 2014-09-10 | 百度在线网络技术(北京)有限公司 | Page switching method and page switching device |
| CN105094669A (en)* | 2015-07-13 | 2015-11-25 | 北京金山安全软件有限公司 | Method and device for switching multiple tab pages of browser |
| CN105843491A (en)* | 2016-03-18 | 2016-08-10 | 华为技术有限公司 | Quick navigation switching method and device of page, and terminal |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107562354A (en)* | 2017-08-02 | 2018-01-09 | 努比亚技术有限公司 | A kind of function button interface deployment method, terminal and computer-readable recording medium |
| CN110275741A (en)* | 2018-03-15 | 2019-09-24 | 阿里巴巴集团控股有限公司 | Content display method and electronic equipment |
| CN110275741B (en)* | 2018-03-15 | 2022-10-04 | 阿里巴巴集团控股有限公司 | Content display method and electronic equipment |
| CN111580718A (en)* | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | Page switching method and device of application program, electronic equipment and storage medium |
| CN111694478A (en)* | 2020-06-10 | 2020-09-22 | 广州酷狗计算机科技有限公司 | Content display method, device, terminal and storage medium |
| CN119691303A (en)* | 2024-12-12 | 2025-03-25 | 中电金信软件有限公司 | Page switching method, device, terminal and storage medium |
| Publication | Publication Date | Title |
|---|---|---|
| CN109582207B (en) | Display method, device, terminal and storage medium for multitasking management interface | |
| CN105955607B (en) | Content sharing method and device | |
| JP6517236B2 (en) | METHOD, APPARATUS, PROGRAM, AND RECORDING MEDIUM FOR DETERMINING WORK MODE OF TERMINAL | |
| CN106537319A (en) | Split-screen display method and device | |
| CN106028143A (en) | Video live broadcasting method and device | |
| CN106375479B (en) | Data sharing method and device | |
| CN107357505A (en) | The method, apparatus and computer-readable recording medium of screenshot capture | |
| CN106293396A (en) | terminal control method, device and terminal | |
| CN106445354A (en) | Terminal equipment touch control method and terminal equipment touch control device | |
| WO2017113666A1 (en) | Application interface switching method and device | |
| CN111124587B (en) | Interface display method and device, terminal equipment, storage medium | |
| CN105739857A (en) | Mobile terminal control method and apparatus | |
| CN106843592A (en) | Touch control method and device and mobile terminal | |
| CN106775708A (en) | The page layout switch control method and device of mobile terminal | |
| CN106547663A (en) | Button management method and device | |
| CN106502560A (en) | Display control method and device | |
| CN105094539B (en) | Reference information display methods and device | |
| CN110209454A (en) | Interface switching method and changing interface device | |
| CN106844717A (en) | Webpage search display methods and device | |
| CN104199609B (en) | The method and device of cursor positioning | |
| CN107885571A (en) | Show page control method and device | |
| JP2016539438A (en) | CONTENT DISPLAY METHOD, CONTENT DISPLAY DEVICE, PROGRAM, AND RECORDING MEDIUM | |
| CN106775228A (en) | The operating method and device of icon | |
| CN112181265B (en) | A touch signal processing method, device and medium | |
| CN106775210A (en) | The method and apparatus that wallpaper is changed |
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |