原生导航栏控制

发布时间：2019-02-12 23:38:33 作者：vivin 阅读量：2889

导航栏功能模块

---

导航栏可能设置左右两个功能按键，可以动态的改变按键功能。通过透明度配置实现浸入效果。JSAPI无需引放任何js文件直接调用。

---

BSL.AppTop('flag','isLong')

页面内JS控制导航栏的显示与隐藏

参数	必填	说明
flag	是	固定值：1/0。1：显示导航栏，0：隐藏导航栏。
islong	是	固定值：1/0。1：全局，0：当前页。

示例代码

<script>	

function appFinishiLoad()

{		

BSL.AppTop('0','0') 

//当前页隐藏导航栏	

}

</script>

BSL.AppTopL('state','buttonImage')

页面内JS控制导航栏的左侧按键

参数	必填	说明
state	是	固定值：0到9。功能：0（分享）1（二维码）2（关于）3（清除缓存）4（打开链接）5（前进）6（后退）7（刷新）8（关闭）9（打开左侧栏）
buttonImage	否	指定图标，图标大小60*60。不填写或加载失败时显示默认功能图标。图片网址要填写完整地址。如：http://www.xxx.com/1.png

示例代码

<script>	

function appFinishiLoad()

{		

BSL.AppTopL('0','') 

//原生导航栏左侧设置为分享，使用默认图标。	

}

</script>

BSL.AppTopR('state','buttonImage')

页面内JS控制导航栏的右侧按键

参数	必填	说明
state	是	固定值：0到9。功能：0（分享）1（二维码）2（关于）3（清除缓存）4（打开链接）5（前进）6（后退）7（刷新）8（关闭）9（打开左侧栏）
buttonImage	否	指定图标，图标大小60*60。不填写或加载失败时显示默认功能图标。图片网址要填写完整地址。如：http://www.xxx.com/1.png

示例代码

<script>	

function appFinishiLoad()

{		

BSL.AppTopR('0','') 

//原生导航栏右侧设置为分享，使用默认图标。	

}

</script>

BSL.navbarColor('color','isLong');

页面内JS控制导航栏的背景颜色

参数	必填	说明
color	是	16进制的颜色值，例如 #FFC0CB
isLong	是	固定值：1/0。1：全局，0：当前页。

示例代码

<script>	

function appFinishiLoad()

{		

BSL.navbarColor('#FFC0CB','0') 

//临时改变原生导航栏背景色	

}

</script>

BSL.SetNavBarAlpha('alpha','isLong')

通过透明度配置，可以实现常见的浸入效果。

参数	必填	说明
alpha	是	固定值：0.01~0.99。0.01：为全透明菜单栏，0.99：不透明菜单栏。
isLong	是	固定值：1/0。1：全局，0：当前页。

示例代码

<script>	

function appFinishiLoad()

{		

BSL.SetNavBarAlpha('0.01','0') 

//临时改变原生导航栏为全透明。	

}

</script>

BSL.SlideHideNav(flag)

开启/关闭上下滑动隐藏导航栏

参数	必填	说明
flag	是	固定值。1（开启）0（关闭）

示例代码

<script>	

function appFinishiLoad()

{		

BSL.SlideHideNav('0') 

//关闭网页滑动时原生导航栏隐藏。	

}

</script>

BSL.SetTitleName(title,color)

控制导航栏显示名与颜色。

参数	必填	说明
title	是	当前页面要显示的文字。
color	是	当前页面要显示的颜色。如：#ffffff

示例代码

<script>

function appFinishiLoad()

{		

BSL.SetTitleName('封装App','#ffffff') 

//当页网页原生导航栏标题文字。	

}

</script>

我要评论

网友评论

评论时间：2023-06-16 02:52:02

②若您对本程序有任何疑问或不懂之处，可通过在线客服app使用什么技术最好 咨询iapp制作软件的退出代码 ，可通过在线客服咨询

回复

回复 

活动发布区版规

附加通用版规

活动发布区版规

社交短视频源码开发

置顶通知！发帖请务必遵守法律法规

董欣微商源码开发

微商云仓源码开发

抖音字节跳动小程序商城搭建

社区团购APP开发

小优直播推广app系统开发

现成阅读小说系统小程序搭建模式软件

短视频批量发布视频软件_短视频定时发布视频软件_短视频自动发布视频 ...

源创优品社区团购系统开发

竞争大、成本高，理发店如何做O2O？

别让这些设计误区毁了你的APP

开发理财APP可以参考哪些不错移动端？

如何开发安卓APP? 这款Android软件开发工具，让你零编程在线制作安卓APP ...

汽车服务APP开发：一键式免编程附汽车APP开发方案

电商APP开发公司:免编程自己制作电商APP，可节省90%成本的新模式 ...

APP开发定制：社交APP

生活门户APP开发：不需编程教你开发一个上门服务APP

B2C移动商城app软件开发应注意哪些问题B2C移动商城app软件开发-酷蜂科 ...

手机APP开发者让摄影无处不在

软件程序开发步骤,不用技术5分钟学会自己制作App,省90%成本

陕西家具租赁app开发用户需求有哪些？源码提供