一种手机App页面导航方法技术

本发明专利技术适用于计算机领域，提供了一种手机App页面导航方法，所述方法包括：定位当前页面的状态栏，获取状态栏的背景颜色深浅信息；根据状态栏的背景颜色深浅信息配置状态栏样式；其中，所述当前页面状态栏对应的样式至少包括基准样式配置中至少一种以及自定义样式，并且每个样式配置为单例类；根据当前页面所配置的状态栏样式，通过调取独立的导航配置文件充当数据模型，以实现对页面自定义导航的配置，本发明专利技术的有益效果是：操作简单，页面导航切换流畅。畅。畅。

【技术实现步骤摘要】
一种手机App页面导航方法


[0001]本专利技术属于手机页面导航领域，尤其涉及一种手机App页面导航方法。

技术介绍

[0002]在移动App的日常开发中经常会碰到页面导航颜色、主题及特定场景的自定义配置，例如主题色、渐变色、透明、隐藏，甚至有随着页面滚动改变导航条颜色的场景，同时为了UI的完美呈现，状态栏样式有时也要随之变化。虽说系统的导航可以实现上述场景，但由于其导航的特殊共享性，使得这一系列操作变得尤为复杂。不但进入页面要设置，退出页面时还要复原到目标页面原有的主题，当遇到跨页面返回时此复原就变的更加复杂和不确定。另外如果App再支持手势返回那随手势完成度的渐变导航的处理就更加难以实现甚至bug连连，很难达到产品或设计需要的效果。

技术实现思路

