iPhone5擁有加長的屏幕:相同的寬,但高度上卻增加了176個像素。
大多數(shù)的用戶能夠接受這多出來的空間,但是對于應(yīng)用開發(fā)者來說如何創(chuàng)建一個能夠適用于不能類型的iPhone屏幕的背景就是個挑戰(zhàn)了。
?
需要注意的是這里我們討論的是iPhone retina和iPhone5,之前的普通屏幕手機只是retina的一半而已。
這里有4種方法來應(yīng)對iPhone5的加長屏幕:
?
1. 完全不同的背景
很明顯第一種選擇就是使用不同的背景用于不同的屏幕!
如果你的背景非常復(fù)雜或者是剛好為定好的尺寸設(shè)計的(例如,你有一個邊框或者一個游戲場景),你就需要兩個不同的背景尺寸來滿足兩個不同的屏幕了。
?
優(yōu)點 :
- 最好的自定義效果
- 可以制作非常復(fù)雜和精美的圖片
?
缺點 :
- 使用了最多的內(nèi)存
- 需要更多的美術(shù)(也就是說花費了更多的時間在美術(shù)上)
?
2. 一張加長的背景
很多應(yīng)用開發(fā)者會只用一張用于iPhone5的加長背景,然后拉伸頂部或者底部的像素。
?
優(yōu)點:
- 比下面的選擇更容易自定義
- 比用兩張圖省內(nèi)存
?
缺點:
- 圖片的某些部分不會顯示在iPhone retina屏幕上 (雖然這可能對于你的應(yīng)用來說不是個問題), 或者在iPhone5上就浪費了多出來的像素了
?
3. 可重復(fù)的背景
這是第二通用的背景,如果你的應(yīng)用適合的話。制作一個可重復(fù)的材質(zhì),這樣不管是什么尺寸的屏幕都可以使用了。這種方法不在乎應(yīng)用是橫屏還是豎屏,或者屏幕是retina還是iPhone5的(甚至iPad屏都可以用)。
?
優(yōu)點:
- 容易制作
- 用到很少的內(nèi)存,因為可以用一個像素的圖片來拉伸
- 可以拉伸成任何尺寸
?
缺點:
- 沒有,如果你的應(yīng)用適合這種背景的話
?
4. 可四面拉伸的材質(zhì)
這是最通用的方法,但是需要一些技巧。這種方法的基礎(chǔ)就是有一塊可以重復(fù)的中心,然后四個邊不拉伸。比如用很小的圖片來制作圓角框的原理。
?
優(yōu)點:
- 適合任何尺寸
- 比簡單的拉伸更好,因為有四個獨特的邊緣
?
缺點:
- 比較難制作
- 有時候會顯示的比較奇怪;這種方式比較適合需要紋理背景的,如紙、木頭等,但不是和更復(fù)雜的紋理
?
選擇哪一種方式?
這取決于你的應(yīng)用。
如果你是制作游戲, 第一種和第二種可能比較適合。
如果你是制作一款簡潔風(fēng)格的工具類軟件, 那第三種和第四種比較適合。
如果你制作的應(yīng)用需要非常精細(xì)復(fù)雜的背景 ?(比如你的應(yīng)用要做成像舊收音機或者筆記本的樣子),那你需要使用第一或第二種方法。
?
?
來源: http://boboshone.com/blog/2013/04/21/iphone5-screen-ui/
?
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
