亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

Android啟動屏幕圖像大小以適應所有設備

Android啟動屏幕圖像大小以適應所有設備

翻閱古今 2019-07-26 15:14:47
Android啟動屏幕圖像大小以適應所有設備我有一個全屏PNG，我想顯示在飛濺。這里只有一個錯誤，我不知道在每個可繪制的文件夾中放什么大小(ldpi, mdpi, hdpi，和xhdpi)。我的應用程序應該在所有的手機和平板電腦上運行良好和漂亮。我應該創建什么大小(以像素為單位)，以便在所有屏幕上顯示漂亮？
查看完整描述

3 回答

?
largeQ

TA貢獻2039條經驗 獲得超8個贊

免責聲明

這一答案是從2013年開始的，已經嚴重過時。截至Android3.2，現在有6組屏幕密度。這個答案將盡快更新，但沒有ETA。參考正式文件對于目前所有的密度(雖然有關特定像素大小的信息總是很難找到)。

這是tl/dr版本

  • 創建4個圖像，每個屏幕密度一個：

    • XLarge(Xhdpi)：640x960
    • 大型(Hdpi)：480x800
    • 培養基(MDPI)：320x480
    • 小(Ldpi)：240x320

  • 朗讀，閱讀9-補丁圖片游戲攻略在Android開發者指南中

  • 設計圖像，在不影響最終結果的情況下，可以安全地拉伸區域。

這樣，Android將為設備的圖像密度選擇合適的文件，然后按照9補丁標準擴展圖像。

Tl；Dr.前面的全員員額

我在回答問題的設計方面。我不是開發人員，所以我無法為實現所提供的許多解決方案提供代碼。唉，我的意圖是幫助那些在我幫助開發我的第一個Android應用程序時迷失了方向的設計師們。

適合各種尺寸

使用Android，公司可以開發幾乎任何大小的移動電話和表格，幾乎可以使用他們想要的任何分辨率。由于這一點，沒有“正確的圖像大小”的飛濺屏幕，因為沒有固定的屏幕分辨率。這對那些想要實現飛濺屏幕的人來說是個問題。

你的用戶真的想看到一個飛濺的屏幕嗎？

(順便提一句，在可用性方面，Splash屏幕在某種程度上是不受歡迎的。有人認為，用戶已經知道他使用的是什么應用程序，因此沒有必要在屏幕上給你的形象貼上標簽，因為它只會用“廣告”來打斷用戶的體驗。但是，它應該用于初始化時需要大量加載的應用程序(5s+)，包括游戲之類的，這樣用戶就不會懷疑應用程序是否崩潰)。

屏幕密度；4級

因此，考慮到市場上手機的屏幕分辨率有這么多不同，谷歌實現了一些替代方案和可以提供幫助的優秀解決方案。你要知道的第一件事是全屏幕分為4種不同的屏幕密度：

  1. 低密度(ldpi~120 dpi)
  2. 中等密度(MDPI~160 dpi)
  3. 高密度(hdpi~240 dpi)
  4. 超高密度(xhdpi~320 dpi)(這些dpi值是近似的，因為定制的設備具有不同的dpi值)。

你(如果你是一個設計師)需要知道的是，Android基本上是從4張圖片中選擇要顯示的，這取決于設備。因此，您基本上必須設計4種不同的圖像(雖然更多的可以開發為不同的格式，如寬屏，縱向/景觀模式，等等)。

記住這一點：除非您為Android中使用的每一個分辨率設計一個屏幕，否則您的圖像將伸展到適合屏幕大小。除非你的圖像基本上是一個梯度或模糊，你會得到一些不想要的扭曲與拉伸。所以基本上有兩個選項：為每個屏幕大小/密度組合創建一個圖像，或者創建4個9補丁圖像。

最難的解決方案是為每一個分辨率設計一個不同的飛濺屏幕。的末尾，您可以按照表中的決議開始。本頁)還有更多。例：960x720沒有列出)。假設圖像中有一些小細節，比如小文本，你必須為每個分辨率設計多個屏幕。例如，在中等屏幕上顯示的480x800圖像可能看起來不錯，但在較小的屏幕上(密度更高/dpi)，徽標可能變得太小，或者某些文本可能變得不可讀。

9-貼片圖像

另一個解決辦法是創建一個9補丁映像..它基本上是一個1像素透明的邊框圍繞著你的圖像，通過在這個邊框的頂部和左邊繪制黑色像素，你可以定義你的圖像的哪一部分將被允許伸展。我不會詳細討論9片圖像是如何工作的，但簡而言之，與頂部和左側區域的標記對齊的像素是重復使用的像素，以拉伸圖像。

