2014-02-11 96 views
3

我正在使用Bohemian Coding的Sketch。它預置了包含640x960和640x1136的iPhone畫板,但是當我將圖像導出到XCode時,圖像的大小和位置不正確。我必須調整圖像大小嗎?有沒有什麼辦法可以每次以正確的尺寸創建圖像?草繪爲XCode圖像大小? (擋板)

儘管Sketch圖像是爲640x960設計的,但在另一個項目中,我將圖像製作爲640x1136並且它做了同樣的事情。


截圖 enter image description here

enter image description here

+0

定義'不正確'。他們如何不正確? Xcode是否會在嘗試將它們用作啓動圖像時抱怨? – Undo

+0

我的應用程序打開時沒有啓動圖像。不正確,這意味着當我爲所有圖像放置位置和尺寸時,無論它們是按鈕,背景等,位置和尺寸都與草圖中的設計不匹配。 – Biff

+0

啊。然後,顯示一些以視覺方式解釋問題的截圖可能會有幫助。 – Undo

回答

1

假設周圍的「交流」的矩形是你要導出圖像,它看起來很像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 sizeHalf size選項並不意味着因爲任何藝術無論如何,電路板總是以視網膜分辨率生成。要獲得正確的命名約定以獲得正確的分辨率,您需要使用Half size選項,並導入視網膜設備的@ 2x文件,以及非視網膜設備的常規PNG文件。

TL:DR - 使用 「也導出爲:一半大小」

+0

我爲iPhone 4尺寸設計了它:640x960,Sketch能夠生成常規和@ 2x圖像。但就像你觀察到的,它們看起來是兩倍的大小。爲什麼Sketch不能正確導出?我的設計是基於不正確的解決方案嗎?我應該設計什麼樣的分辨率? – Biff

+0

查看編輯答案我的測試結果 –

0

這是一個奇怪的解決方法:

  1. 設計640x1136像素
  2. 導出爲1/2大小(@ 1x)
  3. 將原始草圖位置/大小值除以2以得到XCode的值