熱門文章

搜尋此網誌

2011年3月28日 星期一

Android 畫面Layout設計心得分享

難怪Android的成長如此快速, 在各手機大廠紛紛加入市場的情況看來, 成長自然快速. 這快速的成長也讓我在設計 "猜數字 1A2B" 時更增不少難度. 最近做了兩次的改版, 都是在做畫面佈局的微調. 為什麼呢? 因為目前市面上可見的裝置總類實在太多樣了, 有2:3, 3:4, 9:16等不同比例, 亦又包含多總解析度, 不同DPI, 如: 240x320, 240x400, 320x480, 480x800, 480x854, 540x960, ... 更多的可能性也將陸陸續續發表, 如Table PC 有1024x600, 1280x... 等.

因此, 在畫面佈局(Layout)上, 要多考慮以相對方式(RelativeLayout), 但要在OnCreate時, 額外處裡每一個物件的Height及Width. 重點是不要以px來設大小, 用dip來設大小, sp來設字體, 才是最好的方法. 當然實測是一定要的啦. 不過若每台都買就太傷荷包了. Google貼心的準備了Emulator, 用對設定, 則Emulator與實機誤差是很小的.








4 則留言:

  1. 感謝你的分享, 我找了好久, 可是我的Eclipse就只開AVD2.2. 我抓過它的螢幕Resolution, 它是320x480. 在AVD2.2模擬器裡的Setting的Display中, 也找不到解析度的設定. 請問要怎麼設定模擬器ㄚ?

    回覆刪除
  2. 不難不難, 請依下列步驟作就可以做出不同的模擬器.

    Eclips -> Window -> Android SDK and AVD Manager -> New.

    接著, 賦予你的自訂模擬器一個名稱(Name:), 並在Targer:中選定所要模擬的Android版本. Skin選項是關鍵, 要設定你的裝置螢幕解析度, 請參考下表: 最後按'Create AVD', 即可產出你要的模擬器.接著依樣畫葫蘆做出不同解析度的模擬器. 以後當你Run程式時, 即可選擇你想要執行的模擬器. 加油囉~

    QVGA: 240x320
    HVGA: 320x480
    WVGA: 480x800
    WVGA854: 480x854

    回覆刪除
  3. 您好..想請問一個問題..不知您是否有遇過..
    我測試手機的解析度是480x800..
    我模擬器的解析度也是480x800..可是執行出來的結果..
    下面的畫面被切掉了..請問有什麼原因可能會造成這樣的結果..
    Thanks~

    回覆刪除
  4. 在Graphical Layout視窗, 可設定設計窗格的大小, 你可能要先注意是否過大, 造成排版在大空間, 但執行在小畫面. 480x800是WVGA. 設計窗格也可用WVGA. 但提醒你, 最好在OnCreate時以setLayoutParams重新設大小.

    回覆刪除