xib相关(三) —— xib右侧标签介绍(一)

版本记录

版本号 时间
V1.0 2018.04.13

前言

iOS中的视图加载可以有两种方式,一种是通过xib加载,另外一种就是通过纯代码加载。它们各有优点和好处,xib比较直观简单,代码比较灵活但是看着很多很乱,上一家公司主要风格就是用纯代码,这一家用的就是xib用的比较多。这几篇我们就详细的介绍一个xib相关知识。感兴趣的可以看上面写的几篇。
1. xib相关(一) —— 基本知识(一)
2. xib相关(二) —— 文件冲突问题(一)

xib文件

下面我们看一下昨天建立的xib文件,如下图所示。

接下来我们就详细的看一下右侧这六个标签。


第一个标签

主要如下图所示。

Custom View

1. 作用

主要介绍了xib文件的一些基本信息,一般不用修改。

2. 组成

Identity and Type

这里有三个选项,分别是Name、Type和Location。

  • Name:顾名思义,这个就是你的xib的名字,在命名上我们一般习惯于将xib于关联的类取相同的名字,方便查找。
  • Type:这个表示的是xib的文件类型,默认是Default - Interface Builder Cocoa Touch XIB,这个是一个下拉列表,下面我们就看一下。

可以看见这里都是文件类型,我们就按照默认的来就可以,不做更改。

  • Location:意思就是该XIB文件所在的位置,这里默认的是Relative To Group,相对Group的路径,比如我这里是JJCustomView.xib,还可以选择全路径,这个是一个列表可以选择。
Relative To Group
Relative To Project

这里就举两个例子,其他的大家可以点点就很清楚了。

On Demand Resource Tags

这个是按需加载,给大家说一个场景,比如游戏第10关才会出现的资源,你还不想打包到本地,那么就可以启动按需加载,这样可以到那个阶段从服务端下发,这个我也是问别人的回答结果,我自己也没用过,不准确的地方恳请补充和纠正。

Interface Builder Document

这里主要是打开的xcode版本和选择的ios系统版本。

这两个下拉列表都是可选的,大家可以自行点击查看。这里需要说的是,下面四个复选框。

  • Use Auto Layout:使用自动布局。
  • Use Trait Variations :这个与SizeClass相关。
  • Use Safe Area Layout Guide:使用安全布局,这里在iphoneX出来以后就很有用了,这样就不用考虑最下面和最上面的间距了。
  • Use as Launch Screen: 作为启动图使用。

Localization

这个一般用于国际化,如果不做国际化一般不用管这个。

Target Membership

这个表示该xib所在的Target的名字和关系。

下面看下面的四个栏都是什么。

文件类型
代码块
控件和控制器
Assets.xcassets资源包图像

这里代码块是简化代码用的,控制器和控件栏就是用于连线用的,下一篇会详细的说一下连线这个部分。


第二个标签

这里是快速帮助文档相关。

Custom View
UIButton

这里是有关控件相关的技术文档,我点击界面的Button,右侧就会提示UIButton的使用说明。


第三个标签

Custom View
UIButton

下面说一下几个重要部分:

Custom Class

这里比较重要的就是Custom Class这一栏,这个是将xib和对应类进行连线和关联的地方。我们只需要在Class这个输入框里面输入对应类的名字回车,那么这个xib就和你输入的类进行了关联。

Accessibility

这里说一下User Interaction Enabled这个选项,这个用来打开交互用的,UIImageView的交互默认是关着的,在这里就可以打开交互。


第四个标签

这个标签可以称为属性标签。

Custom View
UIButton

这个是个属性栏,很多控件的属性都可以在这里看到。

1. 对于Custom View视图

Simulated Metrics

这里的Size默认是Inferred,就是自动推断的,选择这个那么xib的大小不能更改,打开下拉列表选择Freeform,那么就可以随意更改xib的大小了。

2. 对于UIButton视图

Button

这里设置按钮的类型,颜色,文本颜色,背景图等等。

Control

这里设置对齐方式,默认的状态是selected还是Enabled等。

View

这里是填充模式等等,其实也是View的属性。


第五个标签

这里是frame相关的设置。

Custom View
UIButton

对于Button的这个标签,我们可以设置ContentInsetTitleInsetImageInset等。


第六个标签

这里都是连线相关。

Custom View
UIButton

这里都是连线相关,包括属性、方法、手势以及代理等,都可以在这里进行连线到具体的控制器或者View中进行操作。

后记

本篇主要介绍了Xib右侧的几个标签,感兴趣的给个赞或者关注~~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容