支付寶小程序NavBar導(dǎo)航欄開發(fā)實(shí)例
支付寶小程序之NavBar 導(dǎo)航欄的實(shí)現(xiàn),是一項(xiàng)很重要的開發(fā)技能,是重要的導(dǎo)航組件,下面為大家介紹NavBar 導(dǎo)航欄開發(fā)如何實(shí)現(xiàn)?
支付寶導(dǎo)航欄分為導(dǎo)航區(qū)域、標(biāo)題區(qū)域以及操作區(qū)域。其中導(dǎo)航區(qū)控制程序頁面進(jìn)程。在 iOS 和 Android 展示有所不同,如下圖所示:
支付寶小程序的頁面,需要通過嵌入支付寶的導(dǎo)航框架,然后再展示給用戶的;支付寶導(dǎo)航欄直接繼承于客戶端,開發(fā)者無需亦不可以對其中的內(nèi)容進(jìn)行自定義。但開發(fā)者需要規(guī)定各個頁面的跳轉(zhuǎn)關(guān)系,讓導(dǎo)航系統(tǒng)能夠以合理的方式工作。
導(dǎo)航區(qū):
通常只有一個操作,即返回上一級界面。開發(fā)者只能定義其內(nèi)容;當(dāng)用戶進(jìn)入支付寶小程序的頁面層級超過三級以后,同時顯示返回和關(guān)閉按鈕,關(guān)閉則離開支付寶小程序的頁面,回到支付寶;
標(biāo)題區(qū):
開發(fā)者可以為每個頁面定義標(biāo)題,標(biāo)題的文字展示區(qū)域固定,超出長度則會被省略。如果缺省則默認(rèn)顯示支付寶小程序的服務(wù)/應(yīng)用的名字;
操作區(qū):
操作區(qū)默認(rèn)為“更多”圖標(biāo),點(diǎn)擊喚起操作菜單;開發(fā)者也可以自定義操作區(qū),最多定義兩個圖標(biāo)的操作按鈕或者一個文字(兩個字)的操作按鈕;
HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。
更多小程序開發(fā)案例,盡在:http://zytcm.com.cn/xiaocx/kaifa.html