頂部導(dǎo)航欄
頂部導(dǎo)航欄始終固定在屏幕頂部,不隨頁(yè)面滾動(dòng)隱藏。
智能小程序會(huì)自動(dòng)繼承小程序首頁(yè)頂部導(dǎo)航欄的配置,但每個(gè)頁(yè)面均可配置其頂部導(dǎo)航欄。即同一智能小程序中,不但可同時(shí)存在原生頂部導(dǎo)航欄和自定義導(dǎo)航欄,也可為每個(gè)頁(yè)面定制不同的樣式。
自定義頂部導(dǎo)航欄
百度App v11.1及以上版本的智能小程序,支持自定義頂部導(dǎo)航欄,使其只保留框架控制功能區(qū)。
使用自定義導(dǎo)航欄前,請(qǐng)了解透明框架的頁(yè)面布局基礎(chǔ),此時(shí)原生頂部導(dǎo)航欄中的容器、框架內(nèi)部導(dǎo)航功能區(qū)、頁(yè)面標(biāo)題均不展示,開發(fā)者可自定義當(dāng)前頁(yè)面的頂部導(dǎo)航欄。
我們建議,在使用自定義導(dǎo)航欄時(shí),通過系統(tǒng)信息接口getSystemInfoSync獲得系統(tǒng)狀態(tài)欄的高度(statusBarHeight),并為系統(tǒng)狀態(tài)欄配置與自定義導(dǎo)航欄背景一致的顏色。
正確
普通手機(jī)(1)及全面屏手機(jī)(2)系統(tǒng)狀態(tài)欄均正確適配,且顏色與自定義頂部導(dǎo)航欄一致。
錯(cuò)誤
適配系統(tǒng)狀態(tài)欄高度,但未正確配置顏色。
錯(cuò)誤
未適配系統(tǒng)狀態(tài)欄高度,導(dǎo)致自定義頂部導(dǎo)航欄布局錯(cuò)位。
自定義導(dǎo)航欄的元素建議與控制功能區(qū)對(duì)齊,且與原生頂部導(dǎo)航欄高度一致(iOS為44pt,Android為38pt)。
正確
自定義頂部導(dǎo)航欄元素與控制功能區(qū)垂直居中對(duì)齊
錯(cuò)誤
自定義頂部導(dǎo)航欄元素未對(duì)齊
閱讀本文的人還可以閱讀: