SVG到UIButton iOS的PNG圖像的分辨率

Question

我的Swift / iOS應用程序中有一個UIButton，寬度為20，高度為20，內部有圖像。

我有一個SVG圖標，希望用於UIButton中的圖像。 當我將此SVG轉換為PNG時，1x，2x和3x應該是什么分辨率？

現在，我正在創建30x30、60x60和90x90 PNG文件，但這主要是猜測。

我應該改用100x100、200x200和300x300 PNG文件嗎？

這些較大的分辨率會看起來更好，但也許它們需要更多時間來加載？

另外，在UIButton中，要設置的正確內容模式是什么？ 縮放以填充或寬高比填充？

Answer 1

您應該完全使用所需的內容，如果需要填充20個點，則將具有20、40、60像素的集合。 不需要更大的圖像，看起來沒有什么區別，需要花費更多的時間來加載，花費更多的時間來渲染和增加應用的大小。

每個內容模式都有其自己的用途： UIViewContentModeScaleAspectFit和UIViewContentModeScaleToFill之間的區別？

Answer 2

您的問題的答案是“取決於”。 假設您希望圖像完全填充按鈕。 然后詢問按鈕的邊界，該邊界將為圖像的1倍。 2x和3x大小將從此處開始。

至於內容模式，它取決於圖像大小與按鈕大小的關系。 如果圖像與按鈕的大小為1：1，則沒有任何區別。 如果圖像小於或大於按鈕，則上下文模式將為您提供不同的外觀。

我建議您使用多個按鈕創建一個測試程序。 使用一些寬而短的圖像，以及一些又高又瘦的圖像。 將這些圖像設置在按鈕上，然后嘗試不同的內容模式以查看關系如何變化。