本文并非關(guān)于引導(dǎo)畫面該采用何種形式、該如何定義信息、有什么注意事項(xiàng)方面的介紹。

成都創(chuàng)新互聯(lián)公司長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為隰縣企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)，隰縣網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

本文描述的是，引導(dǎo)畫面該如何才能較好的適配各種分辨率，了解此處有助于更好的定義引導(dǎo)畫面，以及保持同設(shè)計(jì)師、工程師的良好溝通。

作為產(chǎn)品人員，需要向不同方向延伸了解一些知識，這些知識能讓溝通更順暢。

這些所了解的知識，可能會(huì)有一些錯(cuò)誤，當(dāng)發(fā)現(xiàn)問題時(shí)，隨時(shí)更新自己的知識體系。

一、本文提到的引導(dǎo)畫面的形式

類似下圖，一個(gè)引導(dǎo)畫面是一屏，左右拖動(dòng)來切換

圖1：有道云筆記Android 1.2.0引導(dǎo)畫面

圖2：有道云筆記Android 2.0.0引導(dǎo)畫面

二、實(shí)現(xiàn)方式之一：底色配合圖片縮放

需要知道的是，同一DPI的設(shè)備也有不同的分辨率，比如Hdpi最常見的就有480×800和480×854的分辨率，還有其他的，比如480×640、600×1024….

因此，想對不同dpi做一種分辨率的方法，會(huì)存在問題。

我嘗試用圖來說明一下一張圖片，如果不做處理在不同機(jī)器和不同分辨率上的顯示樣式：

以Galaxy Nexus為例，屏幕分辨率為720×1280，狀態(tài)欄為50px，下方虛擬鍵盤欄為96px，所以實(shí)際中間圖片大小為720×1134

2.1 在不同分辨率下的顯示樣式

讓我們模擬下此720×1134的引導(dǎo)圖在720×1280分辨率的設(shè)備上的顯示樣式如下圖：

圖A：720×1134的引導(dǎo)圖在720×1280設(shè)備的顯示樣式

當(dāng)我們在一臺480×800分辨率的設(shè)備上顯示時(shí)，圖片會(huì)縮小為480px的寬度顯示，此時(shí)高度對應(yīng)會(huì)等比縮小為756px顯示，假設(shè)此時(shí)狀態(tài)欄標(biāo)準(zhǔn)高度為38px，則會(huì)空余16px的空間。如果我們設(shè)置背景顏色為紅色，則此時(shí)顯示狀態(tài)如下圖：

圖B：720×1134的引導(dǎo)圖在480×800設(shè)備的顯示樣式

同理，當(dāng)我們在一臺320×480分辨率的設(shè)備上顯示時(shí)，假設(shè)此時(shí)狀態(tài)欄標(biāo)準(zhǔn)高度為25px，等比縮放后，圖片會(huì)縮小為455px(480-25)的高度顯示，此時(shí)寬度對應(yīng)會(huì)等比縮小為289px顯示，則會(huì)空余31px的空間。如果我們設(shè)置背景顏色為紅色，則此時(shí)顯示狀態(tài)如下圖：

圖C：720×1134的引導(dǎo)圖在320×480設(shè)備的顯示樣式

不再繼續(xù)多舉例了。

當(dāng)前標(biāo)題：關(guān)于Android引導(dǎo)畫面的多分辨率適配
文章分享：http://weahome.cn/article/cjopcj.html