我正在使用Bohemian Coding的Sketch。它預置了包含640x960和640x1136的iPhone畫板,但是當我將圖像導出到XCode時,圖像的大小和位置不正確。我必須調整圖像大小嗎?有沒有什麼辦法可以每次以正確的尺寸創建圖像?草繪爲XCode圖像大小? (擋板)
儘管Sketch圖像是爲640x960設計的,但在另一個項目中,我將圖像製作爲640x1136並且它做了同樣的事情。
截圖
我正在使用Bohemian Coding的Sketch。它預置了包含640x960和640x1136的iPhone畫板,但是當我將圖像導出到XCode時,圖像的大小和位置不正確。我必須調整圖像大小嗎?有沒有什麼辦法可以每次以正確的尺寸創建圖像?草繪爲XCode圖像大小? (擋板)
儘管Sketch圖像是爲640x960設計的,但在另一個項目中,我將圖像製作爲640x1136並且它做了同樣的事情。
截圖
假設周圍的「交流」的矩形是你要導出圖像,它看起來很像Xcode的圖像大小的兩倍原本的。在這種情況下,你是用'@ 2x.png'後綴命名文件嗎?
編輯:
所以我用素描發揮各地,使用640px by 1136px
預設。然後我分別用Double size (@2x)
和Half size (@1x)
檢查了Also export as:
選項。從基本的信息搜索報告 - 後來我發現是這樣的:
Generated files suffix ==> "@2x.png" ".png" (without suffix)
===================
Actual file pixels
"Double size" 1280 x 2272 640 x 1136
"Half size" 640 x 1136 320 x 568
也許圖表是有點混亂,但我可以告訴,似乎是Double size
和Half size
選項並不意味着因爲任何藝術無論如何,電路板總是以視網膜分辨率生成。要獲得正確的命名約定以獲得正確的分辨率,您需要使用Half size選項,並導入視網膜設備的@ 2x文件,以及非視網膜設備的常規PNG文件。
TL:DR - 使用 「也導出爲:一半大小」
我爲iPhone 4尺寸設計了它:640x960,Sketch能夠生成常規和@ 2x圖像。但就像你觀察到的,它們看起來是兩倍的大小。爲什麼Sketch不能正確導出?我的設計是基於不正確的解決方案嗎?我應該設計什麼樣的分辨率? – Biff
查看編輯答案我的測試結果 –
這是一個奇怪的解決方法:
定義'不正確'。他們如何不正確? Xcode是否會在嘗試將它們用作啓動圖像時抱怨? – Undo
我的應用程序打開時沒有啓動圖像。不正確,這意味着當我爲所有圖像放置位置和尺寸時,無論它們是按鈕,背景等,位置和尺寸都與草圖中的設計不匹配。 – Biff
啊。然後,顯示一些以視覺方式解釋問題的截圖可能會有幫助。 – Undo