Jak mogę mieć UIBarButtonItem z obrazem i tekstem?

Question

Gdy próbuję użyć obrazu dla UIBarButtonItem, tekst nie jest wyświetlany. Czy istnieje sposób na pokazanie zarówno tekstu, jak i obrazu?

Answer 1

Możesz uruchomić UIBarButtonItem z niestandardowym widokiem, który zawiera zarówno obraz, jak i tekst. Oto przykład, który używa UIButton. Odpowiedź

UIImage *chatImage = [UIImage imageNamed:@"08-chat.png"]; 

UIButton *chatButton = [UIButton buttonWithType:UIButtonTypeCustom]; 
[chatButton setBackgroundImage:chatImage forState:UIControlStateNormal]; 
[chatButton setTitle:@"Chat" forState:UIControlStateNormal]; 
chatButton.frame = (CGRect) { 
    .size.width = 100, 
    .size.height = 30, 
}; 

UIBarButtonItem *barButton= [[[UIBarButtonItem alloc] initWithCustomView:chatButton] autorelease]; 
self.toolbar.items = [NSArray arrayWithObject:barButton]; 

Answer 2

Kris Markel jest to dobry początek (tylko < iOS7), ale jeśli używasz koloru odcień, wount pracować dla obrazu i wyróżnionego stanu przycisku.

Utworzono kategorię, która utworzy element UIBarButtonItem (leftBarButtonItem), który wygląda i zachowuje się jak normalny przycisk powrotu na system iOS7. Rzucić okiem na: https://github.com/Zero3nna/UIBarButtonItem-DefaultBackButton

Answer 3

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 
[button setImage:[UIImage imageNamed:@"image.png"] forState:UIControlStateNormal]; 
[button addTarget:target action:@selector(buttonAction:)forControlEvents:UIControlEventTouchUpInside]; 
[button setFrame:CGRectMake(0, 0, 53, 31)]; 
UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(3, 5, 50, 20)]; 
[label setFont:[UIFont fontWithName:@"Arial-BoldMT" size:13]]; 
[label setText:title]; 
label.textAlignment = UITextAlignmentCenter; 
[label setTextColor:[UIColor whiteColor]]; 
[label setBackgroundColor:[UIColor clearColor]]; 
[button addSubview:label]; 
UIBarButtonItem *barButton = [[UIBarButtonItem alloc] initWithCustomView:button]; 
self.navigationItem.leftBarButtonItem = barButton; 

Answer 4

Proponuję sposób jak to zrobić przy użyciu Storyboard:

1. przeciągnij i upuść do paska zwykły UIView. Zostanie on automatycznie zawinięty do elementu przycisku Bar. Dostosuj szerokość widoku w "Inspektorze rozmiaru". Zmień kolor tła widoku, aby wyczyścić kolor.

2. Put UIButton i UILabel wewnątrz View. Możesz użyć ograniczeń, aby dostosować swoje pozycje. Możesz również umieścić go na zewnątrz widoku, na przykład trochę wyżej lub mniej (jak na moim obrazku). Umieść obrazy domyślne i wyróżnione dla UIButton.

3. Przycisk paska kopiowania Ustaw i ustaw inne przyciski. Dodaj elastyczne przestrzenie.

4. Twórz placówki.

5. Gotowe :). Po uruchomieniu aplikacji, można uzyskać paska narzędzi tak:

PS: Here można przeczytać, jak utworzyć podklasę UIToolbar za pomocą .xib