标题栏与页面元素的联动方法、存储介质、电子设备及系统技术方案

本发明专利技术公开了一种标题栏与页面元素的联动方法、存储介质、电子设备及系统，涉及Android系统的页面布局开发领域。该方法的步骤为：客户端创建覆盖整个显示界面的标题栏容器，客户端将标题栏视图列表，放置于标题栏容器中，客户端在标题栏容器中创建占位容器；当标题视图被点击时，客户端将被点击的标题视图的视图名称和视图id发送至服务端；服务端判断视图名称与视图id是否匹配，若是，向客户端返回视图id对应的页面元素页面，转到S5；否则向客户端返回异常信息。本发明专利技术通过2个层级的交互来完成标题栏与页面元素的联动，不仅逻辑比较简单，耦合度较低，而且交互过程较短，进而提高了页面元素的切换速度，增加了用户体验。

【技术实现步骤摘要】
标题栏与页面元素的联动方法、存储介质、电子设备及系统
本专利技术涉及Android系统的页面布局开发领域，具体涉及一种标题栏与页面元素的联动方法、存储介质、电子设备及系统。
技术介绍
在Android系统的页面布局开发过程中，常见的页面布局为：界面顶部为标题栏，也就是多个标题栏目信息，标题栏下面承载有每个标题的页面元素；当用户点击标题栏上的一个标题时，动态切换与点击的标题对应的页面元素。上述布局的实现方法一般为：创建用于显示整个界面的界面显示容器，界面显示容器中创建有标题栏容器和页面元素承载容器。标题栏容器位于界面显示容器的顶部，标题栏容器中设置有用于显示标题栏的标题栏组件(tablayout)；页面元素承载容器位于标题栏容器的下方，页面元素承载容器中，设置有用于承载标题栏中每个标题对应的页面元素的视图页面组件(ViewPager)、以及页面元素显示容器。将tablayout、ViewPager和页面元素显示容器进行关联后，当用户点击标题时(tablayout监听到点击消息)，tablayout告知ViewPager标题变更消息，ViewPager根据标题变更消息，切换显示页面元素显示容器的页面元素。但是，上述布局的实现方法存在以下缺陷：上述布局的进行标题栏与页面元素的联动时(即根据被点击的标题切换显示页面元素)，需要通过4个层级(即4个不同容器)交互来实现：1、在界面显示容器中点击标题栏，2、tablayout监听点击消息，3、ablayout告知ViewPager标题变更消息，4、ViewPager控制页面元素显示容器切换显示页面元素。4个层级的交互不仅逻辑比较复杂，耦合度较高，不便于后期的维护和扩展，而且4个层级的交互过程较长，会降低页面元素的切换速度，进而降低了用户体验。
技术实现思路
针对现有技术中存在的缺陷，本专利技术解决的技术问题为：如何在简化Android系统的标题栏与页面元素的联动过程的同时，提高页面元素的切换速度。本专利技术的联动过程不仅逻辑比较简单，耦合度较低，而且交互过程较短，进而增加了用户体验。为达到以上目的，本专利技术提供的标题栏与页面元素的联动方法，包括以下步骤：S1：客户端创建覆盖整个显示界面的标题栏容器，客户端从服务端获取标题栏视图列表，标题栏视图列表包括若干幅标题视图；客户端将标题栏组图放置于标题栏容器中，转到S2；S2：客户端在标题栏容器中创建占位容器，占位容器中设置有占位页面，转动S3；S3：当标题视图被用户点击时，客户端将被点击的标题视图的视图名称和视图id发送至服务端，转到S4；S4：服务端判断视图名称与视图id是否匹配，若是，向客户端返回视图id对应的页面元素页面，转到S5；否则向客户端返回异常信息，转到S6；S5：客户端将占位容器中的占位页面，替换为收到的页面元素页面；S6：客户端在标题栏容器、或者占位容器中的占位页面中，显示收到的异常信息。本专利技术提供的存储介质，该存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述标题与页面元素的联动方法。本专利技术提供的电子设备，包括存储器和处理器，存储器上储存有在处理器上运行的计算机程序，处理器执行计算机程序时实现上述标题栏与页面元素的联动方法。本专利技术提供的标题栏与页面元素的联动系统，包括位于客户端上的标题栏容器创建模块、占位容器创建模块、标题视图点击监听模块，以及位于服务端上的页面元素下发模块；标题栏容器创建模块用于：创建覆盖整个显示界面的标题栏容器，从服务端获取标题栏视图列表，标题栏视图列表包括若干幅标题视图；将标题栏组图放置于标题栏容器中，向占位容器创建模块发送占位容器创建信号；占位容器创建模块用于：收到占位容器创建信号后，在标题栏容器中创建占位容器，占位容器中设置有占位页面；标题视图点击监听模块用于：当标题视图被用户点击时，将被点击的标题视图的视图名称和视图id发送至页面元素下发模块；收到页面元素下发模块返回的页面元素页面时，将占位容器中的占位页面，替换为收到的页面元素页面；收到页面元素下发模块返回的异常信息时，显示收到的异常信息；页面元素下发模块用于：收到视图名称和视图id后，判断视图名称与视图id是否匹配，若是，向标题视图点击监听模块返回视图id对应的页面元素页面；否则向标题视图点击监听模块返回异常信息。与现有技术相比，本专利技术的优点在于：(1)参见本专利技术S1至S4可知，与现有技术中通过4个层级交互来完成标题栏与页面元素的联动相比，本专利技术通过2个层级的交互(标题栏容器和占位容器)来完成标题栏与页面元素的联动，不仅逻辑比较简单，耦合度较低，便于后期的维护和扩展，而且交互过程较短，进而提高了页面元素的切换速度，增加了用户体验。与此同时，参见本专利技术S4可知，本专利技术通过服务端下发页面元素，与现有技术中承载有标题栏中每个标题对应的页面元素的视图页面组件相比，本专利技术中的客户端并没有承载页面元素，显著节约了客户端的内存，进而提升了客户端的性能，进一步增加了用户体验。(2)参见本专利技术S4可知，本专利技术向客户端返回页面元素之前，会确定客户端收到的视图名称与视图id是否匹配，当视图名称与视图id不匹配时，不会返回页面元素，因为此时返回的页面元素不符合用户需求。因此，本专利技术保证了页面信息的显示质量，进一步增加了用户体验。附图说明图1为本专利技术实施例中标题栏与页面元素的联动方法的流程图；图2为本专利技术实施例中电子设备的连接框图。具体实施方式以下结合附图及实施例对本专利技术作进一步详细说明。参见图1所示，本专利技术实施例中的标题栏与页面元素的联动方法，包括以下步骤：S1：客户端创建覆盖整个显示界面的标题栏容器，客户端从服务端获取标题栏视图列表，标题栏视图列表包括若干幅标题视图；客户端将标题栏组图置于标题栏容器的顶部，转到S2。S1中的标题栏容器选用recycleView，recycleView是Android系统提供的专门用于存放列表元素的视图容器，由于标题栏视图列表刚好是一系列的列表元素，因此正好可以使用recycleView来进行承载。S2：客户端在标题栏容器中创建占位容器，占位容器中设置有占位页面，占位容器位于标题栏容器的下方，转动S3。S3：当标题视图被用户点击时，客户端将被点击的标题视图的视图名称和视图id发送至服务端，转到S4。S3的具体流程为：预先通过addOnItemTouchListener方法，在Android系统中注册标题视图点击事件；当标题视图被点击时，Android系统将标题视图点击事件发送至recycleView的监听器中，监听器解析标题视图点击事件，得到被点击的标题视图的视图名称和视图id；客户端将视图名称和视图id发送至服务端。S4：服务端判断视图名称与视图id是否匹配，若是，向客户端返回视图id对应的页面元素页面，转到S5；否则向客户端返回异常信息，转到S6。S4中视图名称与视图id不匹配时返回异常信息的原因为：定义S1中标题栏视图列表中的1幅标题视图名称为英雄联盟，视图id为1。在S1至S4之前，服务端因升级或其他原因，将视图id为1对应的视图名称由英雄联盟改变为王者荣耀；此时当服务端收到客户端上传的视图id为1、视图名称为英雄联盟的信息时(即视图名称与视图id不匹配)，若根据视图id返回对应的页面元素，则本文档来自技高网...

