UI 常用知识点

1. 常见问题

编译问题

• 项目里面的某个.m文件无法使用
  检查：Build Phases -> Compile Sources

• 项目里面的某个资源文件（比如plist、音频等）无法使用
  检查：Build Phases -> Copy Bundle Resources

storyboard 连线问题

• 连接的 方法代码 被删掉，但是连线没有去掉
  可能会出现方法找不到错误「unrecognized selector sent to instance」

• 连接的 属性代码 被删掉，但是连线没有去掉
  setValue:forUndefinedKey: this class is not key value coding-compliant for the key

2. 常见名词

IBAction 和 IBOutlet

• IBAction「方法」让方法具备连线的功能，本质是void
• IBOutlet「属性」让属性具备连线的功能

HUD

• 其他说法：指示器、遮盖、蒙板
• 半透明HUD的做法：背景色设置为半透明颜色

使控件看不见

• 宽度或者高度其实为0
• 位置不对（比如是个负数或者超大的数，已经超出屏幕）
• hidden == YES
• alpha <= 0.01
• 没有设置背景色、没有设置内容
• 可能是文字颜色和背景色一样

3. Button、ImageView、Label

UIButton

• 既能显示文字，又能显示图片（能显示2张图片，背景图片、内容图片）
• 长按高亮的时候可以切换图片\文字
• 直接通过 addTarget方法监听点击

UIImageView：显示图片，不能直接通过 addTarget 方法监听点击
UILabel：显示文字，不能直接通过 addTarget 方法监听点击

Button、ImageView、Label 选择

• 仅仅是显示数据，不需要点击：选 UIImageView、UILabel

• 不仅显示数据，还需要监听点击

  • 建议选择UIButton
  • UIImageView、UILabel也可以通过手势识别器来监听

• 长按控件改变显示内容：选 UIButton（因为UIButton有highlighted这种状态）

• 同时显示2张图片：背景图片、内容图片：选 UIButton

4. xib 和 stroyboard 对比

共同点

• 都用来描述软件界面
• 都用Interface Builder工具来编辑
• 本质都是转换成代码去创建控件

不同点

• Xib：轻量级的，描述局部 UI界面
• Storyboard：重量级的，描述整个软件的多个界面，能展示多个界面之间的跳转关系

xib 加载

// 加载 xib 文件
// fileName.xib --编译--> fileName.nib

// 方式 1
NSArray *objs = [[NSBundle mainBundle] loadNibNamed:@"fileName" owner:nil options:nil];
[self.view addSubview:objs[1]]; // 将xib文件中的第二个子控件设为view的子控件

// 方式 2
// 1个UINib对象代表1个xib文件
UINib *nib = [UINib nibWithNibName:@"fileName" boundle:[NSBoundle nil]]; // nil 默认是 mainBoundle

UINib *nib = [UINib nibWithNibName:@"fileName" boundle:[NSBoundle mainBoundle]]; // 去mainBoundle 里面找文件

NSArray *objs = [nib instantiateWithOwner:nil option:nil];
[self.view addSubview:[objs lastObject]];

5. 控件的创建

根据控件的创建方式，选择控件的初始化函数，来进行自定义初始化
I. 通过代码创建

• 初始化时 调用 initWithFrame: 方法「所有类的 init 方法自动调用initWithFrame方法」
  -(instancetype)initWithFrame:(CGRect)frame

II. 通过 xib/storyboard 创建

• 初始化时 调用 initWithCoder: 方法「不会调用 initWithFrame: 方法」
  - (id)initWithCoder:(NSCoder *)aDecoder
  控件从 xib/storyboard 中创建完毕时，这个方法初始化控件

• 初始化完毕后 调用 awakeFromNib 方法
  - (void)awakeFromNib

控件从 xib/storyboard 中创建完毕后，调用
执行 xib/storyboard 的初始化操作