[0003]本专利技术实施例的目的在于提供一种手机App页面导航方法，旨在解决上述
技术介绍
中提出的问题。
[0004]本专利技术实施例是这样实现的，一种手机App页面导航方法，所述方法包括以下步骤：
[0005]定位当前页面的状态栏，获取状态栏的背景颜色深浅信息；
[0006]根据状态栏的背景颜色深浅信息配置状态栏样式；
[0007]其中，所述当前页面状态栏对应的样式至少包括基准样式配置中至少一种以及自定义样式，并且每个样式配置为单例类；
[0008]根据当前页面所配置的状态栏样式，通过调取独立的导航配置文件充当数据模型，以实现对页面自定义导航的配置。
[0009]作为本专利技术的进一步方案，导航配置文件至少内置四种模式，四种模式包括常规模式、主题模式、透明模式和隐藏模式。
[0010]作为本专利技术的再进一步方案，所述常规模式为默认通用配置，常规模式配置白色背景、字体、子标题字体和显示底部分割线。
[0011]作为本专利技术的又进一步方案，所述主题模式在常规模式上设置下背景色和白色字色，并根据需要隐藏和显示导航底部分割线及颜色。
[0012]作为本专利技术的进一步方案，所述透明模式配置透明背景、隐藏底部分割线。
[0013]作为本专利技术的进一步方案，所述隐藏模式同基础配置，其操作时页面不配置导航。
[0014]作为本专利技术的进一步方案，所述自定义样式可通过四种模式创建，然后再直接通过自研视图组件公有API进行直接设置。
[0015]本专利技术实施例提供的一种手机App页面导航方法，具有以下有益效果：
[0016]1)：导航配置类内置常规、主题、透明、隐藏四种常用样式配置，设计中为了避免重复的创建、销毁来节省内存开销，四个样式配置类为单例类。因为它只是导航的一个配置文
件，所以在使用过程中一定不要修改这四种样式的默认配置，需要修改的可以直接通过导航的API接口进行直接设置或者通过自研的导航配置类去生成；
[0017]2)：页面状态栏会自动根据导航背景色深浅去匹配合适的样式。该设置在基类里实现，通过算法算出导航的背景色的R、G、B值，来抉择出深/浅色然后自动匹配其对应的状态栏样式；
[0018]3)：自研导航属于当前页面，仅受当前页面管理和销毁，页面初始化时只需一次配置，简单、明了且易维护、扩展。
附图说明
[0019]图1是一种手机App页面导航方法中常规的页面跳转和返回流程图即每次只返回一个页面示意图。
[0020]图2是一种手机App页面导航方法中复杂的页面跳转和返回流程图即每次可能返回多个页面的流程图。
具体实施方式
[0021]为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。
[0022]以下结合具体实施例对本专利技术的具体实现进行详细描述。
[0023]现有技术中的主流导航的实现方法，总结可大致归纳为两种：
[0024]1.仿系统性
‑
通过大量的方法替换和复杂的实现方法基本能达成
[0025]2.去系统性
‑
舍弃/隐藏系统导航完全自定义；
[0026]第1种比较高级、复杂，追求近乎原生性体验，但是方法替换对原有系统实现有侵染且复杂的渐变场景仍需自定义实现，个别场景返回有抖动现象，并且可能对版本适配有潜在风险；
[0027]第2种实现起来比较简单，能实现各种复杂场景且完全不用考虑版本兼容性问题，多数配置起来稍微复杂、无内置场景类型，自动性差，基本不会想到去动态联动适配状态栏样式。
[0028]本专利技术提供的一种手机App页面导航方法，根据平时所遇到的基本场景内置了常用、主题、透明、隐藏、自定义等样式，支持完全的自定义，且完全不用关心状态栏的样式(因为底层实现了根据状态栏颜色深浅算法来抉择一种与之匹配的状态栏样式)，操作配置简单。由于采用了单例配置模式，节省了内存开销，由于该自定义导航完全归属于当前页面，所以也完全不存在和担心跨页面返回恢复主题和手势返回渐变的颜色抖动问题，解决了
技术介绍
中的技术问题。
[0029]如图1所示，为本专利技术的一个实施例提供的一种手机App页面导航方法的主流程图，摒弃系统单例/全局的模式，把独立的导航配置文件配置到当前页面，通过继承和封装(内置常用、主题、透明、隐藏等模式)使页面导航自定义配置一步达成。由于导航成了页面UI的一部分，因此在转场及返回时不会出现如上描述的信息，可谓一次性解决永除后患。本设计采用MVC(Model数据模型、View视图、Controller控制器)的设计模式，在页面控制器中
通过导航配置文件充当数据模型来配置自定义导航视图。
[0030]具体的，采用如下步骤来实现，所述一种手机App页面导航方法包括：
[0031]步骤S10：定位当前页面的状态栏，获取状态栏的背景颜色深浅信息；
[0032]步骤S11：根据状态栏的背景颜色深浅信息配置状态栏样式；
[0033]其中，所述当前页面状态栏对应的样式至少包括基准样式配置中至少一种以及自定义样式，并且每个样式配置为单例类；
[0034]步骤S12：根据当前页面所配置的状态栏样式，通过调取独立的导航配置文件充当数据模型，以实现对页面自定义导航的配置。
[0035]1.页面基类控制器通过懒加载的方式创建自研导航，并默认常规样式，并根据导航颜色深浅算法匹配状态栏样式。
[0036]2.需求页面全部继承自页面基类控制器，并根据实际需要场景设置四种内置导航栏模式(常规、主题、透明、隐藏)之一，可以说一行代码搞定导航配置。
[0037]除四种常规样式之外的配置，可通过四种模式创建，然后再直接通过自研视图组件公有API进行直接设置。对于高度自定义的比如渐变的可以根据实际需要完全自定义实现。
[0038]作为本专利技术的一种优选实施例，导航配置文件至少内置四种模式，四种模式包括常规模式、主题模式、透明模式和隐藏模式
[0039]作为本专利技术的一种优选实施例，所述常规模式为默认通本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种手机App页面导航方法，其特征在于，所述方法包括：定位当前页面的状态栏，获取状态栏的背景颜色深浅信息；根据状态栏的背景颜色深浅信息配置状态栏样式；其中，所述当前页面状态栏对应的样式至少包括基准样式配置中至少一种以及自定义样式，并且每个样式配置为单例类；根据当前页面所配置的状态栏样式，通过调取独立的导航配置文件充当数据模型，以实现对页面自定义导航的配置。2.根据权利要求1所述的手机App页面导航方法，其特征在于，导航配置文件至少内置四种模式，四种模式包括常规模式、主题模式、透明模式和隐藏模式。3.根据权利要求2所述的手机App页面导航方法，其特征在于，所述常规模式为默认通用配置，常规模式配置白色背景、字...

【专利技术属性】
技术研发人员：周晔，穆海洁，于云飞，
申请(专利权)人：上海汇付支付有限公司，
类型：发明
国别省市：