美文网首页
UI 常用知识点

UI 常用知识点

作者: _凉风_ | 来源:发表于2016-06-23 17:32 被阅读257次

    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 常用知识点

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