::GAME2.TW::臺灣遊戲攻略

華語手機遊戲攻略,遊戲資訊專業網站

手機客戶端適配性

適配性指的是客戶端應用程序能可以在多種參數的手機屏幕上運行,手機屏幕的相關參數有尺寸、分辨率和精度。

  • 屏幕尺寸指的是實際的物理尺寸,以屏幕的對角線長度為準。如iPhone的尺寸為3.5英寸。
  • 屏幕分辨率是物理像素總數。如iPhone的屏幕像素為320×480px(寬×高)。
  • 屏幕精度取決於屏幕分辨率和像素在物理寬高上分佈情況。如iPhone的精度為164dpi。簡單地說精度是分辨率與尺寸的比值。 同樣的分辨率,尺寸越大,精度越小。

引起適配問題的原因有:

1.手機分辨率(簡稱為R)多樣化。 從128×128px到800 ×480px約30種分辨率,根據QVGA(240×320px)、HVGA(320×480px)和VGA(480×640px)可分為四種:

  • R<QVGA:128×128,130×130,132×176,176×208……,此種分辨率市場佔有率不到5%,將逐漸被市場淘汰,加之此類手機的用戶消費能力較低,因而很多應用程序都放棄此類手機。
  • QVGA≤R<HVGA:240×​​320,240×400,240×432……,此種市場佔有率達到70%。
  • HVGA≤R<VGA:320×480,360×480,480×360……
  • VGA≤R:480×640,480×800……VGA和HVGA是未來手機屏幕的發展趨勢,市場佔有率將持續增大。

2.精度多樣化。 低精度的屏幕有較少的可用像素,而有時在同樣的區域內顯示更多的像素,同一個UI元素(如按鈕)在高精度的屏幕上要比低精度的屏幕上看起來要小。

在PC上的web設計通常寬度為960px,顯示在寬屏幕上時,頁面居中對齊,左右可用純色或者圖片填充。對於手機而言,每頁顯示的能力有限,不是像web設計那樣討論顯示1屏還是8屏,手機客戶端大多顯示1屏,如不是多數據頁面要盡量避免使用滾動條,否則在按鍵手機要按多次向下鍵或者在觸摸屏上向上平移界面才能找到想要的內容,所以設計手機客戶端討論更多的是如何精簡信息和減少操作步驟。

QVGA的1屏界面移植到VGA上,只能佔據半屏的屏幕,圖標看起來不宜識別。所以先為QVGA手機設計界面之後,再根據大屏幕手機的分辨率調整界面中圖標等元素的尺寸,保證顯示效果並充分利用好每一個像素點。

適配有兩種做法:1.根據分辨率適配。 2.根據精度適配。

分辨率適配

這種做法適用於Java&Windows Mobile版的客戶端。

1

如示意圖,頂部為導航,內容為下拉框和“確定”按鈕。程序開啟時獲取手機分辨率為w×h,從上到下依次繪製界面(數據均為假設):

當240≤w<320時,icon的大小為40×40px,菜單欄的高度=d(d=24px),上間距=左間距=右間距=10px,換行間距br=6px,下拉框的高度=字的高度+2a(手機默認的字體高度大小不一,a=4px),下拉框的寬度=w-左右間距,按鈕的高度=字的高度+2a,按鈕的寬度=字的寬度+2b(b=6px)

當320≤w<480時,icon的大小為60×60px,菜單欄的高度=d(d=32px),上間距=左間距=右間距=14px,換行間距br=8px,下拉框的高度=字的高度+2a(手機默認的字體高度大小不一,a=6px),下拉框的寬度=w-左右間距,按鈕的高度=字的高度+2a,按鈕的寬度=字的寬度+2b(b=8px)

……

依次類推,區分出多個版本。其中數值可以是明確數字,也可以使用公式,比如,菜單欄的高度=d,br=d/4。這些數值和公式寫入XML,加上適當的圖片資源,更換不同的版本時,只是XML和圖片不同,主要程序還是同樣的。

精度適配

Android是按精度適配,平台不僅可以使用在手機上,還能使用在導航儀等設備上,屏幕的參數同樣的多樣化。 Android自帶三種功能:1.圖片縮放;2.自動定義像素尺寸和位置;3.兼容更大尺寸的屏幕,在Android的icon設計指南中有介紹,程序開啟時根據獲取到的精度值調用合適的圖片資源。

2

按精度區分版本需要平台的支持,由於中精度大屏幕的手機較少,按照分辨率適配能滿足大部分的手機顯示要求,由於Android的客戶端還在設計過程中,最終效果不便下結論。

來源:http://daichuanqing.com/index.php/archives/1331

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy