[发明专利]标题栏与页面元素的联动方法、存储介质、电子设备及系统

说明书

本发明公开了一种标题栏与页面元素的联动方法、存储介质、电子设备及系统，涉及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：客户端在标题栏容器、或者占位容器中的占位页面中，显示收到的异常信息。

本发明提供的存储介质，该存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述标题栏与页面元素的联动方法。