आईओएस 5 कस्टम टैब बार छवि लंबवत संरेखण

Question

मुझे अपने कस्टम टैब बार के साथ कुछ अजीब व्यवहार मिल रहा है। प्रतीत होता है कि छवियों को गलत तरीके से गठबंधन किया गया है। यहाँ एक स्क्रीनशॉट (मैं अपने खुद के टैब बार पृष्ठभूमि को हटा दिया है मेरी समस्या को उजागर करने के) है:

self.tabBarController = [[[UITabBarController alloc] init] autorelease]; 
self.tabBarController.viewControllers = [NSArray arrayWithObjects:homeNavController, whatsOnNavController, mapNavController, infoNavController, nil]; 
self.tabBarController.delegate = self; 

// For iOS 5 only - custom tabs 
if ([self.tabBarController.tabBar respondsToSelector:@selector(selectedImageTintColor)]) 
{ 

    // Set the background images 
    //[[UITabBar appearance] setBackgroundImage: [UIImage imageNamed:@"nav_bg.png"]]; 
    [[UITabBar appearance] setSelectionIndicatorImage:[UIImage imageNamed:@"nav_over.png"]]; 

    [homeNavController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"nav_home_over"] withFinishedUnselectedImage:[UIImage imageNamed:@"nav_home"]]; 
    [whatsOnNavController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"nav_whats_on_over"] withFinishedUnselectedImage:[UIImage imageNamed:@"nav_whats_on"]]; 
    [mapNavController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"nav_map_over"] withFinishedUnselectedImage:[UIImage imageNamed:@"nav_map"]]; 
    [infoNavController.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"nav_info_over"] withFinishedUnselectedImage:[UIImage imageNamed:@"nav_info"]]; 

} 

:

यहाँ कोड मैं प्रत्येक राज्य के लिए छवियों सेट करने के लिए उपयोग कर रहा हूँ है

मेरी सभी प्रतिस्थापन टैब छवियां सही ढंग से आकार में हैं (गैर-रेटिना संस्करणों के लिए 49 पिक्सल ऊंची और 80 पिक्सल चौड़ी)।

इस अजीब व्यवहार के कारण क्या हो सकता है?

--- अपडेट ---

यहाँ जगह में पृष्ठभूमि के साथ एक अद्यतन स्क्रीनशॉट है:

Answer 1

ऐसा लगता है कि आप हमेशा एक TabItem के अंदर का पाठ करना चाहिए। अंतरिक्ष खाली पाठ द्वारा बनाया गया था।

Answer 2

आप के बजाय परिभाषित फ्रेम के साथ एक subview के रूप में छवि में जोड़ते हैं, मदद कर सकते हैं तुम बाहर। Check this

थोड़ा छोटा छवियों का उपयोग करने का प्रयास करें, tabbar उन्हें पुनर्स्थानापन्न थोड़ा

Answer 3

यह थोड़ा सा हैकिश लग सकता है लेकिन मेरा मानना ​​है कि यह एकमात्र तरीका है जिसे आप प्राप्त करना चाहते हैं: आपको केवल टैब बार समाप्त छवियों का उपयोग करने की आवश्यकता है, जिनमें पारदर्शी 11 पिक्सेल "शीर्ष पैडिंग" (रेटिना के लिए 22 पिक्सेल) हैं। तब आपकी छवियों को 60px (120px) उच्च होना चाहिए।

मेरा ऐप इस तकनीक का उपयोग करके ऐप स्टोर में बना, इसलिए आपको इसका उपयोग करने के लिए सुरक्षित होना चाहिए।

उम्मीद है कि यह मदद करता है!

Answer 4

यह एपीआई वास्तव में खराब दस्तावेज है।

आपका finishedSelectedImage एक आइकन ~ 30x30 पीएक्स होना चाहिए। यह टैब का सिर्फ आइकन हिस्सा है। यदि आप finishedSelectedImage बनाते हैं जो बहुत लंबा है, तो सिस्टम स्क्रीन के नीचे इसे सही नहीं रखेगा।

वैचारिक रूप से, आप एक पूर्ण-चौड़ाई, tabBar के लिए 49px उच्च backgroundImage, एक एकल टैब-चौड़ाई जोड़ने के लिए, 49px उच्च selectionIndicatorImage चयनित टैब के लिए पृष्ठभूमि छवि के रूप जो काम करता है, फिर प्रत्येक का दो संस्करणों को जोड़ने के साथ शुरू टैब का आइकन ~ 30x30 पीएक्स, finishedUnselectedImage और finishedSelectedImage।

Answer 5

UIBarItem (UIBarButton आइटम इस वर्ग से विरासत में) पर एक संपत्ति है imageInsets।

finishedSelectedImage के लिए पूरी ऊंचाई छवियों (49px) का उपयोग करने के लिए और finishedUnselectedImage आप इन छवि सन्निवेश वाली निर्धारित करने की आवश्यकता:

tabBarItem.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0);

Answer 6

अब आप स्टोरीबोर्ड में इसे ठीक कर सकते हैं।स्टोरीबोर्ड आकार निरीक्षक छवि इनसेट समायोजन

टैब बार आइटम आप, समायोजित आकार इंस्पेक्टर खोलना चाहते हैं का चयन करें, और ऊपर और नीचे छवि Insets समायोजित करें। आप उन्हें एक ही राशि को समायोजित करने की जरूरत है या वे सिर्फ तोड़ो/अपने छवि को फैलाने (टॉप में तो 5, और -5 नीचे में)