Question

I have this code and I want to have my button as a square, and also under the navigation bar,would you plase help me

Thanks in advance!

I want to have my button as a square

- (void)viewDidLoad
{
[super viewDidLoad];



int rows = 13, columns = 4;
UIView *buttonView = [[UIView alloc] initWithFrame:CGRectMake(0.f, 0.f, 70*columns, 70*rows)];
for (int y = 0; y < rows; y++) {
    for (int x = 0; x < columns; x++) {
        UIButton * button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
        button.frame = CGRectMake(70 * x, 28 * y, 70, 28);

        [button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];
        [buttonView addSubview: button];

    }
 }

// Center the view which contains your buttons
CGPoint centerPoint = buttonView.center;
centerPoint.x = self.view.center.x;
buttonView.center = centerPoint;
[self.view addSubview:buttonView];    

}


-(void)buttonPressed:(UIButton *)button
{
NSLog(@"button %u -- frame: %@", button.tag, NSStringFromCGRect(button.frame));
}

Edit 2

my error when I using border

    [button.layer setBorderWidth:1.0]; 
    [button.layer setBorderColor:[UIColor blackColor]];

Answer 1

You are setting your button of size 70×28, so if you want a button 70×70, you have to change button.frame = CGRectMake(70*x, 70*y, 70, 70), this way you will have square buttons.

Also, are you sure this is a NavigationBar or just a Toolbar? If you use NavigationController which uses navigationBar, Apple’s own SDK will not allow you to easily draw over it.

In any case in your case, just start drawing your buttons from y = 44 down and you won’t have buttons overlap the toolbar.