幾條基本規則

  1. 您可以在Photoshop(或任何能夠準確創建透明PNG的圖像編輯軟件)中制作這些圖像。
  2. 1像素的邊框必須是完全透明的。
  3. 1像素的透明邊框必須圍繞在你的圖像周圍，而不僅僅是頂部和左邊。
  4. 您只能在此區域繪制黑色(#000000)像素。
  5. 上邊框和左邊框(定義圖像拉伸)只能有一個點(1pxx1px)、兩個點(都是1px1px)或一條連續線(寬度x1px或1pxx高度)。
  6. 如果您選擇使用2個點，圖像將按比例展開(因此，每個點將輪流擴展，直到達到最終的寬度/高度)。
  7. 1px邊框必須加上預期的基本文件尺寸。因此，一個100x1009補丁圖像實際上必須有102x102(100x100+1px在上、下、左和右)。
  8. 9-補丁圖像必須以*.9 png結尾

因此，您可以在徽標的兩側(頂部邊框)放置1個點，在其上方和下面(左側邊框)放置1個點，而這些標記的行和列將是唯一要拉伸的像素。

例

下面是一個9補丁映像，102x102px(100x100最終大小，用于應用程序)：

下面是相同圖像的200%縮放：

注意頂部和左邊的1px標記，表示哪些行/列將展開。

下面是這個應用程序中的100x100圖片的樣子：

如果擴展到460x140，下面是它想要的：

最后一件事要考慮。這些圖像在你的屏幕上和大多數手機上看起來都很好，但是如果設備的圖像密度很高，那么圖像看起來就太小了?？赡苋匀磺逦?，但在一臺分辨率為1920x1200的平板電腦上，這幅圖像在中間會出現一個非常小的方形。那么解決辦法是什么？設計了4個不同的9補丁發射器圖像，每個為不同的密度集.為了確保不會發生收縮，您應該為每個密度類別設計最低的公共分辨率。收縮在這里是不可取的，因為9補丁只占拉伸，所以在收縮過程中，小文本和其他元素可能會失去可讀性。

下面列出了每個密度類別的最小、最常見的分辨率：

  • XLarge(Xhdpi)：640x960
  • 大型(Hdpi)：480x800
  • 培養基(MDPI)：320x480
  • 小(Ldpi)：240x320

因此，在上面的分辨率中設計四個飛濺屏幕，展開圖像，在畫布周圍放置一個1px透明邊框，并標記哪些行/列是可伸縮的。請記住，這些圖像將用于任何設備屬于密度類別，因此您的ldpi圖像(240x320)可能會被拉伸到1024x600，在一個超大的小圖像密度平板上(~120 dpi)。因此，9補丁是最好的拉伸解決方案，只要你不想要一張照片或復雜的圖形飛濺屏幕(請記住這些限制，因為你創建的設計)。

同樣，要避免這種拉伸發生，唯一的方法是設計每個分辨率的一個屏幕(或者每個分辨率-密度組合，如果你想避免圖像在高/低密度設備上變得太小/太大)，或者告訴圖像不要拉伸，并讓背景顏色出現在任何可能發生拉伸的地方(還請記住，Android引擎呈現的特定顏色可能與Photoshop呈現的同一特定顏色不同，因為顏色配置文件)。

我希望這是有意義的。祝好運!




查看完整回答
反對 回復 2019-07-27
?
忽然笑

TA貢獻1806條經驗 獲得超5個贊

縱向模式

MDPI為320x480 dp=320x480px(1x)

LDPI為0.75 x MDPI=240x360px

HDPI為1.5xMDPI=480x720px

XHDPI為2 x MDPI=640 x960px

XXHDPI為3x MDPI=960x1440px

XXXHDPI為4xMDPI=1280x1920px

景觀模式

MDPI為480x320 dp=480x320px(1x)。

LDPI為0.75 x MDPI=360x240px

HDPI為1.5xMDPI=720x480px

XHDPI為2 x MDPI=960x640 px

XXHDPI為3 x MDPI=1440 x960px

XXXHDPI為4xMDPI=1920x1280px

編輯：

我建議你用洛蒂如果你在2019年讀到這篇文章的話



查看完整回答
反對 回復 2019-07-27
?
慕哥9229398

TA貢獻1877條經驗 獲得超6個贊

縱向模式

MDPI為320x480 dp=320x480px(1x)

LDPI為0.75 x MDPI=240x360px

HDPI為1.5xMDPI=480x720px

XHDPI為2 x MDPI=640 x960px

XXHDPI為3x MDPI=960x1440px

XXXHDPI為4xMDPI=1280x1920px

景觀模式

MDPI為480x320 dp=480x320px(1x)。

LDPI為0.75 x MDPI=360x240px

HDPI為1.5xMDPI=720x480px

XHDPI為2 x MDPI=960x640 px

XXHDPI為3 x MDPI=1440 x960px

XXXHDPI為4xMDPI=1920x1280px

編輯：

我建議你用洛蒂如果你在2019年讀到這篇文章的話




查看完整回答
反對 回復 2019-07-27
  • 3 回答
  • 0 關注
  • 356 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號