面试 (四) : UI篇

Size Classes 具体使用

• 对屏幕进行分类

UIView和CALayer是什么关系?

• UIView显示在屏幕上归功于CALayer，通过调用drawRect方法来渲染自身的内容，调节CALayer属性可以调整UIView的外观，UIView继承自UIResponder，比起CALayer可以响应用户事件，Xcode6之后可以方便的通过视图调试功能查看图层之间的关系

• UIView是iOS系统中界面元素的基础，所有的界面元素都继承自它。它内部是由Core Animation来实现的，它真正的绘图部分，是由一个叫CALayer(Core Animation Layer)的类来管理。UIView本身，更像是一个CALayer的管理器，访问它的跟绘图和坐标有关的属性，如frame，bounds等，实际上内部都是访问它所在CALayer的相关属性

• UIView有个layer属性，可以返回它的主CALayer实例，UIView有一个layerClass方法，返回主layer所使用的类，UIView的子类，可以通过重载这个方法，来让UIView使用不同的CALayer来显示，如：

  • (class) layerClass {

    // 使某个UIView的子类使用GL来进行绘制

return ([CAEAGLLayerclass]);

}

• UIView的CALayer类似UIView的子View树形结构，也可以向它的layer上添加子layer，来完成某些特殊的显示。例如下面的代码会在目标View上敷上一层黑色的透明薄膜。

grayCover
= [[CALayer alloc]init];

grayCover.backgroudColor
= [[UIColor blackColor]colorWithAlphaComponent:0.2].CGColor;

[self.layer addSubLayer:grayCover];

• 补充部分，这部分有深度了，大致了解一下吧，UIView的layer树形在系统内部被系统维护着三份copy

○ 逻辑树，就是代码里可以操纵的，例如更改layer的属性等等就在这一份

○ 动画树，这是一个中间层，系统正是在这一层上更改属性，进行各种渲染操作

○ 显示树，这棵树的内容是当前正被显示在屏幕上的内容

○ 这三棵树的逻辑结构都是一样的，区别只有各自的属性

loadView的作用？

• loadView用来自定义view，只要实现了这个方法，其他通过xib或storyboard创建的view都不会被加载

看懂控制器view创建的这个图就行


1.jpg

IBOutlet连出来的视图属性为什么可以被设置成weak?

• 因为父控件的subViews数组已经对它有一个强引用

IB中User Defined Runtime Attributes如何使用？

• User Defined Runtime Attributes是一个不被看重但功能非常强大的的特性，它能够通过KVC的方式配置一些你在interface builder中不能配置的属性

• 当你希望在IB中作尽可能多得事情，这个特性能够帮助你编写更加轻量级的viewcontroller

沙盒目录结构是怎样的？各自用于那些场景？

• Application：存放程序源文件，上架前经过数字签名，上架后不可修改

• Documents：常用目录，iCloud备份目录，存放数据

•
Library

○ Caches：存放体积大又不需要备份的数据

○ Preference：设置目录，iCloud会备份设置信息

• tmp：存放临时文件，不会被备份，而且这个文件下的数据有可能随时被清除的可能

pushViewController和presentViewController有什么区别

• 两者都是在多个试图控制器间跳转的函数

• presentViewController提供的是一个模态视图控制器(modal)

• pushViewController提供一个栈控制器数组，push/pop

请简述UITableView的复用机制

• 每次创建cell的时候通过dequeueReusableCellWithIdentifier:方法创建cell，它先到缓存池中找指定标识的cell，如果没有就直接返回nil

• 如果没有找到指定标识的cell，那么会通过initWithStyle:reuseIdentifier:创建一个cell

• 当cell离开界面就会被放到缓存池中，以供下次复用

如何高性能的给
UIImageView 加个圆角?

• 不好的解决方案

○ 使用下面的方式会强制Core Animation提前渲染屏幕的离屏绘制, 而离屏绘制就会给性能带来负面影响，会有卡顿的现象出现

self.view.layer.cornerRadius = 5;

self.view.layer.masksToBounds =YES;

• 正确的解决方案：使用绘图技术

(UIImage *)circleImage

{

// NO代表透明

UIGraphicsBeginImageContextWithOptions(self.size,
NO, 0.0);

// 获得上下文

CGContextRef ctx = UIGraphicsGetCurrentContext();

// 添加一个圆

CGRect rect = CGRectMake(0, 0, self.size.width,
self.size.height);

CGContextAddEllipseInRect(ctx, rect);

// 裁剪

CGContextClip(ctx);

// 将图片画上去

[self drawInRect:rect];

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

// 关闭上下文

UIGraphicsEndImageContext();

return image;

}

