原生标题栏

手机APP内顶部原生标题栏,可设置多项常规操作功能,比如分享、扫一扫、返回按钮等等。

支持 Android | 支持 iOS |最近更新 2024-4-16

UI/界面

模块说明

手机APP操控区域相对较小,一些日常快捷的功能一般都会放置在标题栏里面,标题栏也就是一个快捷操作工具栏区域;
标题栏经过平台底层原生生成,除了常规工具栏功能外,还附加了单窗口与多窗口属性;
开启原生标题栏,开启多窗口模式,可极大的提升APP内的原生效果体验;
如果您的手机站或HTML页面已经有标题栏,开启后会出现双标题栏,建议使用注入CSS功能在APP内隐藏网页标题栏;

作用:
原生标题栏可极大提升APP操作体验【强力推荐开启】;
为APP增加一个顶部工具栏,方便用户使用;
开启多窗口模式可以实现APP内返回上一页不重新加载页面,秒返无延迟;
设置不同的状态栏和标题栏颜色,提升用户视觉体验;

功能:
支持开启或关闭原生标题栏;
支持APP设置单窗口或多窗口模式;
支持自定义上传标题栏左侧图标,可上传产品LOGO,PNG格式,限高88PX;
支持自定义标题栏中间显示文字,可自定义,默认显示APP名字;
支持设置标题栏左侧按钮【后退】显示或关闭;
支持设置标题栏左侧按钮【扫一扫】显示或关闭,点击启用手机相机扫码;
支持设置标题栏右侧按钮【主页】显示或关闭,任意页面点击返回APP首页;
支持设置标题栏右侧按钮【分享】显示或关闭,点击分享APP页面到微信QQ微博等社交应用;
支持设置标题栏右侧按钮【刷新】显示或关闭,点击刷新当前页面,重载数据;
支持设置标题栏右侧按钮【更多】显示或关闭,点击设置更多下拉菜单,自定义文字导航和链接;
支持设置手机状态栏(电池/信号栏)背景颜色,自定义;
支持设置手机状态栏(电池/信号栏)文字或图标颜色,支持白色或黑色;
支持设置原生标题栏背景颜色,自定义;
支持设置原生标题栏文字或图标颜色,自定义;

开发:
提供jsBridge.uiNavigation开发方案,通过页面JS调用来实现自定义;
提供xapp-navigation链控方案,通过URL添加后缀来实现自定义;

更新日志

2024-04-16
  • 安卓优化 - 增强标题栏功能按钮
  • 苹果优化 - 增强标题栏功能按钮
相关模块
APP内下拉页面实现刷新功能,重新加载页面数据,可全局开启,也可指定页面开启。
引导页一般用于APP首次打开展示,通常显示3至5张可以侧滑轮播图片,做操作引导或活动使用。
一键在线设置APP顶部导航栏或底部导航栏,二选一,按钮支持脚本,可自定义网址导航。
APP唤起设备相机自动识别扫码,支持二维码、条形码,支持嵌入式连续扫码,扫码获得数据结果后可二开自行处理。
2024-9-12 更新
APP内长按页面元素出现对应的功能面板,支持长按页面图片、文字、链接等实现快捷操控。
APP在载入页面数据时出现加载进度提示,包括页面顶部进度条、页面中间加载动画,自选样式。
|
自定义CSS样式表以调整APP内界面UI,无需改动页面源代码,一键注入影响APP所有页面元素。
|
注入自定义JS脚本用于增强页面功能以更好的适配App,无需修改服务器端页面源代码,在线配置。
|
APP启动之后屏幕常亮,不受设备系统屏保限制,长期常亮状态,适合各种广告或展示类应用。
如果识别到APP无法获取网络数据或目标服务器返回错误代码,自动拦截出现原生无网提示页面。
|
APP内返回和退出功能,控制系统返回和页面返回逻辑,控制APP结束进程退出或后台运行退出。
APP内双击屏幕进入图片浏览模式,可快捷保存图片到相册,可一键分享图片到社交应用。
APP全局显示一个浮动按钮,点击出现面板,可放置分享、扫一扫、前进、后退等功能图标方便操作。
显示在APP窗口最底部的一栏快捷工具导航, 包括后退、前进、刷新、清理(缓存)、主页等按钮。
设置APP兼容手机或平板,适配横屏、竖屏或自适应,可开启全屏隐藏设备顶部状态栏。
2021-11-9 更新
在线设置广告启动屏,APP开机屏上半部分可动态实时更换,广泛用于各类广告或活动营销。
手机APP内顶部标题栏,可自定义配色,可设置多项常规操作功能,比如扫一扫、侧滑边栏按钮。
APP内直接打开各种常用的文档,包括pdf、doc、xls、ppt、txt等格式,适合在线阅读类应用。
2022-2-15 更新
APP内向右滑动页面拉出侧边栏,原生效果体验,自定义侧滑边栏导航,可视配置,实时生效。
|
设置安卓5.0+版本系统虚拟导航及苹果X底部横线区域背景色和高度,苹果设备是否可滑屏后退。
2023-9-18 更新
在线设置用户协议与隐私,在首次打开 APP时自动弹出或调用,需用户点击同意后才可以继续操作。
2023-8-23 更新
向APP发送延时的或及时的本地通知,系统级消息展示,可设置 Badge 数字角标,需二次开发。
设置悬浮在页面上的按钮及其操作菜单
悬浮窗口 SYSTEM ALERT WINDOW
2022-5-31 更新
MP4 视频动画欢迎启动屏
2023-6-2 更新
内容联盟 - 整合内容和广告,收益与留存双收
支持设置快捷键或者调用 js 接口截取屏幕图片
设置快捷键所对应执行的操作
多屏幕各自显示指定的内容
配置为单实例(单开)或者多实例(多开)运行模式