Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Proper way to add a title to a modal view controller's toolbar?

Right now I'm using this in my -viewDidLoad method:

UIToolbar *toolbar = [[UIToolbar alloc] init];

UIBarButtonItem *flexibleSpace = [UIBarButtonItem alloc];
flexibleSpace = [flexibleSpace initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace
                                                    target:nil
                                                    action:nil];

// Add a back button to allow user to close the modal view
NSString *back = NSLocalizedString(@"Back", nil);
UIBarButtonItem *backButton = [UIBarButtonItem alloc];
backButton = [backButton initWithTitle:back
                                 style:UIBarButtonItemStyleDone
                                target:self
                                action:@selector(dismissModalViewControllerAnimated:)];

// Add a centered title to the toolbar

// I doubt this is the "correct" way to do this, but it seems to work.
// The "width" property of a UIBarButtonItem doesn't seem to correspond to
// the actual width if the button is flexible (i.e. the width isn't explicitly
// set), so I'm using this hack instead.
// This is obviously NOT an optimal solution. For one thing, if the button padding
// ever changes, it has to be changed manually here as well. For another, it is
// a pain to do this for every button I add to the toolbar, and furthermore the title
// is centered only according to its own width, not the toolbar's.
const CGRect toolbarFrame = [toolbar frame];
const CGFloat backWidth = [back sizeWithFont:[UIFont boldSystemFontOfSize:[UIFont buttonFontSize]]
                           constrainedToSize:toolbarFrame.size].width;

const CGRect titleFrame = {{0.0f, 0.0f},
                           {toolbarFrame.size.width - (backWidth * 2.0f), 50.0f}};
UILabel *titleLabel = [[UILabel alloc] initWithFrame:titleFrame];
[titleLabel setText:[self title]];
[titleLabel setBackgroundColor:[UIColor clearColor]];
[titleLabel setTextAlignment:UITextAlignmentCenter];
[titleLabel setFont:[UIFont boldSystemFontOfSize:20.0f]];
[titleLabel setTextColor:[UIColor whiteColor]];
[titleLabel setShadowColor:[UIColor colorWithWhite:0.0f alpha:0.5f]];
[titleLabel setShadowOffset:CGSizeMake(0.0f, -1.0f)];

UIBarButtonItem *titleItem = [[UIBarButtonItem alloc] initWithCustomView:titleLabel];
[titleLabel release];

NSArray *items = [[NSArray alloc] initWithObjects:flexibleSpace, titleItem, backButton, nil];
[flexibleSpace release];
[titleItem release];
[backButton release];

[toolbar setItems:items];
[items release];

[view addSubview:toolbar];
[toolbar release];

Does anyone have a better method for doing this? What I'm using feels like a major hack :(.

Edit:

Thanks for the suggestion Darren!

Here's what I'm using now, if anyone's interested:

First, in accordance with Darren's suggestion, I'm wrapping my modal view controller in a generic UINavigationController (which contains it's own UIToolbar, UINavigationBar, that comes with a title):

MyCustomViewController *myModalViewController = [[MyModalViewController alloc] init];
[myModalViewController setTitle:@"Foo"];

UINavigationController *modalNavController = [[UINavigationController alloc] initWithRootView:myModalViewController];
[myModalViewController release];

// This is intended to be presented in another view controller class
[self presentModalViewController:modalNavController animated:YES];
[modalNavController release];

Then in my -init method for the MyModalViewController class, I have this:

- (id)init
{
    if (self = [super init]) {
        UIBarButtonItem *backButtonItem = [UIBarButtonItem alloc];
    backButtonItem = [backButtonItem initWithTitle:back
                                                     style:UIBarButtonItemStyleDone
                                                    target:[self navigationController]
                                                    action:@selector(dismissModalViewControllerAnimated:)];
        [[self navigationItem] setRightBarButtonItem:backButtonItem];
        [backButtonItem release];
    }
    return self;
}

This is a much cleaner solution than before. Thanks.

like image 831
Michael Avatar asked Aug 23 '09 23:08

Michael


1 Answers

You should wrap your view controller inside a generic UINavigationController when you present the modal view:

MyCustomController* myController = [[MyCustomController alloc] init];
editor.title = @"My Title";

UINavigationController* modalController = [[UINavigationController alloc] initWithRootViewController:myController];
[self.navigationController presentModalViewController:modalController animated:YES];

[modalController release];
[myController release];

Your custom controller can specify its toolbar buttons in its init method:

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
    if (self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]) {
        self.navigationItem.leftBarButtonItem = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCancel 
                                                                                               target:self 
                                                                                               action:@selector(doCancel:)] autorelease];
        self.navigationItem.rightBarButtonItem = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemSave
                                                                                                target:self 
                                                                                                action:@selector(doSave:)] autorelease];
    }
    return self;
}
like image 161
Darren Avatar answered Oct 22 '22 05:10

Darren