Titlebar

2020-02-12 18:27 更新

Titlebar 告訴用戶(hù)當(dāng)前在哪里,并提供小程序的全局設(shè)置和退出入口。當(dāng)處于小程序的非一級(jí)頁(yè)面時(shí),Titlebar 的左側(cè)應(yīng)根據(jù)情況出現(xiàn)「返回」按鈕,幫助用戶(hù)返回上一個(gè)頁(yè)面;

小程序設(shè)置頁(yè)面的 Titlebar 上,不需要常駐全局設(shè)置和退出小程序入口。


主要樣式&應(yīng)用場(chǎng)景

在某些需要沉浸式體驗(yàn)的場(chǎng)景,Titlebar 的背景和標(biāo)題會(huì)隱藏。其他場(chǎng)景,Titlebar 由標(biāo)題、背景、兩個(gè)全局按鈕組成

圖片名稱(chēng)


使用原則

  • TitleBar 在任何頁(yè)面都應(yīng)該存在,否則用戶(hù)將無(wú)法退出小程序和進(jìn)行一些全局性的操作
  • 根據(jù)小程序的場(chǎng)景選擇沉浸/非沉浸的 Titlebar 樣式
  • TitleBar 的標(biāo)題應(yīng)該簡(jiǎn)潔明了,直觀的告訴用戶(hù)當(dāng)前所處的場(chǎng)景


自定義

  • 標(biāo)題可以根據(jù)需要自定義,展示或隱藏,超過(guò)最大寬度后省略更多字?jǐn)?shù)
  • 導(dǎo)航欄的背景可以根據(jù)場(chǎng)景需要,展示、隱藏、或替換成其他顏色


以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)