日本亚洲高清乱码中文在线观看_中文字幕一精品亚洲无线一区_亚洲欧美中文日韩在线v日本_亚洲经典在线中文字幕

底部標(biāo)簽導(dǎo)航可以鏈接多個頁面，實(shí)現(xiàn)各頁面平級切換的效果，在我們制作App時經(jīng)常作為做菜單使用。不過對標(biāo)簽的設(shè)計(jì)很多同學(xué)卻把握不準(zhǔn)尺寸和效果，下面來跟大家分享幾點(diǎn),底部標(biāo)簽的制作技巧。

一、計(jì)算好標(biāo)簽的尺寸

一般建議設(shè)計(jì)標(biāo)簽導(dǎo)航條的總寬度是640像素(制作頁面中控件屬性數(shù)值設(shè)置的寬度最大為320,因此可以得出圖片的實(shí)際尺寸應(yīng)該是在制作頁面設(shè)置數(shù)值的2倍)，所以你要做多少個標(biāo)簽，決定了每個標(biāo)簽的寬度是多少，例如添加4個標(biāo)簽，那么每個標(biāo)簽的寬度就是640/4=160像素。假如你要做5個標(biāo)簽的話，那就是640/5=128像素，以此計(jì)算即可。標(biāo)簽的高度只要一致就可以，但也要適中，一般在50—100像素之間效果最佳。這里用的是98像素(制作頁面中控件屬性數(shù)值設(shè)置的高度就該為49)，你也可以自己設(shè)計(jì)的實(shí)際高度加高或者調(diào)低一些。

二、每個標(biāo)簽制作2種效果用于切換

我們在手機(jī)中點(diǎn)擊按鈕，按下時都會有切換效果，這里也不例外哦，標(biāo)簽導(dǎo)航允許分別設(shè)置【點(diǎn)擊前】和【點(diǎn)擊后】的效果。所以我們就按照步驟一計(jì)算好的尺寸（128×98像素），為每個標(biāo)簽制作2張小圖，如下圖所示，點(diǎn)擊前的標(biāo)簽按鈕圖片都是灰色，點(diǎn)擊后每個選項(xiàng)的上方都出現(xiàn)了一個白色的三角形，這樣在手機(jī)中里點(diǎn)擊時效果就比較明顯了。具體圖片制作方法這兒不說了，大家用photoshop簡單搞定（實(shí)在不會的同學(xué)可以去下載一些對比明顯的素材圖裁剪成對應(yīng)尺寸也可以哦）。做好這10張小圖后將它們上傳到圖片庫里，然后在控件屬性欄中分別設(shè)置每個標(biāo)簽的【圖片】和【按下圖片】。因?yàn)檫@里的標(biāo)簽按鈕我們已經(jīng)在圖片上做好文字了，所以要把“文字顯示”去掉。如果圖片上沒有文字,可以自己輸入。

到這一步，這個底部標(biāo)簽就做好了，在模擬器中點(diǎn)擊它們，可以看到點(diǎn)擊前和點(diǎn)擊后的效果~

三、可用不同方法設(shè)置標(biāo)簽導(dǎo)航

讓標(biāo)簽導(dǎo)航達(dá)到如下效果，我們可以用兩種方法來設(shè)置。

第一種方法：設(shè)計(jì)一個帶背景的640*88像素的導(dǎo)航條，然后將它切成160*88像素的4等份上傳。

第二種方法：設(shè)計(jì)4個PNG格式的透明按鈕上傳，再為整個標(biāo)簽設(shè)置一個背景。

方法二相比方法一多操作了一步，但更換背景效果更靈活哦，大家可以自行選擇。

備注：

1.制作頁面中所有上傳的圖片尺寸一般應(yīng)該為在控件屬性中設(shè)置數(shù)值的2倍。如在控件屬性中，將一個圖片控件高度設(shè)置為120，寬度設(shè)置為150，那么實(shí)際在裁剪圖片時，圖片應(yīng)該裁剪為高度為240px，寬度為300px。這樣在手機(jī)上顯示時才會是高清版的。

2.標(biāo)簽導(dǎo)航中所鏈接的相關(guān)頁面，必須是同一個層級的頁面，不能跨層級鏈接。

相關(guān)問題：

Q我需要給我的每個頁面都單獨(dú)做一個“歷史導(dǎo)航/標(biāo)簽導(dǎo)航”嗎？

A您只需要在制作頁面右上方的“已有導(dǎo)航”中選擇除了顯示名稱不同外，其他結(jié)構(gòu)大小設(shè)計(jì)相同的導(dǎo)航，直接拖入需要使用的頁面即可。比如我的“制作首頁”已經(jīng)有了一個帶返回鍵的歷史導(dǎo)航，我在制作“教程”頁面時，需要一個除了顯示名稱不同外同樣的歷史導(dǎo)航，那我就可以直接在已有導(dǎo)航里，選擇類似導(dǎo)航，直接拖入制作區(qū)域即可。

Q我添加了底部標(biāo)簽導(dǎo)航，為什么我的蘋果手機(jī)客戶端在使用時，點(diǎn)擊底部標(biāo)簽，發(fā)現(xiàn)跳轉(zhuǎn)的不是我之前鏈接的頁面,而在安卓機(jī)上卻沒有問題？

A這個問題和iOS系統(tǒng)的辨別機(jī)制有關(guān)，在蘋果客戶端中，底部標(biāo)簽導(dǎo)航所鏈接的頁面必須是同一個層級關(guān)系，并且同一個層級中只能使用一個底部標(biāo)簽導(dǎo)航控件，不能在一個標(biāo)簽導(dǎo)航控件中，鏈接不同層級的頁面。

關(guān)于層級關(guān)系，請閱讀以下內(nèi)容。

http://www.langshizhenggu.com/infomanage_getInfoDetail.action?visitType=c&id=35