Hinzufügen eines UILabels zu einer UIToolbar

Ich versuche, meiner Symbolleiste eine Beschriftung hinzuzufügen. Die Schaltfläche funktioniert hervorragend, aber wenn ich das Beschriftungsobjekt hinzufüge, stürzt es ab. Irgendwelche Ideen?

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];

Schauen Sie sich das an

[[UIBarButtonItem alloc] initWithCustomView:yourCustomView];

Grundsätzlich muss jedes Element eine "Schaltfläche" sein, aber sie können mit jeder gewünschten Ansicht instanziiert werden. Hier ist ein Beispielcode. Da sich normalerweise andere Schaltflächen in der Symbolleiste befinden, werden Abstandhalter auf jeder Seite der Titelschaltfläche platziert, damit sie zentriert bleibt.

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];

Für diejenigen, die Interface Builder zum Layouten verwenden UIToolBar, ist es auch möglich, dies nur mit Interface Builder zu tun.

Um ein UILabelzu einem hinzuzufügen , müssen UIToolBarSie UIViewIhrem UIToolBarin IB ein generisches Objekt hinzufügen, indem Sie ein neues UIViewObjekt über Ihr ziehen UIToolBar. IBerstellt automatisch eine UIBarButtonItem, die mit Ihrer benutzerdefinierten initialisiert wird UIView. Als nächstes fügen Sie ein UILabelzum UIViewund bearbeiten die UILabelgrafisch Ihren bevorzugten Stil anzupassen. Sie können dann Ihre festen und / oder variablen Abstandshalter nach Bedarf visuell einrichten, um sie UILabelentsprechend zu positionieren .

Außerdem müssen Sie den Hintergrund der beiden UILabelund die UIViewan und clearColorrufen Sie die UIToolBarrichtig unter die durch zu zeigen UILabel.

Ich fand die Antwort von answerBot sehr nützlich, aber ich denke, ich habe in Interface Builder einen noch einfacheren Weg gefunden:

• Erstellen Sie ein UIBarButtonItem und fügen Sie es Ihrer Symbolleiste im Interface Builder hinzu

• Deaktivieren Sie "aktiviert" für dieses BarButtonItem

• Stecken Sie dieses BarButtonItem in eine Eigenschaft in Ihrer Klasse (dies ist in Swift, wäre aber in Obj-C sehr ähnlich):

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

• Fügen Sie eine weitere Eigenschaft für das Label selbst hinzu:

  private var lastUpdateLabel = UILabel(frame: CGRectZero)

• Fügen Sie in viewDidLoad den folgenden Code hinzu, um die Eigenschaften Ihres Etiketts festzulegen, und fügen Sie ihn als benutzerdefinierte Ansicht Ihres BarButtonItem hinzu

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

• So aktualisieren Sie den UILabelText:

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

Ergebnis:

Sie müssen lastUpdateLabel.sizetoFit()jedes Mal aufrufen, wenn Sie den Beschriftungstext aktualisieren

Eines der Dinge, für die ich diesen Trick verwende, ist das Instanziieren eines UIActivityIndicatorViewdarüber UIToolBar, etwas, das sonst nicht möglich wäre. Zum Beispiel habe ich hier eine UIToolBarmit 2 UIBarButtonItem, eine FlexibleSpaceBarButtonItemund dann eine andere UIBarButtonItem. Ich möchte einen UIActivityIndicatorViewin den UIToolBarzwischen dem flexiblen Raum und dem letzten (rechten) Knopf einfügen . Also RootViewControllermache ich in meinem folgenden:

- (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];}

Einzelheiten

• Xcode 10.2.1 (10E1001), Swift 5

Vollständige Probe

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) }
}

Ergebnis

Ähnlich wie bei Matt RI wurde der Interface Builder verwendet. Aber ich wollte UIWebViewstattdessen 1 drinnen haben, damit ich etwas Fettdruck und anderen Text nicht haben kann (wie die Mail-App). So

1. Fügen Sie stattdessen die Webansicht hinzu.
2. Deaktivieren Sie die Option Undurchsichtig
3. Stellen Sie sicher, dass der Hintergrund eine klare Farbe hat
4. Schließen Sie alles an IBOutlet
5. Verwenden Sie das Folgende html, um einen transparenten Hintergrund zu erhalten, damit die Symbolleiste durchscheint

Code:

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];

Wenn Sie der Symbolleistenansicht eine Ansicht hinzufügen möchten, können Sie Folgendes versuchen:

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

Versuche dies:

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];

Hinweis: self.barItemist ein UIBarButtonItemvon der Objektbibliothek hinzugefügt und zwischen zwei flexiblen Räumen.

Eine andere Möglichkeit besteht darin, die [self.barItem setCustom:view]Linie zu entfernen und die Parameter der label(Breite) so zu ändern , dass sie die gesamte Symbolleiste ausfüllt und die Ausrichtung auf die Mitte und die Schriftart selbst im Code festlegt.