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 的初始化操作

你可能感兴趣的:(UI 常用知识点)