【技术保护点】
1.一种标题栏与页面元素的联动方法，其特征在于，该方法包括以下步骤：S1：客户端创建覆盖整个显示界面的标题栏容器，客户端从服务端获取标题栏视图列表，标题栏视图列表包括若干幅标题视图；客户端将标题栏组图放置于标题栏容器中，转到S2；S2：客户端在标题栏容器中创建占位容器，占位容器中设置有占位页面，转动S3；S3：当标题视图被用户点击时，客户端将被点击的标题视图的视图名称和视图id发送至服务端，转到S4；S4：服务端判断视图名称与视图id是否匹配，若是，向客户端返回视图id对应的页面元素页面，转到S5；否则向客户端返回异常信息，转到S6；S5：客户端将占位容器中的占位页面，替换为收到的页面元素页面；S6：客户端在标题栏容器、或者占位容器中的占位页面中，显示收到的异常信息。

【技术特征摘要】
1.一种标题栏与页面元素的联动方法，其特征在于，该方法包括以下步骤：S1：客户端创建覆盖整个显示界面的标题栏容器，客户端从服务端获取标题栏视图列表，标题栏视图列表包括若干幅标题视图；客户端将标题栏组图放置于标题栏容器中，转到S2；S2：客户端在标题栏容器中创建占位容器，占位容器中设置有占位页面，转动S3；S3：当标题视图被用户点击时，客户端将被点击的标题视图的视图名称和视图id发送至服务端，转到S4；S4：服务端判断视图名称与视图id是否匹配，若是，向客户端返回视图id对应的页面元素页面，转到S5；否则向客户端返回异常信息，转到S6；S5：客户端将占位容器中的占位页面，替换为收到的页面元素页面；S6：客户端在标题栏容器、或者占位容器中的占位页面中，显示收到的异常信息。2.如权利要求1所述的标题栏与页面元素的联动方法，其特征在于：S4中所述服务端判断视图名称与视图id是否匹配的流程包括：服务端在预先创建视图名称与视图id的映射列表中，确定与收到的视图id对应的视图名称；判断确定的视图名称是否与收到的视图名称相同，若是则确定视图名称与视图id匹配，否则确定视图名称与视图id不匹配。3.如权利要求1或2所述的标题栏与页面元素的联动方法，其特征在于：S1中所述标题栏容器选用Android系统提供的recycleView；S3的流程包括：预先通过addOnItemTouchListener方法，在Android系统中注册标题视图点击事件；当标题视图被点击时，Android系统将标题视图点击事件发送至recycleView的监听器中，监听器解析标题视图点击事件，得到被点击的标题视图的视图名称和视图id；客户端将视图名称和视图id发送至服务端。4.如权利要求1或2所述的标题栏与页面元素的联动方法，其特征在于：S1中所述标题栏组图位于标题栏容器的顶部，S2中所述占位容器位于标题栏组图的下方。5.一种存储介质，该存储介质上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现权利要求1至4任一项所述的方法。6.一种电子设备，包括存储器和处理器，存储器上储存有在处理器上运行的计算机程序，其特征在于：处理器执行计算机程序时实现权利要求1至4任一项所述的方法。7.一种标题栏...

【专利技术属性】
技术研发人员：张磊，陈少杰，张文明，
申请(专利权)人：武汉斗鱼网络科技有限公司，
类型：发明
国别省市：湖北,42