¿Cómo agregar una imagen personalizada en el elemento del botón de la barra de navegación?

Question

UIBarButtonItem *doneitem=[[[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemDone target:self action:@selector(donePressed:)]autorelease]; 
    self.navigationItem.rightBarButtonItem=doneitem; 

Este es el código de mi aplicación, necesito agregar una imagen en este botón?

Por favor, ayúdame.

Answer 1

Prueba este código:

UIImage* image3 = [UIImage imageNamed:@"mail-48_24.png"]; 
CGRect frameimg = CGRectMake(0, 0, image3.size.width, image3.size.height); 
UIButton *someButton = [[UIButton alloc] initWithFrame:frameimg]; 
[someButton setBackgroundImage:image3 forState:UIControlStateNormal]; 
[someButton addTarget:self action:@selector(sendmail) 
    forControlEvents:UIControlEventTouchUpInside]; 
[someButton setShowsTouchWhenHighlighted:YES]; 

UIBarButtonItem *mailbutton =[[UIBarButtonItem alloc] initWithCustomView:someButton]; 
self.navigationItem.rightBarButtonItem=mailbutton; 
[someButton release]; 

Answer 2

[doneItem setImage:[UIImage imageNamed:@"yourImage.png"] forState:UIControlStateNormal]; 

Answer 3

UIButton *urButton = [UIButton buttonWithType:UIButtonTypeCustom]; 
urButton.frame = urRequiredFrame; 
[urButton setImage:urImage forState:UIControlStateNormal]; 
[urButton addTarget:self action:@selector(donePressed:) 
    forControlEvents:UIControlEventTouchUpInside]; 

UIBarButtonItem *doneButton =[[UIBarButtonItem alloc] initWithCustomView:urButton]; 
self.navigationItem.rightBarButtonItem=doneButton; 

Answer 4

Por favor, intente este código:

UIButton *btnNext1 =[[UIButton alloc] init]; 
[btnNext1 setBackgroundImage:[UIImage imageNamed:@"btnNext.png"] forState:UIControlStateNormal]; 

btnNext1.frame = CGRectMake(100, 100, 50, 30); 
UIBarButtonItem *btnNext =[[UIBarButtonItem alloc] initWithCustomView:btnNext1]; 
[btnNext1 addTarget:self action:@selector(nextButtonClicked) forControlEvents:UIControlEventTouchUpInside]; 
self.navigationItem.rightBarButtonItem = btnNext; 

Answer 5

UIBarButtonItem *_btn=[[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"XXXXXXX.png"] 
                style:UIBarButtonItemStylePlain 
                target:self 
                action:@selector(yourMethod)]; 

self.navigationItem.rightBarButtonItem=_btn; 

Answer 6

Una forma sencilla:

UIImage* customImg = [UIImage imageNamed:@"custom-img.png"]; 

UIBarButtonItem *_customButton = [[UIBarButtonItem alloc] initWithImage:customImg style:UIBarButtonItemStyleDone target:nil action:nil]; 

self.navigationItem.rightBarButtonItems = [[NSArray alloc] initWithObjects:_customButton, nil]; 

Luego, si necesita más de un botón puede simplemente y otro UIBarButtonItem a .

Answer 7

En caso de que alguien necesita código Swift de respuesta aceptada:

let infoImage = UIImage(named: "my-icon-32.png") 
let imgWidth = infoImage?.size.width 
let imgHeight = infoImage?.size.height 
let button:UIButton = UIButton(frame: CGRect(x: 0,y: 0,width: imgWidth!, height: imgHeight!)) 
button.setBackgroundImage(infoImage, forState: .Normal) 
button.addTarget(self, action: Selector("openInfo"), forControlEvents: UIControlEvents.TouchUpInside) 
self.navigationItem.rightBarButtonItem = UIBarButtonItem(customView: button) 

P. S. La respuesta de Gurpreet Singh solo funciona con PNG transparente. También tengo que configurar el botón tintcolor distinto de clearColor.

Answer 8

Hacer esto. Es mucho más simple.

1. Ponga el archivo de imagen en el directorio del proyecto

2. Añadir el archivo en Xcode (Haga clic derecho sobre el proyecto de Xcode, añadir archivos a "Nombre del proyecto")

3. Seleccione su UIBarButtonItem Storyboard en

4. Haga clic en "imagen" y encontrar su imagen (Ver imagen)

5. Celebre, porque funcionará perfectamente y no requiere código innecesario.

Answer 9

de recoger en el answer by Gurpreet Singh. Para mantener el estado actual de un botón ya existente, reutilice el objetivo y la acción.

SEL selector = self.navigationItem.rightBarButtonItem.action; 
id target = self.navigationItem.rightBarButtonItem.target; 
UIBarButtonItem *_btn=[[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"icon_close.png"] 
                 style:UIBarButtonItemStylePlain 
                target:target 
                action:selector]; 

self.navigationItem.rightBarButtonItem = _btn; 

Answer 10

En Swift

Otra solución utilizando imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal) método siguiente:

let img = UIImage(named: "picture")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal) 
let leftBarButtonItem = UIBarButtonItem(image: img, style: UIBarButtonItemStyle.Plain, target: self, action: nil) 
self.navigationItem.leftBarButtonItem = leftBarButtonItem 

Answer 11

Aquí es lo que funciona para mí. Encontré que 30x30 es un buen tamaño para el botón en la barra de navegación. El UIImage escala al tamaño del botón automáticamente.

UIImage *image = [UIImage imageNamed:@"XXXXXXXXXX"]; 
UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 30, 30)]; 
[button setBackgroundImage:image forState:UIControlStateNormal]; 
[button addTarget:self action:@selector(someAction) forControlEvents:UIControlEventTouchUpInside]; 
button.adjustsImageWhenHighlighted = NO; 
UIBarButtonItem *rightButton =[[UIBarButtonItem alloc] initWithCustomView:button]; 
self.navigationItem.rightBarButtonItem = rightButton; 

Answer 12

let sliderImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 40, height: 30)) 
    sliderImageView.contentMode = .ScaleAspectFit 
    sliderImageView.image = UIImage(named: "sliderMenu") 

    OR 

    var sliderImage = UIImage(named: "sliderMenu") 
    navigationItem.leftBarButtonItem?.image = sliderImage