如何在iOS中更改自定义UIView的大小

Question

I want to use custom view as a toolbar at bottom of my view controller and then design it in my own way. I am using UIView for this purpose and then add as a subview. Somehow, the height of my custom tool bar is not changing. Even, I turned off constraints for it but somehow, it auto adjusts. How can, I do this? Below is my code snippet.

//CameraActivity.h class
@interface CameraActivity : UIViewController

//Custom UIView.
@property (nonatomic, strong) UIView *toolbar;

@end

//CameraActivity.m class, in viewDidLoad.

_toolbar.translatesAutoresizingMaskIntoConstraints = YES;
    [self.view removeConstraints:self.view.constraints];
    [_toolbar removeConstraints:_toolbar.constraints];
    CGRect frame = CGRectMake(0, [[UIScreen mainScreen] bounds].size.height - 44, [[UIScreen mainScreen] bounds].size.width, 150);
    _toolbar = [[UIView alloc]initWithFrame:frame];
    [_toolbar setBackgroundColor:[UIColor colorWithRed:116.0/255.0 green:174.0/255.0 blue:220.0/255.0 alpha:0.75]];

    [self.view addSubview:_toolbar];

Answer 1

Before creating (ie _toolbar = [[UIView alloc]initWithFrame:frame]; ) your view toolbar , using it will cause this issue.

Hence, change the line order to this :

 CGRect frame = CGRectMake(0, [[UIScreen mainScreen] bounds].size.height - 44, [[UIScreen mainScreen] bounds].size.width, 150);
_toolbar = [[UIView alloc]initWithFrame:frame];
_toolbar.translatesAutoresizingMaskIntoConstraints = YES;
[self.view removeConstraints:self.view.constraints];
[_toolbar removeConstraints:_toolbar.constraints];
[_toolbar setBackgroundColor:[UIColor colorWithRed:116.0/255.0 green:174.0/255.0 blue:220.0/255.0 alpha:0.75]];
[self.view addSubview:_toolbar];

Also I suggest setting frame must done in -(void) viewDidLayoutSubviews beacause viewDidLoad is not a good place for this! so,

-(void) viewDidLayoutSubviews 
{
 _toolbar.frame  = CGRectMake(0, [[UIScreen mainScreen] bounds].size.height - 44, [[UIScreen mainScreen] bounds].size.width, 150);

}

Answer 2

I added UIView from objects library instead of adding it programmatically and then sets its width according to screen width of device and height to constant. Also assigned some constraints solve my problem.

//CameraActivity.h class
@interface CameraActivity : UIViewController

//This time not custom UIView but IBOutlet.
@property (nonatomic, strong) IBOutlet UIView *toolbar;

@end

//CameraActivity.m class
#import "CameraActivity.h"
@implementation CameraActivity

-(void)viewDidLoad
{
    [super viewDidLoad];
    //Get your device screen width.
    CGFloat width = [UIScreen mainScreen].bounds.size.width;
    _toolbar.frame = CGRectMake(0, 44, width, 150);
}

Answer 3

Make an outlet of your UIView height constraint. Then try to change its height based on device's type as follow:-

In ViewController.h file, Create an outlet:-

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *viewHeightConstraint;

In ViewController.m file, Change your height's constraint like this:-

if (Device is iPhone 4s) {
    viewHeightConstraint.constant = 30.0;  //Your desired height
}
else if (Device is iPhone 5 || Device is iPhone 5s || Device is iPhone 5c) {
   viewHeightConstraint.constant = 40.0;  //Your desired height
}
else if (Device is iPhone 6) {
   viewHeightConstraint.constant = 50.0;  //Your desired height
}
else if (Device is iPhone 6 Plus) {
   viewHeightConstraint.constant = 60.0;  //Your desired height
}

Happy Coding!!