Agregar un UILabel a un UIToolbar

Estoy intentando agregar una etiqueta a mi barra de herramientas. El botón funciona muy bien, sin embargo, cuando agrego el objeto de etiqueta, se bloquea. ¿Algunas ideas?

UIBarButtonItem *setDateRangeButton = [[UIBarButtonItem alloc] initWithTitle:@"Set date range"
                                                                       style:UIBarButtonItemStyleBordered
                                                                      target:self
                                                                      action:@selector(setDateRangeClicked:)];

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(5, 5, 20, 20)];
label.text = @"test";

[toolbar setItems:[NSArray arrayWithObjects:setDateRangeButton,label, nil]];

// Add the toolbar as a subview to the navigation controller.
[self.navigationController.view addSubview:toolbar];

// Reload the table view
[self.tableView reloadData];

Echa un vistazo a esto

[[UIBarButtonItem alloc] initWithCustomView:yourCustomView];

Básicamente, cada elemento debe ser un "botón", pero se pueden crear instancias con cualquier vista que necesite. Aquí hay un código de ejemplo. Tenga en cuenta que, dado que otros botones suelen estar en la barra de herramientas, los espaciadores se colocan a cada lado del botón de título para que permanezca centrado.

NSMutableArray *items = [[self.toolbar items] mutableCopy];

UIBarButtonItem *spacer = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
[items addObject:spacer];
[spacer release];

self.titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0.0 , 11.0f, self.view.frame.size.width, 21.0f)];
[self.titleLabel setFont:[UIFont fontWithName:@"Helvetica-Bold" size:18]];
[self.titleLabel setBackgroundColor:[UIColor clearColor]];
[self.titleLabel setTextColor:[UIColor colorWithRed:157.0/255.0 green:157.0/255.0 blue:157.0/255.0 alpha:1.0]];
[self.titleLabel setText:@"Title"];
[self.titleLabel setTextAlignment:NSTextAlignmentCenter];

UIBarButtonItem *spacer2 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
[items addObject:spacer2];
[spacer2 release];

UIBarButtonItem *title = [[UIBarButtonItem alloc] initWithCustomView:self.titleLabel];
[items addObject:title];
[title release];

[self.toolbar setItems:items animated:YES];
[items release];

Para aquellos que usan Interface Builder para diseñar su UIToolBar, también es posible hacerlo usando solo Interface Builder.

Para agregar un UILabela UIToolBar, debe agregar un UIViewobjeto genérico a su UIToolBaren IB arrastrando un nuevo UIViewobjeto sobre su UIToolBar. IBcreará automáticamente un archivo UIBarButtonItemque se inicializará con su archivo personalizado UIView. A continuación añadimos una UILabela la UIViewy editar la UILabelgráfica para que coincida con su estilo preferido. A continuación, puede configurar visualmente sus espaciadores fijos y / o variables como desee para colocarlos UILabelcorrectamente.

También debe establecer el fondo de UILabely de UIViewpara clearColorque se UIToolBarmuestre correctamente debajo de UILabel.

Encontré la respuesta de answerBot muy útil, pero creo que encontré una forma aún más fácil, en Interface Builder:

• cree un UIBarButtonItem y agréguelo a su barra de herramientas en Interface Builder

• Desmarque "habilitado" para este BarButtonItem

• conecte este BarButtonItem a una propiedad en su clase (esto está en Swift, pero sería muy similar en Obj-C):

  @IBOutlet private weak var lastUpdateButton: UIBarButtonItem! // Dummy barButtonItem whose customView is lastUpdateLabel

• agregue otra propiedad para la etiqueta en sí:

  private var lastUpdateLabel = UILabel(frame: CGRectZero)

• en viewDidLoad, agregue el siguiente código para establecer las propiedades de su etiqueta y agréguelo como customView de su BarButtonItem

  // Dummy button containing the date of last update
  lastUpdateLabel.sizeToFit()
  lastUpdateLabel.backgroundColor = UIColor.clearColor()
  lastUpdateLabel.textAlignment = .Center
  lastUpdateButton.customView = lastUpdateLabel

• Para actualizar el UILabeltexto:

  lastUpdateLabel.text = "Updated: 9/12/14, 2:53"
  lastUpdateLabel.sizeToFit() 

Resultado:

Tienes que llamar lastUpdateLabel.sizetoFit()cada vez que actualices el texto de la etiqueta.

