Xcode自定义app内部导航栏

最新推荐文章于 2021-08-04 16:54:44 发布

qq_27312785

最新推荐文章于 2021-08-04 16:54:44 发布

阅读量492

点赞数 1

分类专栏： cordova&xcode

本文链接：https://blog.csdn.net/qq_27312785/article/details/60958578

版权

本文档介绍了如何在Xcode项目中使用ThemeableBrowser插件自定义app内部的导航栏，包括安装插件、设置图片素材、修改代码以实现自定义导航栏样式，并提供了相关事件监听和错误处理的代码示例。

摘要由CSDN通过智能技术生成

Xcode自定义app内部导航栏
一.说明
inappbrowser和安装插件themeablebrowser都是内置浏览器。
后者兼容前者所有功能，且后者可以自定义导航栏的样式。

一.安装插件
1.通过cordova 安装插件themeablebrowser
控制台命令：cordova plugin add cordova-plugin-themeablebrowser
二.图片素材位置
1.设计图片位置：项目名称（xuewo）/platforms/ios/www/img/**.png
2.设计图片位置：项目名称（xuewo）/www/img/**.png
说明：1和2文件要保持一致
back.png返回按钮
back_pressed.png返回按钮按下去后
forward.png前进按钮
forward_pressed.png前进按下去后

三.在项目中代码引入插件
1.修改代码位置：项目名称（xuewo）/platforms/ios/www/js/index.js
2.修改代码位置：项目名称（xuewo）/www/js/index.js
说明：1和2文件要保持一致
receivedEvent: function(id) {
var options={

toolbar: {
height: 44,
color: '#f6f6f6'
},
title: {