[发明专利]一种实现多Tab页面切换的方法在审
申请号: | 202211728541.7 | 申请日: | 2022-12-29 |
公开(公告)号: | CN116166159A | 公开(公告)日: | 2023-05-26 |
发明(设计)人: | 唐玉梅;陈志远;陈俊标 | 申请(专利权)人: | 霞智科技有限公司 |
主分类号: | G06F3/0482 | 分类号: | G06F3/0482;G06F3/0484;G06F3/0485;G06F3/0488 |
代理公司: | 北京和信华成知识产权代理事务所(普通合伙) 11390 | 代理人: | 张菊萍 |
地址: | 210046 江苏省*** | 国省代码: | 江苏;32 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 实现 tab 页面 切换 方法 | ||
1.一种实现多Tab页面切换的方法,其特征在于,包括以下步骤:
步骤一:定义三个数组分别存放可视化操作Tab区、可隐藏全部Tab区以及数据内容显示区,用于存放各个tab页的数据,包含tab页的名称以及所关联页面的重要信息;
步骤二:为“更多”标签页设置是否打开的布尔型变量;
步骤三:对“更多”标签的点击增加遮罩层;
步骤四:设置一个变量暂存当前用户点击的tab标签序号;
步骤五:设置监听,每次用户点击普通标签页和更多标签页,包括点击可操作区tab区域的时候,都会触发对应的事件;
步骤六:标签页被点击时,更改当前用户点击的tab标签序号,并根据所关联页面的重要信息切换展示到对应的页面;
步骤七:对于用户点击可视化操作tab区域的时候,仅切换页面内显示的内容进行展示,但是不改变可操作区域本身以及全部tab区域的内容以及顺序;
步骤八:当用户点击“更多”标签的时候,下拉展示全部的tab页平铺给用户查找,并显示遮罩层;
步骤九:当用户点击可选择tab页外部遮罩层的时候,隐藏遮罩层并回到可视化操作Tab区显示部分;
步骤十:对用户在全部标签页中的点击项做出判断,若标签页不在原本可视化tab区域内,则将可视化tab区域的核心位置替换为当前用户选择的tab页,并同步更新可视化操作Tab区。
2.根据权利要求1所述的一种实现多Tab页面切换的方法,其特征在于,还包括触摸式移动终端与切换系统;
所述触摸式移动终端,具有交互界面,所述交互界面包括Tab区和数据区;
所述切换系统,包括切换配置模块、跳转拦截模块与页面跳转模块。
3.根据权利要求2所述的一种实现多Tab页面切换的方法,其特征在于,所述Tab区包括多个Tab标签显示区,所述Tab标签显示区显示Tab标签并对应Tab标签列表,所述数据区展示被选中的所述Tab标签对应的用户数据,所述Tab标签列表包括多个所述Tab标签及所述Tab标签对应的所述用户数据。
4.根据权利要求2所述的一种实现多Tab页面切换的方法,其特征在于,所述切换配置模块,用于接收切换配置文件并存储,所述切换配置文件包括需替换的原页面的标识所对应的切换信息,所述切换信息包括替换页面的标识;
所述跳转拦截模块,用于检测到应用页面跳转操作时,确定跳转页面的标识信息;
所述页面跳转模块,用于判断所述切换配置文件中是否存在与所述原跳转页面相对应的切换信息,如果是,则根据所述切换信息跳转至所对应的替换页面。
5.根据权利要求4所述的一种实现多Tab页面切换的方法,其特征在于,还包括数据迁移模块,用于在所述页面跳转模块根据所述切换信息跳转至所对应的替换页面之后,提取所述原跳转页面的属性值,将所述属性值赋值给所述替换页面。
6.根据权利要求2所述的一种实现多Tab页面切换的方法,其特征在于,还包括监测模块、获取模块与切换模块;
监测模块,用于监测任一所述Tab标签显示区内是否有触摸操作;
获取模块,用于根据所述监测模块的监测结果获取所述触摸操作的操作属性,所述操作属性包括操作类型和操作参数;
切换模块,用于根据所述操作属性实现所述Tab标签显示区显示的Tab标签的切换及所述Tab标签所对应的用户数据的切换。
7.根据权利要求6所述的一种实现多Tab页面切换的方法,其特征在于,还包括建立模块,所述建立模块,用于建立每一所述Tab标签县市区对应的Tab所述标签列表。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于霞智科技有限公司,未经霞智科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202211728541.7/1.html,转载请声明来源钻瓜专利网。