• 还有一种方案：使用了贝塞尔曲线"切割"个这个图片, 给UIImageView 添加了的圆角，其实也是通过绘图技术来实现的

UIImageView
*imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];

imageView.center
= CGPointMake(200, 300);

UIImage
*anotherImage = [UIImage imageNamed:@"image"];

UIGraphicsBeginImageContextWithOptions(imageView.bounds.size,
NO, 1.0);

[[UIBezierPath
bezierPathWithRoundedRect:imageView.bounds

cornerRadius:50] addClip];

[anotherImage
drawInRect:imageView.bounds];

imageView.image
= UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

[self.view addSubview:imageView];

使用drawRect有什么影响？

• drawRect方法依赖Core Graphics框架来进行自定义的绘制

• 缺点：它处理touch事件时每次按钮被点击后，都会用setNeddsDisplay进行强制重绘；而且不止一次，每次单点事件触发两次执行。这样的话从性能的角度来说，对CPU和内存来说都是欠佳的。特别是如果在我们的界面上有多个这样的UIButton实例，那就会很糟糕了

• 这个方法的调用机制也是非常特别. 当你调用setNeedsDisplay 方法时, UIKit 将会把当前图层标记为dirty,但还是会显示原来的内容,直到下一次的视图渲染周期,才会将标记为dirty 的图层重新建立Core Graphics上下文,然后将内存中的数据恢复出来, 再使用CGContextRef 进行绘制

描述下SDWebImage里面给UIImageView加载图片的逻辑

• SDWebImage 中为UIImageView 提供了一个分类UIImageView+WebCache.h, 这个分类中有一个最常用的接口sd_setImageWithURL:placeholderImage:，会在真实图片出现前会先显示占位图片，当真实图片被加载出来后在替换占位图片

• 加载图片的过程大致如下：

○ 首先会在SDWebImageCache 中寻找图片是否有对应的缓存, 它会以url
作为数据的索引先在内存中寻找是否有对应的缓存

○ 如果缓存未找到就会利用通过MD5处理过的key来继续在磁盘中查询对应的数据, 如果找到了, 就会把磁盘中的数据加载到内存中，并将图片显示出来

○ 如果在内存和磁盘缓存中都没有找到，就会向远程服务器发送请求，开始下载图片

○ 下载后的图片会加入缓存中，并写入磁盘中

○ 整个获取图片的过程都是在子线程中执行，获取到图片后回到主线程将图片显示出来

设计个简单的图片内存缓存器

• 类似上面SDWebImage实现原理即可

• 一定要有移除策略：释放数据模型对象

控制器的生命周期

• 就是问的view的生命周期，下面已经按方法执行顺序进行了排序

// 自定义控制器view，这个方法只有实现了才会执行

  • (void)loadView

{

self.view = [[UIView alloc] init];

self.view.backgroundColor = [UIColor
orangeColor];

}

// view是懒加载，只要view加载完毕就调用这个方法

  • (void)viewDidLoad

{

[super viewDidLoad];

NSLog(@"%s",func);

}

// view即将显示

  • (void)viewWillAppear:(BOOL)animated

{

[super viewWillAppear:animated];

NSLog(@"%s",func);

}

// view即将开始布局子控件

  • (void)viewWillLayoutSubviews

{

[super viewWillLayoutSubviews];

NSLog(@"%s",func);

}

// view已经完成子控件的布局

  • (void)viewDidLayoutSubviews

{

[super viewDidLayoutSubviews];

NSLog(@"%s",func);

}

// view已经出现

  • (void)viewDidAppear:(BOOL)animated

{

[super viewDidAppear:animated];

NSLog(@"%s",func);

}

// view即将消失

  • (void)viewWillDisappear:(BOOL)animated

{

[super viewWillDisappear:animated];

NSLog(@"%s",func);

}

// view已经消失

  • (void)viewDidDisappear:(BOOL)animated

{

[super viewDidDisappear:animated];

NSLog(@"%s",func);

}

// 收到内存警告

  • (void)didReceiveMemoryWarning

{

[super didReceiveMemoryWarning];

NSLog(@"%s",func);

}

// 方法已过期，即将销毁view

  • (void)viewWillUnload

{

}

// 方法已过期，已经销毁view

  • (void)viewDidUnload

{

}

你是怎么封装一个view的

• 可以通过纯代码或者xib的方式来封装子控件

• 建立一个跟view相关的模型，然后将模型数据传给view，通过模型上的数据给view的子控件赋值

/**

  • 纯代码初始化控件时一定会走这个方法

*/

  • (instancetype)initWithFrame:(CGRect)frame

{

if(self
= [super initWithFrame:frame])

{

  [self setup];

}

return

self;

}

