簡體   English   中英

大尺寸圖像未在ipad之類的ios大分辨率屏幕中顯示

[英]Big size image is not showing in ios big resolution screen like ipad

我已經在資源文件夾中為IOS添加了三種格式的所有圖像,如test.png,test @ 2x.png,test @ 3x.png,但仍在ipad等大分辨率屏幕上顯示默認的一個test.png。

我不明白為什么會這樣。 我在代碼方面缺少什么嗎?

編輯:

抱歉,是我的錯。 我的問題是錯的。它顯示的圖像不同,但尺寸較小。

我嘗試了3個不同的圖像,它們的擴展名分別為@ 2x,@ 3x。 所以我知道在ipadPro(9.7英寸)中它顯示@ 3x圖像,而在iphone5(我的Mac中最低的屏幕分辨率模擬器)中它顯示@ 2x圖像。

因此,我們如何決定采用哪種屏幕分辨率拍攝哪種圖像?如何確定其尺寸?

根據設備的不同,可以通過將每個圖像中的像素數乘以特定的比例因子來完成此操作。 標准分辨率圖像的比例因子為1.0 ,稱為@1x圖像。 高分辨率圖像的比例因子為2.03.0 ,被稱為@2x@3x圖像。

假設您有一個標准分辨率@1x圖像,例如100px x 100px 此圖像的@2x版本將為200px × 200px @3x版本將為300px × 300px

iPhone X,iPhone 8 Plus,iPhone 7 Plus和iPhone 6s Plus支持3倍分辨率。 iPhone 8,iPhone 7,iPhone 6 / 6s和iPhone 5s / 5c支持2倍分辨率。 所有其他iPhone設備均支持1倍分辨率。

考慮以下圖像樣本集,以10點大小查看圖像,iOS系統如何選擇設備分辨率特定的圖像。

@3x -> 3 * (10px x 10px) = (30px x 30px) // iPhone X, iPhone 8 Plus, iPhone 7 Plus, and iPhone 6s Plus
@2x -> 2 * (10px x 10px) = (20px x 20px) // iPhone 8, iPhone 7, iPhone 6/6s  and iPhone 5s/5c
@1x -> 1 * (10px x 10px) = (30px x 30px) // All other iPhone devices

在此處輸入圖片說明

注意 :您無需執行任何代碼(設置)即可分配設備分辨率特定的圖像。 只需為圖像集中的所有(1x,2x和3x)分辨率類型添加圖像。 iOS系統會自動從圖像集中選擇/選擇設備分辨率特定的圖像。

查看Apple的這份文件: 圖像大小和分辨率

這是一個易於理解的好教程: 設計新的IPHONE屏幕解決方案

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM