Benutzerdefinierte UIBarButtonItem

Ich bin versuchen, um eine benutzerdefinierte UIBarbuttonItem, die verwendet nur ein png mit Transparenz so, dass ich nur noch ein Symbol als Schaltfläche. Wenn ich versuche auf die Schaltfläche Bild, den hintergrund so weiß, und stellen Sie den Stil auf nur-ich bekomme immer noch einen inneren Schatten und schwarzen Rand um ihn herum.

Was gibt?

Benutzerdefinierte UIBarButtonItem

Habe ich versucht den folgenden code und es sich noch setzt, den schwarzen Rand um ihn herum.

UIImage *background = [UIImage imageNamed:@"Dismiss_normal.png"];
UIImage *backgroundSelected = [UIImage imageNamed:@"Dismiss_selected.png"];
self.closeButton = [UIButton buttonWithType:UIButtonTypeCustom];
[self.closeButton addTarget:self action:@selector(closeButtonPressed:) forControlEvents:UIControlEventTouchUpInside]; //adding action
[self.closeButton setBackgroundImage:background forState:UIControlStateNormal];
[self.closeButton setBackgroundImage:backgroundSelected forState:UIControlStateSelected];
self.closeButton.frame = CGRectMake(0 ,0,background.size.width, background.size.height);
self.closeButtonItem = [[UIBarButtonItem alloc] initWithCustomView:self.closeButton];
self.navigationItem.leftBarButtonItem = self.closeButtonItem;

Was mir aufgefallen ist wenn ich einen modal-segue den button, mit dem code oben noch einen schwarzen Rand um ihn herum, aber wenn ich einen push-segue nicht? WTF???

InformationsquelleAutor jdog | 2013-06-07
  1. 7

    Ich Verstand Ihr problem.

    Wenn Sie tatsächlich schieben Sie einen UIViewController es wird ein Teil der bestehenden UINavigationController. Also die UINavigationBar behält. Aber wenn Sie ModalViewController es ist nur ein weiterer UIViewController Art "Hinzugefügt", um Ihre bestehenden UIViewController. Also die UINavigationBar werde nicht da sein.

    Aber Sie können weitere hinzufügen UINavigationBar aus xib und fügen Sie eine UIButton. Aber nicht direkt fügen Sie den UIButton wenn Sie dies tun, wird es automatisch zu konvertieren UIBarButton macht es grenzt.

    So ziehen Sie zunächst einen normalen UIButton zu Ihrem UIView(nicht navigation). Ändern Sie auf Benutzerdefiniert und fügen Sie UIImage mit Attribute Inspector. Ziehen Sie das Bild auf Ihre eigene erstellt UINavigationBar. Es funktioniert, als ich versuchte es gerade jetzt. Sehen Sie den Screenshot unten angehängt.

    Benutzerdefinierte UIBarButtonItem

    • Tatsächlich können Sie sogar keinen Zugriff auf die Navigationsleiste, die aus der view-controller, die vorgestellt wurde mit modal Weg. So haben Sie, um Ihre eigenen UINavigationBar(Custom).
    • Ich folgte Schritt... Diese Art von button-Aktion nicht arbeiten @property (weak, nonatomic) IBOutlet UIBarButtonItem *sidebarButton; geben-Outlet-Aktion, Aber die button-Aktion nicht arbeiten
    InformationsquelleAutor Javvadi Rajesh
  2. 15

    Müssen Sie den Typ Schaltfläche aus, um Benutzerdefinierte und das icon-Bild auf die Schaltfläche hintergrund.
    Beispiel-code:

    UIImage *background = [UIImage imageNamed:@"icon.png"];
UIImage *backgroundSelected = [UIImage imageNamed:@"icon_selected.png"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
[button addTarget:self action:@selector(checkButtonTapped:event:) forControlEvents:UIControlEventTouchUpInside]; //adding action
[button setBackgroundImage:background forState:UIControlStateNormal];
[button setBackgroundImage:backgroundSelected forState:UIControlStateSelected];
button.frame = CGRectMake(0 ,0,35,35);

    Dann setzen Sie diese Taste, um Ihre BarButtonItem wie diese:

    UIBarButtonItem *barButton = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.leftBarButtonItem = barButton;
    • Sie wollen sicherstellen, dass der user hat kein problem, berühren Sie die Schaltfläche, mit der Sie zugewiesen werden soll eine neue UIView mit den Grenzen, die Sie wollen in der Lage sein, zu berühren, dann fügen Sie die-Taste, um zu dieser Ansicht veranlassen dann die barButton mit, dass die neu zugewiesenen view statt
    InformationsquelleAutor Primoz990
  3. 4

    Dies wird aktualisieren Sie ALLE zurück-buttons und Navigationsleisten in der gesamten app.

    Ich habe den Folgenden code, um eine Benutzerdefinierte Navigation mit zurück-Schaltfläche

    UIImage *imgBack = [[UIImage imageNamed:@"nav_back.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(-6, 22, -6, 0)];
[[UIBarButtonItem appearance] setBackButtonBackgroundImage:imgBack forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

    und den Folgenden code für die Einstellung hintergrund Bild auf der Navigationsleiste aus.

    UIImage *navBackgroundImage = [UIImage imageNamed:@"nav_bar.png"];
[[UINavigationBar appearance] setBackgroundImage:navBackgroundImage forBarMetrics:UIBarMetricsDefault];
    • Es lohnt sich, zu erklären, dass dies wird aktualisieren Sie ALLE zurück-buttons und Navigationsleisten gesamten app - wahrscheinlich die beste Antwort.
    • sub-Klasse der UINavigationController und ändern Sie die Navigationsleiste in es und verwenden Sie die sub-Klasse als Haupt-Navigations-tool,
    InformationsquelleAutor Ayush
  4. 3

    Versuchen, verwenden Sie [UIBarButtonItem initWithCustomView]

    UIImage *menuButtonImage = [UIImage imageNamed:@"list.png"];//set your image Name here 
UIButton *btnToggle = [UIButton buttonWithType:UIButtonTypeCustom];
[btnToggle setImage:menuButtonImage forState:UIControlStateNormal];
btnToggle.frame = CGRectMake(0, 0, menuButtonImage.size.width, menuButtonImage.size.height);
UIBarButtonItem *menuBarButton = [[UIBarButtonItem alloc] initWithCustomView:btnToggle];
self.navigationItem.leftBarButtonItem = menuBarButton;
    InformationsquelleAutor Splendid
  5. 1

    Ich persönlich mag FlatUIKit ist Ansatz, indem Sie nur glätten die gesamte Benutzeroberfläche durch UIAppearance

    Im wesentlichen, Sie würden etwas tun wie:

    UIImage *backButtonPortraitImage = [UIImage backButtonImageWithColor:color barMetrics:UIBarMetricsDefault cornerRadius:cornerRadius];
UIImage *highlightedBackButtonPortraitImage = [UIImage backButtonImageWithColor:highlightedColor barMetrics:UIBarMetricsDefault cornerRadius:cornerRadius];

[appearance setBackButtonBackgroundImage:backButtonPortraitImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
[appearance setBackButtonBackgroundImage:highlightedBackButtonPortraitImage forState:UIControlStateHighlighted barMetrics:UIBarMetricsDefault];

UIImage *buttonImageNormal       = [UIImage imageWithColor:color cornerRadius:cornerRadius];
UIImage *buttonImageHightlighted = [UIImage imageWithColor:highlightedColor cornerRadius:cornerRadius];

[appearance setBackgroundImage:buttonImageNormal forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
[appearance setBackgroundImage:buttonImageHightlighted forState:UIControlStateHighlighted barMetrics:UIBarMetricsDefault];
    InformationsquelleAutor Jonathon Hibbard
  6. 0

    Versuchen, diesen code..

    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
UIImage *btnImage = [UIImage imageNamed:@"bg"];
[button setImage:btnImage forState:UIControlStateNormal];
button.frame = CGRectMake(0, 0, btnImage.size.width, btnImage.size.height);
[button addTarget:target action:action forControlEvents:UIControlEventTouchUpInside];
UIImage *icon = [UIImage imageNamed:@"icon"]
UIImageView *iconView = [[UIImageView alloc] initWithImage:icon];
iconView.frame = CGRectMake(0, 0, icon.size.width, icon.size.height);
[button addSubview:iconView];
iconView..userInteractionEnabled=NO;
[iconView centerBothDirections];
[iconView release];
UIBarButtonItem *barbtn = [[[UIBarButtonItem alloc] initWithCustomView:button] autorelease];
self.navigationItem.leftBarButtonItem =barbtn
    InformationsquelleAutor NANNAV
Schreibe einen Kommentar