Question

I want the regular button shape around my square image, so I went for initWithImage:Style:Target:Action. The problem is, it then stretches my image to fit a wide button, and this isn’t what i want at all. How do i make it put my image there without stretching? And how would i change the rectangle width too?

Answer 1

I’m not sure if you can add an image onto a bar button so it looks outlined. I do know that you can add you own custom view fairly easily that doesn’t stretch the image. Basically, all you have to do is create an imageView initialized with your image, then create a bar button item and add the custom view to it.

UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"myImage.png"]];  //or whatever image type you have
UIBarButtonItem *myButton = [[UIBarButtonItem alloc] initWithTitle:nil style:UIBarButtonItemStyleBordered target:self action:@selector(handlePress:)];
myButton.customView = imageView;
// now you have your image (unstretched) in place of your bar button item

Then you just have to set the button where you want it. Again, this won’t give you a button background, so it might be best to create an image with a button background (possibly photoshop your existing image on a button, then save that new image and use that one)