iPhone/iPad四捨五入自定義按鈕和PNG文件

Question

我正在開發一個在雪豹上使用XCode 4.2的通用應用程序，並希望顯示帶有嵌入png文件的圓角按鈕。圓形按鈕來自cocoacontrols.com的UIGlossyButton類。 png文件既是視網膜也是非視網膜的品種。我將UIButtons的高度和寬度分別設置爲60,60和iPhone 120,120。我附上了iPad模擬器（非視網膜版）的屏幕截圖。我對圖標大小感到擔憂。它看起來很小。我希望應用程序可以在iPad 2上運行，也可以在Mini上運行，因爲兩者都不是視網膜顯示器。這是在真實的iPad2設備上顯示的正確方法嗎？此外，圓形按鈕在iPad上看起來是否完美？我還沒有支付開發者許可證，我沒有iPad。

以下是繪製圓UIGlossy按鈕（以圓形按鈕類的引用）的代碼：

UIGlossyButton *b; 
    b = (UIGlossyButton*) [self.view viewWithTag: 78]; 
    b.tintColor = [UIColor colorWithRed:0.2 green:0.3 blue:0.7 alpha:1.0]; 
    [b useWhiteLabel: YES]; 
    b.buttonBorderWidth = 2.0f; 
    b.buttonCornerRadius = 200.0f; //iPad. For iPhone, I'm using 40.0f 
    [b setGradientType: kUIGlossyButtonGradientTypeLinearSmoothExtreme]; 
    [b setExtraShadingType:kUIGlossyButtonExtraShadingTypeRounded]; 
} 

的截圖如下圖所示，

請幫助。

Answer 1

您是否擔心按鈕的小巧性，或者它們之上的灰度圖像的小尺寸？ 如果您擔心按鈕的大小，那麼更改按鈕的框架會使它們變大。

如果您擔心按鈕圖像，請注意，「視網膜顯示」不會改變肉眼所感知的圖像大小，只會改善圖像的分辨率（如果合適）@2x圖像可用。因此，圖標圖像的「大小」在視網膜和非視網膜顯示器上都是相同的。 也就是說，如果您在iPad 1和iPad 3上打開相同的應用程序，則所有尺寸都相同，但由於分辨率提高，iPad 3屏幕上的圖像會更平滑。

（這是因爲當你設置一個UIButton的大小將其設置在points，不pixelsPoints被設計成分辨率無關 - 看到Points Versus Pixels section here）

當然，與iPad迷你無論如何，所有東西都會顯得稍微小一些 - 但仍然保持不變。

因此，如果按鈕上的圖標看起來太小，則需要使用較大的覆蓋圖像。如果你這樣做，這些圖標在所有顯示器，視網膜和非視網膜上都會看起來更大。

至於看起來「完美」的圓形按鈕，我沒有看到按鈕上的光澤有問題，正如您在上面顯示的那樣，但我會說它們上的圖標太小了（而且很難請參閱灰藍色）。因此，我會使用更大的圖標圖像。 - 但那是我個人的意見。

---

效應初探評論：

@ 2倍的圖像在視網膜屏只用於（新iPad 3+，iPhone 4+）。您不應該直接加載@ 2x圖像，設備會照顧到這一點。如果圖標只在iPad上顯示較小，請嘗試複製圖像（正常和@ 2x），然後在Photoshop/Preview /等中手動縮放（比如說1.5倍）。然後，修改您的代碼，以便iPhone正常加載圖像，但iPad會加載這些稍大的圖像。所以，你的應用程序包可包括：

• buttonImage_Tag_iPhone.png ---說64×64
• buttonImage_Tag_iPhone@2x.png ---因此，128×128
• larger_button_image_tag_iPad.png ---說96×96
• larger_button_image_tag_iPad@2x.png ---因此，192x192

然後，您可以使用下面的代碼來加載適當的圖像：

if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) { 
    // Use larger_button_image_tag_iPad.png 
} 
else { 
    // Use buttonImage_Tag_iPhone.png 
} 

當然，無論你喜歡什麼，你都可以命名這些圖像，我只是讓它們在這個例子中有所不同。