美文网首页
xib使用-part1直接通过xib构建视图

xib使用-part1直接通过xib构建视图

作者: 灰豹儿 | 来源:发表于2017-05-22 23:15 被阅读0次

    开发iOS项目,对于项目的源码,开发人员可能有三种选择:

    • 使用纯代码编写
    • 使用代码 + xib
    • 使用storyboard

    我个人一般选择第二种,因为纯代码编写,对于UI部分,添加约束等,很费时。而storyboard,自己没有很熟练,也担心项目大了,页面多了不好维护。这里主要说说xib的使用,方便使用代码 + xib的方式开发。xib的使用会分几个部分,本节是第一部分:直接通过xib构建视图。
    demo地址:https://github.com/huibaoer/Demo_xib

    1.首先创建工程,添加RootViewController.

    2.创建xib文件,File -> New -> File -> 左侧选项卡选择iOS下的User Interface -> 右侧选择View -> 点击Next按钮 -> 填写xib文件名称为‘CustomView’ -> 点击create创建xib文件

    xib_demo_01_1

    3.编辑创建好的xib文件,选中文件中的默认view,在右侧选中其属性设置栏,Simulated Metrics下设置Size为Freeform,Status Bar为None,这样就可以自由的拖拽view的大小且没有顶部状态栏。修改一下view的背景颜色,并拖拽一个label控件到其上面,设置文案为‘xib view’。

    4.将xib文件中的视图添加到应用中,在RootViewController的viewDidLoad方法中添加如下代码:

    // 1. 通过xib创建视图
       UIView *xibView = [[[NSBundle mainBundle] loadNibNamed:@"CustomView" owner:nil options:nil] lastObject];
       [self.view addSubview:xibView];
    // 2. 通过xib创建视图 方式2
       UINib *nib = [UINib nibWithNibName:@"CustomView" bundle:[NSBundle mainBundle]];
       UIView *xibView2 = [[nib instantiateWithOwner:nil options:nil] lastObject];
       xibView2.center = self.view.center;
       [self.view addSubview:xibView2];
    

    两段代码分别用了两种方式来从xib文件中获取视图对象,这里需要注意的一点,一个xib文件可能包含多个view,所以返回的是一个数组。当前xib文件中只有一个view,所以直接获取了数组的lastObject。

    5.运行工程,xib中构建的视图,已经添加在页面中。

    xib_demo_01_2

    相关文章

      网友评论

          本文标题:xib使用-part1直接通过xib构建视图

          本文链接:https://www.haomeiwen.com/subject/ccaixxtx.html