微信小程序開(kāi)發(fā)，導(dǎo)航欄右邊的按鈕怎么設(shè)置？設(shè)置導(dǎo)航條導(dǎo)航條tabBar如果我們的小程序是一個(gè)多標(biāo)簽的應(yīng)用(客戶端窗口的底部或者頂部有一個(gè)切換頁(yè)面的tab bar)，那么我們就可以通過(guò)TabBar配置

微信小程序開(kāi)發(fā)，導(dǎo)航欄右邊的按鈕怎么設(shè)置？

設(shè)置導(dǎo)航條導(dǎo)航條tabBar如果我們的小程序是一個(gè)多標(biāo)簽的應(yīng)用(客戶端窗口的底部或者頂部有一個(gè)切換頁(yè)面的tab bar)，那么我們就可以通過(guò)TabBar配置項(xiàng)來(lái)指定標(biāo)簽欄的性能以及切換標(biāo)簽時(shí)顯示的對(duì)應(yīng)頁(yè)面。提示：通過(guò)頁(yè)面跳轉(zhuǎn)()或頁(yè)面重定向()到達(dá)的頁(yè)面不會(huì)在底部顯示tabbar，即使它是在tabBar配置中定義的頁(yè)面。TabBar是一個(gè)數(shù)組，至少可以配置2個(gè)選項(xiàng)卡，最多可以配置5個(gè)選項(xiàng)卡。選項(xiàng)卡按數(shù)組的順序排序。屬性值：

微信小程序?qū)Ш綑诙喔撸?/strong>

總高度(紅藍(lán))=狀態(tài)欄高度(紅色)(膠囊按鈕頂值-狀態(tài)欄高度)*2膠囊按鈕高度。

導(dǎo)航欄高度(藍(lán)色)=總高度-狀態(tài)欄高度

交互原型設(shè)計(jì)的尺寸要求？

1.iPhone6的界面布局為：屏幕4.7英寸，設(shè)計(jì)稿尺寸為750x1334px。

狀態(tài)欄：就是電源欄，高度40px；

導(dǎo)航：是頂欄，高度88px；

主子菜單條(tab):是標(biāo)簽條和底條，高度為98px；

內(nèi)容區(qū)域：屏幕中間高度為1334px-40px-88px-98px=1108px的區(qū)域。

ui界面設(shè)計(jì)尺寸？

(一)接口尺寸規(guī)格

1.接口尺寸為：750x1334px。

2.狀態(tài)欄：是電源欄，高度40px。

3.導(dǎo)航：是頂欄，高度88px。

4.主子菜單(tab):是一個(gè)標(biāo)簽欄，底部有一個(gè)高度為98px的欄。

5.內(nèi)容區(qū)域：是屏幕中間的區(qū)域，其高度為：1334px-40px-88px-98px=1108px。

(2)圖標(biāo)尺寸規(guī)格

1.導(dǎo)航欄和工具欄的尺寸為44x44px。

2.標(biāo)簽條的尺寸是75x7x。

3.導(dǎo)航欄的最大文本大小為34-36px，標(biāo)簽欄中圖標(biāo)下方的文本大小為20px。

4.內(nèi)容區(qū)的文字大小為：20px 24px，26px，28px，30px，32px，34px。

5.設(shè)置界面圖標(biāo)高度和開(kāi)關(guān)滑動(dòng)按鈕高度：58px。

(3)可點(diǎn)擊的高度規(guī)格

統(tǒng)一成88px。88px是常用的設(shè)計(jì)尺寸。

(4)搜索欄的高度是標(biāo)準(zhǔn)化的

搜索欄的高度統(tǒng)一為58px。

(5)界面元素之間的距離規(guī)格

界面元素間常見(jiàn)距離，親密距離：20px；遠(yuǎn)距：30p x。

A.遙遠(yuǎn)的距離：比如所有元素到手機(jī)最左邊屏幕的距離。

b親密距離：比如左邊圖標(biāo)和右邊文字的距離。

5.5寸屏幕，像素分辨率1242x2208px-@3x，邏輯分辨率414x981px-@1x。物理尺寸為1080x1920px。這個(gè)物理尺寸也是目前最流行的大屏設(shè)計(jì)草圖尺寸。