Una de las cosas para las que estoy usando este truco es para crear una instancia UIActivityIndicatorViewsobre el UIToolBar, algo que de otra manera no sería posible. Por ejemplo, aquí tengo a UIToolBarcon 2 UIBarButtonItem, a FlexibleSpaceBarButtonItem, y luego otro UIBarButtonItem. Quiero insertar un UIActivityIndicatorViewen UIToolBarentre el espacio flexible y el botón final (de la derecha). Entonces en mi RootViewControllerhago lo siguiente,

- (void)viewDidLoad {
[super viewDidLoad];// Add an invisible UIActivityViewIndicator to the toolbar
UIToolbar *toolbar = (UIToolbar *)[self.view viewWithTag:767];
NSArray *items = [toolbar items];

activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 20.0f, 20.0f)];
[activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];    

NSArray *newItems = [NSArray arrayWithObjects:[items objectAtIndex:0],[items objectAtIndex:1],[items objectAtIndex:2],
                     [[UIBarButtonItem alloc] initWithCustomView:activityIndicator], [items objectAtIndex:3],nil];
[toolbar setItems:newItems];}

Detalles

• Xcode 10.2.1 (10E1001), Swift 5

Muestra completa

import UIKit

class ViewController: UIViewController {

    private weak var toolBar: UIToolbar?

    override func viewDidLoad() {
        super.viewDidLoad()

        var bounds =  UIScreen.main.bounds
        let bottomBarWithHeight = CGFloat(44)
        bounds.origin.y = bounds.height - bottomBarWithHeight
        bounds.size.height = bottomBarWithHeight
        let toolBar = UIToolbar(frame: bounds)
        view.addSubview(toolBar)

        var buttons = [UIBarButtonItem]()
        buttons.append(UIBarButtonItem(barButtonSystemItem: .add, target: self, action: #selector(ViewController.action)))
        buttons.append(UIBarButtonItem(barButtonSystemItem: .camera, target: self, action: #selector(ViewController.action)))
        buttons.append(UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil))
        buttons.append(UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil))
        buttons.append(ToolBarTitleItem(text: "\(NSDate())", font: .systemFont(ofSize: 12), color: .lightGray))
        buttons.append(UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: nil, action: nil))
        buttons.append(UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action:  #selector(ViewController.action)))
        toolBar.items = buttons

        self.toolBar = toolBar
    }
    @objc func action() { print("action") }
}

class ToolBarTitleItem: UIBarButtonItem {

    init(text: String, font: UIFont, color: UIColor) {
        let label =  UILabel(frame: UIScreen.main.bounds)
        label.text = text
        label.sizeToFit()
        label.font = font
        label.textColor = color
        label.textAlignment = .center
        super.init()
        customView = label
    }
    required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) }
}

Resultado

Similar al constructor de interfaces usado por Matt RI. Pero quería tener 1 UIWebViewadentro en su lugar para poder tener un texto en negrita y otro texto no (como la aplicación de correo). Entonces

1. En su lugar, agregue la vista web.
2. Desmarque opaco
3. Asegúrese de que el fondo sea de color claro
4. Conecta todo con IBOutlet
5. Use lo siguiente htmlpara tener un fondo transparente para que la barra de herramientas brille a través

Código:

NSString *path = [[NSBundle mainBundle] bundlePath];
NSURL *baseURL = [NSURL fileURLWithPath:path];
NSString *html = [NSString stringWithFormat:@"<html><head><style>body{font-size:11px;text-align:center;background-color:transparent;color:#fff;font-family:helvetica;vertical-align:middle;</style> </head><body><b>Updated</b> 10/11/12 <b>11:09</b> AM</body></html>"];
[myWebView loadHTMLString:html baseURL:baseURL];

Si desea agregar una vista a la vista de la barra de herramientas, puede intentar esto:

[self.navigationController.tabBarController.view addSubview:yourView];

Prueba esto:

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(140 , 0, 50, 250)];
[label setBackgroundColor:[UIColor clearColor]];
label.text = @"TEXT";
UIView *view = (UIView *) label;
[self.barItem setCustomView:view];

Nota: self.barItemes un UIBarButtonItemagregado de la biblioteca de objetos y se coloca entre dos espacios flexibles.

otra forma es eliminar la [self.barItem setCustom:view]línea y cambiar los parámetros del label(ancho) para que llene toda la barra de herramientas y establecer la alineación en el medio y la fuente usted mismo en el código,