/**

  • 通过xib初始化控件时一定会走这个方法

*/

  • (id)initWithCoder:(NSCoder *)aDecoder

{

if(self
= [super initWithCoder:aDecoder])

{

  [self setup];

}

return

self;

}

  • (void)setup

{

// 初始化代码

}

如何进行iOS6、7的适配

• 通过判断版本来控制，来执行响应的代码

• 功能适配：保证同一个功能在6、7上都能用

• UI适配：保证各自的显示风格

// iOS版本为7.0以上（包含7.0）

define iOS7 ([[UIDevice currentDevice].systemVersion

doubleValue]>=7.0)

如何渲染UILabel的文字？

• 通过NSAttributedString/NSMutableAttributedString（富文本）

UIScrollView的contentSize能否在viewDidLoad中设置？

• 能

• 因为UIScrollView的内容尺寸是根据其内部的内容来决定的，所以是可以在viewDidLoad中设置的

• 补充：（这仅仅是一种特殊情况）

○ 前提，控制器B是控制器A的一个子控制器，且控制器B的内容只在控制器A的view的部分区域中显示

○ 假设控制器B的view中有一个UIScrollView这样一个子控件

○ 如果此时在控制器B的viewDidLoad中设置UIScrollView的contentSize的话会导致不准确的问题

○ 因为任何控制器的view在viewDidLoad的时候的尺寸都是不准确的，如果有子控件的尺寸依赖父控件的尺寸，在这个方法中设置会导致子控件的frame不准确，所以这时应该在下面的方法中设置子控件的尺寸

-(void)viewDidLayoutSubviews;

触摸事件的传递

• 触摸事件的传递是从父控件传递到子控件

• 如果父控件不能接收触摸事件，那么子控件就不可能接收到触摸事件

• 不能接受触摸事件的四种情况

○ 不接收用户交互，即：userInteractionEnabled = NO

○ 隐藏，即：hidden = YES

○ 透明，即：alpha <= 0.01

○ 未启用，即：enabled = NO

• 提示：UIImageView的userInteractionEnabled默认就是NO，因此UIImageView以及它的子控件默认是不能接收触摸事件的

• 如何找到最合适处理事件的控件：

○ 首先，判断自己能否接收触摸事件

§ 可以通过重写hitTest:withEvent:方法验证

○ 其次，判断触摸点是否在自己身上

§ 对应方法pointInside:withEvent:

○ 从后往前(先遍历最后添加的子控件)遍历子控件，重复前面的两个步骤

○ 如果没有符合条件的子控件，那么就自己处理

事件响应者链

• 如果当前view是控制器的view，那么就传递给控制器

• 如果控制器不存在，则将其传递给它的父控件

• 在视图层次结构的最顶层视图也不能处理接收到的事件或消息，则将事件或消息传递给UIWindow对象进行处理

• 如果UIWindow对象也不处理，则将事件或消息传递给UIApplication对象

• 如果UIApplication也不能处理该事件或消息，则将其丢弃

• 补充：如何判断上一个响应者

○ 如果当前这个view是控制器的view，那么控制器就是上一个响应者

如果当前这个view不是控制器的view，那么父控件就是上一个响应者


2.jpg

如何实现类似QQ的三角形头像

•
Quartz2D

• 使用coreGraphics裁剪出一个三角形

核心动画里包含什么？

• 基本动画

• 回头自己总结吧

如何使用核心动画？

• 创建

• 设置相关属性

添加到CALayer上，会自动执行动画

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,684评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 87,143评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,214评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,788评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,796评论 5赞 368
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,665评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,027评论 3赞 399
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,679评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 41,346评论 1赞 299
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1赞 331
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,412评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,015评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2赞 350
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2赞 343

推荐阅读更多精彩内容

  • CALayer的使用
    在iOS中随处都可以看到绚丽的动画效果，实现这些动画的过程并不复杂，今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,092评论 5赞 13
  • IOS中CALayer的使用
    在iOS中随处都可以看到绚丽的动画效果，实现这些动画的过程并不复杂，今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,461评论 6赞 30
  • UI-1
    7、不使用IB是，下面这样做有什么问题？ 6、请说说Layer和View的关系，以及你是如何使用它们的。 1.首先...
    AlanGe阅读 655评论 0赞 1
  • oc部分笔记
    1.自定义控件 a.继承某个控件 b.重写initWithFrame方法可以设置一些它的属性 c.在layouts...
    圍繞的城阅读 3,345评论 2赞 4
  • 宁静……
    我喜欢被汗水包裹的宁静，在哪里我能找到原始的自己，最初的自己，没有尔虞我诈的自己，我想做回我自己……不与人争，不与...
    咪渣哥阅读 167评论 0赞 0