iOS如何通过xib自定义view

      iOS项目开发中经常用到自定义的view,按照以前的纯代码写法,这种很简单,基本都会写.不过这样做的缺点就是要写很多代码去创建控件、设置属性以及去适配.

      如果用xib的话,很快就能完成界面的布局,点击事件等也是拖拖拽拽就完成了,能省下不少时间.以下是用xib创建自定义view的步骤,给没接触过xib创建view 的同学一个参考.

1.command + n 继承与UIView 创建一个自定义view

比如下面的TestView

2.comman+n 选择 User Interface下的View 创建,起名和上面的view一样

3.创建完成后,打开TextView.xib,选中File's Owner,在右边把class 设置为TestView


4.然后把 按住control把 view 拖到TestView.h 中,名字随便起

.m里面有匿名类别的话,拖到.m里面也是一样的,区别就是对不对外界暴露


5.接着打开TestView.m 添加以下代码(代码很简单,就不复制粘贴了,直接上图)

init方法可不添加

上面LOG_METHOD为  #define LOG_METHOD NSLog(@"%s", __func__);

6.到这位置就自定义好了,至于xib里面布局,就看自己需求了

7.测试

我把view的背景色设置为了红色,并在中间加了一个居中的20*20的浅蓝色方块,添加约束为居中

代码创建:

在viewController的viewDidLoad方法里面添加以下代码

TestView *viewTest = [[TestView alloc] init];

viewTest.frame = CGRectMake(20,100,100,100);

[self.view addSubview:viewTest];

运行结果如下:


xib创建:

直接在xib上拖一个view,把class 改为TestView


然后运行:


看起来有点偏是因为没加约束,运行在了SE模拟器
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,142评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,223评论 4 61
  • 掌握 UIView的常见属性和方法 九宫格计算方法 字典转模型 Xib的使用 自定义view(view的封装) 简...
    JonesCxy阅读 1,394评论 1 3
  • 爱情
    洋菊阅读 226评论 0 0
  • 前几日,几个女大学生为开跑车当外围女的新闻火了。这些所谓的高材生,在攀比、虚荣心理作祟下,为了开跑车,误入“外围圈...
    林若一Vera阅读 289评论 0 6