在一个uiViewController中加载一个通过xib创建的uiView,结果界面不正确

本文探讨在iOS开发中,当在UIViewController加载完成后再尝试添加UIView时,界面布局出现错误的原因及解决方案。通过对比两种不同的实现方式,揭示了视图层级与UI加载时机对界面布局的影响,并提供了正确的布局实现方法。

背景:我有一个uiViewController,是创建的时候带有xib的,需要在这个VC的view上再加一个uiView,而这个uiView是也是通过xib创建的,在xib中画了几个控件,之间有约束,然后我在VC中是这样写的

uiViewController.m

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    [self.view setBackgroundColor:WhiteColor];
    
    [self initBottomView];

    [self initImageShowView];
   
    [self initButton];
    
    brightView = [[[NSBundle mainBundle]loadNibNamed:@"ImageBrightView" owner:self options:nil] lastObject];
    
    brightView.imageView = _imageShowView;
    
    [self.view addSubview:brightView];
}
uiView的代码如下:
- (void)awakeFromNib
{
    self.backgroundColor = RedColor;
    
    // view的位置,人工计算
    iHeight = ScreenHeight - ScreenWidth;
    self.frame = CGRectMake(0, ScreenWidth, ScreenWidth, iHeight);
    _topViewHeight.constant = iHeight - BottomViewHeight - LineViewHeight - MiddleViewHeight - LineViewHeight;
    
    [self initSlide];
    
    //滤镜相关
    _context=[CIContext contextWithOptions:nil];
    _colorControlsFilter=[CIFilter filterWithName:@"CIColorControls"];
     _entity = [MEPAManager sharedPAManager].pictureEntityArray[0];
     _image = [CIImage imageWithCGImage:_entity.fullOriginImg.CGImage];
    [_colorControlsFilter setValue:_image forKey:kCIInputImageKey];
}
生成的界面完全是错的,如下:


调试了很久,不管是在uiView中还是在uiViewController中,去设置子uiView的frame,界面显示出来的子View的位置和大小都是错的。

但是,通过另一种方法做就是对的,VC上增加一个按钮,当VC显示完成后,我点击按钮,把这个uiView再添加上去,代码如下:

-(void)ClickButton
{
    ImageBrightView * brightView = [[[NSBundle mainBundle]loadNibNamed:@"ImageBrightView" owner:self options:nil] lastObject];
//    CGFloat width = ScreenWidth;//self.view.frame.size.width;
//    brightView.frame = CGRectMake(0, width, width, ScreenHeight - width);
    brightView.backgroundColor = RedColor;
    NSLog(@"width:%f, height:%f", brightView.frame.size.width, brightView.frame.size.height);
    brightView.imageView = _imageShowView;

    [self.view addSubview:brightView];
}
这样出来的效果就是对的:


疑问:这是为什么呢?当VC渲染好了之后我再去加uiView,这种正常的我可以理解,但为什么第一种方法死活添加的子view都不对呢?

在 Xcode 的 Interface Builder 中将 `UIView` 添加到 `UIViewController` 是一个直观且高效的方式,尤其适用于可视化界面设计。可以通过以下步骤实现: 在 Interface Builder 中打开对应的 `.storyboard` 或 `.xib` 文件。从对象库(Object Library)中拖动一个 `UIView` 控件到视图控制器的主视图中。可以根据需要调整其位置和大小,也可以通过属性检查器(Attributes Inspector)修改其背景颜色、边框等视觉属性。 如果需要通过代码引用该 `UIView`,可以按以下步骤操作: 1. 打开辅助编辑器(Assistant Editor),确保视图控制器的 `.h` 或 `.m` 文件可见。 2. 按住 `Control` 键,从 Interface Builder 中的 `UIView` 拖动到代码中,创建一个 `IBOutlet`。例如: ```objective-c @property (weak, nonatomic) IBOutlet UIView *customView; ``` 这样在视图加载后,就可以通过 `self.customView` 访问该视图,并进行动态修改[^2]。 此外,还可以通过 Auto Layout 设置约束,确保 `UIView` 在同设备上保持正确的布局。选择视图后,使用底部的约束工具栏添加必要的宽度、高度、边缘约束等,以确保界面适配性。 完成设计后,构建并运行项目以查看效果。 ### 添加 UIView 到控制器视图的代码示例 如果希望在代码中动态添加视图并保持与 Interface Builder 的兼容性,可以使用以下方式: ```objective-c - (void)viewDidLoad { [super viewDidLoad]; UIView *dynamicView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)]; dynamicView.backgroundColor = [UIColor redColor]; [self.view addSubview:dynamicView]; } ``` 这种方式适合需要动态生成界面元素的场景。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值