Wednesday, December 28, 2011

讓手機版面自動拉大到平板上(auto zoom instead of resize to fit tablet)

平板是全新的螢幕規格,
除非有特別去設計,
不然畫面會被resize到慘不忍睹

Android 3.2有提供一個全新的功能,
叫做「放大至全螢幕(zoom to fill screen)」。
這個功能是以480x320的手機解析度去模擬,
將畫面拉大到兼容平板畫面的大小,
唯一的缺點就是畫面會糊糊的

底下是我一隻APP「管理學決策模式II」的首頁,
這是800x480(手機版)解析度的正確畫面︰

再來看看平板上被resize後尷尬的畫面︰

如何強制讓手機畫面模擬到平板上呢?

在AndroidManifest.xml裡宣告︰

<supports-screens
android:xlargeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:largestWidthLimitDp="320"
android:largeScreens="true"
android:resizeable="true"
android:anyDensity="true"/>

因為宣告了 android:largestWidthLimitDp="320"
程式就知道要以寬為320的解析度去呈現畫面。
底下是呈現效果︰

這篇文章獻給那些不想讓平板跑版、
又不想再去開發平板規格的懶人開發者。

註︰
1.開發環境需build在Android3.2以上
2.HTC Flyer上Android Market可以順利找到這隻APP, 這意謂著平板市場已經為你而開XD。

No comments: