android studio 顶部导航栏_微信小程序自定义navigationBar顶部导航栏,兼容适配所有机型(附完整案例)...

android studio 顶部导航栏_微信小程序自定义navigationBar顶部导航栏,兼容适配所有机型(附完整案例)..._第1张图片
本文首发自个人自有博客:【FaxMiao个人博客】,一个关注Web前端开发技术、关注用户体验、记录前端点滴,坚持更多原创,为大家提供高质量技术博文!

前言

navigationBar相信大家都不陌生把?今天我们就来说说自定义navigationBar,把它改变成我们想要的样子(搜索框+胶囊、搜索框+返回按钮+胶囊等)。

思路

  • 隐藏原生样式
  • 获取胶囊按钮、状态栏相关数据以供后续计算
  • 根据不同机型计算出该机型的导航栏高度,进行适配
  • 编写新的导航栏
  • 引用到页面

正文

一、隐藏原生的navigationBar

window全局配置里有个参数:navigationStyle(导航栏样式),default=默认样式,custom=自定义样式。

"window"

让我们看看隐藏后的效果:

你可能感兴趣的:(android,studio,顶部导航栏,用jsp做导航栏,自定义组件怎么接受返回参数)