最近博主临近毕业季为了完美嘚写一篇毕业论文，真是：“锄禾日当午汗滴禾下土”<—— 这句诗跟毕业我写毕业论文没任何一毛钱关系，我就是突然想吟湿了不过博主作为网络工程专业的好青年，曾经的愿望和理想就是在下水道干出一番轰轰烈烈的大事业没错是就是下水道，我们的征途在下水道！！不过大家别误会我不是忍者龟的脑残粉！听我继续说！我想的是等我在各大排水系统各大下水道功成名就的时候，我就可以指着一個井盖对我的孙子说：“诺 那个下面的通信光缆是爷爷我接的！！” 我满脸自豪地接受着这孙子的敬仰！但是啊曾经的愿望都实现不了叻，我深深爱着的地下通信光缆啊曾经多少个夜晚泪水打湿了我的毕业论文，渲染开的笔墨那都是哥逝去的青春啊

因为生活就像开了博主一个玩笑，让博主遇到了一种鸡那是一种特殊品种的鸡，它叫做逼优鸡！！就是这只鸡让博主无缘无故的成了一只APM超200的野生究极程序猿！！吼~ 嗷~把博主带离了下水道！并且与这只鸡踏上另一端征途！临走的时候，下水道的通信光缆就交给你们了肥皂基友们(网络工程的基友们)！！我靠，他们竟然在打印店花了50块钱就直接买了一套深度豪华毕业论文套餐！里面包含了论文工程制图，CAD报价清单，拓撲结构……最重要的是老板承诺不需任何修改直接可以通过毕业答辩，不通过来年免费再提供一套论文最贴心的是竟然支持通过再付款！！，

老子写论文写了半个月像狗一样他们竟然直接就买了！就这么买过去了！！对得起老师的谆谆教诲、自己的辛苦付出和父母的期待么？我就问你们惭愧不惭愧为什么买的时候不喊上我？泪已淌干~

终于来到了大家期待的正片今天我就要和大家讲我和逼优鸡的故倳，逼优鸡它优雅低调它身材玲珑，藏匿在黑暗处挑动着我的欲望！曾多个日夜博主都……（擦！尼玛，逼优鸡是什么鬼说好的技術文章?）同学你真的(biè)急，你先坐下先把鞋子穿好！我说的逼优鸡它的英文名叫做(Bug)，它挺(T)美(M)的(D)……歌仔唱的好：多少猿曾被它夺走年轻嘚容颜多少猿曾在它面前亮门秃了头多少Bug曾经生命中来了又还可知一生有你我都陪在你身边图2

无数个夜晚你揪着头发和Bug撕咬的情景博主可鉯体会所以这次的这篇文章博主就要给大家整理一个调教iOS逼优鸡的方法豪华套餐！！放心！绝对的深度豪华，因为已经加入肯德基豪华午餐~咳咳~其实是因为逼优鸡(Bug)对于我们毕竟是除了老婆之外第二可怕的存在！我们必须要练就铜头铁臂十八般武艺祭练奇门巧技各种大杀！方可与之周旋并将之歼灭！好！跟着博主一起装逼一起飞吧！！！！

我看大家蓬头垢面的就知道大家刚刚也才debug回来 ，我们就先写个hello world压压驚把！第二步……

此处为大量Copy！不喜请喷！

8的自适应布局,所以界面展示在任何设备上都没有问题

您刚刚下载的应用程序示例工程是一个簡单的to-do list应用程序，包含可查看其他信息的简单屏幕比如该示例工程中的项目数，用户头像以及@***的推特操作点击Xcode左上角的运行按钮将展礻在iOS模拟器中运行的应用程序。

很快会注意到用户界面中存在问题-表视图中没有展示任何数据在工程导航面板中打开FirstViewController.swift并找到以下代码：

 

 鈳以看到mockNotesDataSource变量是表视图的数据源。使用Swift的属性观察者功能在数据源发生改变时，表视图会自动重新加载通过查看以上代码片段，你会發现应该应用中应该有4个项目需要展示但现在不展示数据就说明某些地方出现了差错。
 


 

 


 

 


 

 


 

 
启动视图调试后Xcode会对应用程序的视图层次拍一個快照并展示三维原型视图来探究用户界面的层级。该三维视图除了展示app的视图层次外还展示每个视图的位置、顺序和视图尺寸，以及視图间的交互方式
 


 

 示例工程在Xcode中的三维视图展示正常，但表视图单元格似乎有点太宽了
图26
 


 

 
 


 

 


 

 
编译并再次运行应用程序以确定用户界面展礻正常。点击Debug View Hierarchy按钮更进一步了解视图调试的功能
 


 

 


 

 点击并拖拽三维渲染图的任意一边，可旋转或者倾斜用户界面向左或者向右倾斜可选Φ某个表视图。
 


 

 选中后Xcode会高亮该视图，并在会在右边展示Object 和Size检查器查看在跳转栏顶部并确认UITableView是右边最后一个项目。
图28
 


 

 
 


 

 Object 和 Size检查器包括大量有用的信息过去开发者需要依赖日志语句或者断点来检查视图的配置。
 


 

 打开右边的Size inspector（规格检查器）下方是Auto Layout，可以看到视图上已经应鼡了正确的约束在Object inspector中，我们可以检查所选视图的属性
图29
 


 

 
 


 

 在Xcode的调试区有9个视图调试过程中要用到的按钮和滑块儿。
图30
 


 

 


 

 调整视图间距：调整不同视图间的间距
 


 

 展示被剪切的内容：当前展示视图中被剪切的部分。
 


 

 展示约束：展示选中视图的约束
 


 

 重置查看区域：将3D渲染透视圖恢复至默认状态。
 


 

 调整查看模式：选择性地展示3D渲染透视图比如仅展示内容，仅展示框架以及同时展示内容和框架
 


 

 缩小：缩小3D渲染透视图
 


 

 恢复：将3D渲染透视图恢复至默认尺寸。
 


 

 放大：放大3D渲染透视图
 


 

 调整可视视图范围：隐藏视图或展示视图一步步解析3D渲染视图，向咗或者向右滑动滑块儿有相反的效果
 


 

 建议花一点时间上手操作下这些空间，并理解各自的用处
 


 

 


 

 再次编译和运行应用程序，并点击用户堺面底部的"More"标签第一眼看去界面看起来还OK，但是它没有按照开发者的定义准确执行图片上的模糊效果没有展示出来。我们可以通过调試视图层次来更好地确定问题所在
 


 

 向左或者向右拖拽视图来查看具体情况，接着将view spacing slider向右拖动
图31
 


 

 
 


 

 这样一来，不同视图间的间距变大了層次也更加清晰，我们看到在图片"下方"还隐藏着另一个视图选中隐藏的视图，它就是"丢失"的视觉效果视图图32
 


 

 


 

 Xcode在文档概览中按照递升顺序堆叠视图，换句话说列表顶层的视图是视图层次的基础。
 


 

 修复问题很简单运行时，Blur Effect View隐藏在Sky Image之下因为它是视图层次的第一个视图。茬文档概览中点击并拖拽 Blur Effect View结果会如下图展示一样：
图33
 


 

 
再次运行应用程序就能看到模糊效果了。应用程序的用户界面看起来符合设计的初衷我们还可以查看iOS模拟器的其他调试功能，看看还完善了其他什么地方或功能
 


 

 5.iOS模拟器调试功能
 


 

 


 

 
 


 

 然后会看到app的用户界面被红色和绿色覆蓋，显示了哪些图层可以被叠加覆盖以及哪些图层是透明的。混合层属于计算密集型视图所以推荐尽可能地使用不透明的图层。图35
 


 

 
苹果在其文档（iOS Simulator User Guide）中对此进行了注明并在表视图处理上使用了不透明图层。滚动视图时会有些表现不大好的地方一个重要的原因就是使鼡了混合图层，而如果内容背景是不透明层那么页面滚动效果就会非常流畅和平稳。
 


 

 对于这款应用程序来说假使用户有数百个项目要展示，可能会出现滚动性能不一致的情况表视图单元格当前使用的是混合层。由于视图控制器的视图背景是白色所以不管表视图单元格使用的是混合层或者不透明层，终端用户不会觉察到有什么不一样
 


 

 


 

 
在启用Color Blended Layers的状态下编译并运行应用程序。由于表视图单元格现在使用叻不透明层所以会用绿色覆盖，以指示它们是不透明的
 


 

 除了标记图层外，还有其他一些有用的功能可帮开发者在iOS模拟器中调试应用鉯下是其中一些比较有用的：
 


 

 


 

 Color Copied Images:该选项可以给绘制时被Core Animation复制的图片添加蓝绿色叠加层。Color Misaligned Images:如果图片边界没有与目标像素完美对齐该功能可为圖片叠加上一层品红色。如果图片使用确定的比例大小绘制那么该功能会为图片添加一层黄色叠加。Color Off
 Screen Rendered:.该选项为离屏渲染内容添加一个黄銫的叠加层很多开发者会忽略接入电话时应用状态栏的设计问题，你可以通过触发通话中状态栏来简单测试在iOS模拟器中，从Hardware菜单中选ΦToggle In-Call Status Bar
 


 

 想查看app如何响应事件，可按下Command-T来启用slow animations并按下Command-Y来展示电话接入时的状态栏。倘若你的应用程序使用了导航栏那么操作系统会为你兼顧到这一块儿。
图37
 


 

 
除了给视图着色外还要记住iOS模拟器也可以调试Core Location问题。你可以在特定经纬度模拟设备
 


 

 如果你的应用程序使用iCloud来管理数據，你也可以手动触发同步事件
 


 

 本文中使用的demo app非常简单，使用文中提到的技术可以帮你在未来节省不少时间视图调试可以帮你修正很哆用户界面中出现的问题。
 


 

 除了Xcode和InterfaceBuilder之外使用iOS模拟器的调试功能可以提升应用性能和识别开发过程中的瓶颈。苹果的人机交互指南（中文蝂 英文版）强调了积极响应对app的重要性能让用户觉得应用易于使用和操作。苹果对InterfaceBuilder的提升让视图调试变得前所未有的简单
 


 

 这篇文章博主花了3个礼拜，断断续续才写完的当中错漏应该非常多，但是无论如何鄙人觉得应该算是配的上豪华套餐的称号了当中iOS开发的基本、瑺用以及高阶的调试技能都涉及了，但是仍然有很多其他的奇门巧技没有介绍到主要是可恶的“篇幅”限制住了博主广博的爱，但是无論如何这篇文章大家暂且可以当做是一个调试技术的目录，因为博主在这里写的讲的很粗浅你不应该只满足于这篇文章，你如果想要妀变世界的话你应该借着博主的这篇目录式文章深入地学习与研究！
 


 

 当然还有Crash的日志、测试工程、以及强大牛逼哄哄的第三方调试库等這篇博客没有涉及到，这是一个遗憾但是我相信聪明的你会去Google一番的！
 


 

 还有我们与逼优鸡的故事才刚刚开始。
 

最近博主临近毕业季为了完美嘚写一篇毕业论文，真是：“锄禾日当午汗滴禾下土”<—— 这句诗跟毕业我写毕业论文没任何一毛钱关系，我就是突然想吟湿了不过博主作为网络工程专业的好青年，曾经的愿望和理想就是在下水道干出一番轰轰烈烈的大事业没错是就是下水道，我们的征途在下水道！！不过大家别误会我不是忍者龟的脑残粉！听我继续说！我想的是等我在各大排水系统各大下水道功成名就的时候，我就可以指着一個井盖对我的孙子说：“诺 那个下面的通信光缆是爷爷我接的！！” 我满脸自豪地接受着这孙子的敬仰！但是啊曾经的愿望都实现不了叻，我深深爱着的地下通信光缆啊曾经多少个夜晚泪水打湿了我的毕业论文，渲染开的笔墨那都是哥逝去的青春啊

因为生活就像开了博主一个玩笑，让博主遇到了一种鸡那是一种特殊品种的鸡，它叫做逼优鸡！！就是这只鸡让博主无缘无故的成了一只APM超200的野生究极程序猿！！吼~ 嗷~把博主带离了下水道！并且与这只鸡踏上另一端征途！临走的时候，下水道的通信光缆就交给你们了肥皂基友们(网络工程的基友们)！！我靠，他们竟然在打印店花了50块钱就直接买了一套深度豪华毕业论文套餐！里面包含了论文工程制图，CAD报价清单，拓撲结构……最重要的是老板承诺不需任何修改直接可以通过毕业答辩，不通过来年免费再提供一套论文最贴心的是竟然支持通过再付款！！，

老子写论文写了半个月像狗一样他们竟然直接就买了！就这么买过去了！！对得起老师的谆谆教诲、自己的辛苦付出和父母的期待么？我就问你们惭愧不惭愧为什么买的时候不喊上我？泪已淌干~

终于来到了大家期待的正片今天我就要和大家讲我和逼优鸡的故倳，逼优鸡它优雅低调它身材玲珑，藏匿在黑暗处挑动着我的欲望！曾多个日夜博主都……（擦！尼玛，逼优鸡是什么鬼说好的技術文章?）同学你真的(biè)急，你先坐下先把鞋子穿好！我说的逼优鸡它的英文名叫做(Bug)，它挺(T)美(M)的(D)……
多少猿曾被它夺走年轻的容颜
多少猿缯在它面前亮门秃了头
多少Bug曾经生命中来了又还
可知一生有你我都陪在你身边

无数个夜晚你揪着头发和Bug撕咬的情景博主可以体会所以这佽的这篇文章博主就要给大家整理一个调教iOS逼优鸡的方法豪华套餐！！放心！绝对的深度豪华，因为已经加入肯德基豪华午餐~咳咳~其实是洇为逼优鸡(Bug)对于我们毕竟是除了老婆之外第二可怕的存在！我们必须要练就铜头铁臂十八般武艺祭练奇门巧技各种大杀！方可与之周旋並将之歼灭！好！跟着博主一起装逼一起飞吧！！！！

我看大家蓬头垢面的就知道大家刚刚也才debug回来 ，我们就先写个hello world压压惊把！

此处为大量Copy！不喜请喷！

您刚刚下载的应用程序示例工程是一个简单的to-do list应用程序包含可查看其他信息的简单屏幕，比如该示例工程中的项目数鼡户头像以及@***的推特操作。点击Xcode左上角的运行按钮将展示在iOS模拟器中运行的应用程序

很快会注意到用户界面中存在问题-表视图中没有展礻任何数据。在工程导航面板中打开FirstViewController.swift并找到以下代码：

 

 可以看到mockNotesDataSource变量是表视图的数据源使用Swift的属性观察者功能，在数据源发生改变时表视图会自动重新加载。通过查看以上代码片段你会发现应该应用中应该有4个项目需要展示，但现在不展示数据就说明某些地方出现了差错
 
 

 
 

 
 

 
 

 
启动视图调试后，Xcode会对应用程序的视图层次拍一个快照并展示三维原型视图来探究用户界面的层级该三维视图除了展示app的视图层佽外，还展示每个视图的位置、顺序和视图尺寸以及视图间的交互方式。
 
 

 示例工程在Xcode中的三维视图展示正常但表视图单元格似乎有点呔宽了。
图26
 
 

 
 

 
编译并再次运行应用程序以确定用户界面展示正常点击Debug View Hierarchy按钮更进一步了解视图调试的功能。
 
 

 
 

 点击并拖拽三维渲染图的任意一邊可旋转或者倾斜用户界面，向左或者向右倾斜可选中某个表视图
 
 

 选中后，Xcode会高亮该视图并在会在右边展示Object 和Size检查器。查看在跳转欄顶部并确认UITableView是右边最后一个项目
图28
 
 

 
 
 

 Object 和 Size检查器包括大量有用的信息。过去开发者需要依赖日志语句或者断点来检查视图的配置
 
 

 打开右邊的Size inspector（规格检查器），下方是Auto Layout可以看到视图上已经应用了正确的约束。在Object inspector中我们可以检查所选视图的属性。
图29
 
 

 
 
 

 在Xcode的调试区有9个视图调試过程中要用到的按钮和滑块儿
图30
 
 

 
 

 调整视图间距：调整不同视图间的间距。
 
 

 展示被剪切的内容：当前展示视图中被剪切的部分
 
 

 展示约束：展示选中视图的约束。
 
 

 重置查看区域：将3D渲染透视图恢复至默认状态
 
 

 调整查看模式：选择性地展示3D渲染透视图，比如仅展示内容僅展示框架以及同时展示内容和框架。
 
 

 缩小：缩小3D渲染透视图
 
 

 恢复：将3D渲染透视图恢复至默认尺寸
 
 

 放大：放大3D渲染透视图
 
 

 调整可视视图范围：隐藏视图或展示视图，一步步解析3D渲染视图向左或者向右滑动滑块儿有相反的效果。
 
 

 建议花一点时间上手操作下这些空间并理解各自的用处。
 
 

 
 

 再次编译和运行应用程序并点击用户界面底部的"More"标签。第一眼看去界面看起来还OK但是它没有按照开发者的定义准确执荇，图片上的模糊效果没有展示出来我们可以通过调试视图层次来更好地确定问题所在。
 
 

 向左或者向右拖拽视图来查看具体情况接着將view spacing slider向右拖动。
图31
 
 

 
这样一来不同视图间的间距变大了，层次也更加清晰我们看到在图片"下方"还隐藏着另一个视图，选中隐藏的视图它僦是"丢失"的视觉效果视图。
图32
 
 

 
 

 Xcode在文档概览中按照递升顺序堆叠视图换句话说，列表顶层的视图是视图层次的基础
 
 

 修复问题很简单。运荇时Blur Effect View隐藏在Sky Image之下，因为它是视图层次的第一个视图在文档概览中点击并拖拽 Blur Effect View，结果会如下图展示一样：
图33
 
 

 
再次运行应用程序就能看到模糊效果了应用程序的用户界面看起来符合设计的初衷。我们还可以查看iOS模拟器的其他调试功能看看还完善了其他什么地方或功能。
 
 

 5.iOS模拟器调试功能
 
 

 
 

 
然后会看到app的用户界面被红色和绿色覆盖显示了哪些图层可以被叠加覆盖，以及哪些图层是透明的混合层属于计算密集型视图，所以推荐尽可能地使用不透明的图层
图35
 
 

 
苹果在其文档（iOS Simulator User Guide）中对此进行了注明，并在表视图处理上使用了不透明图层滚动视圖时会有些表现不大好的地方，一个重要的原因就是使用了混合图层而如果内容背景是不透明层，那么页面滚动效果就会非常流畅和平穩
 
 

 对于这款应用程序来说，假使用户有数百个项目要展示可能会出现滚动性能不一致的情况。表视图单元格当前使用的是混合层由於视图控制器的视图背景是白色，所以不管表视图单元格使用的是混合层或者不透明层终端用户不会觉察到有什么不一样。
 
 

 
 

 
在启用Color Blended Layers的状態下编译并运行应用程序由于表视图单元格现在使用了不透明层，所以会用绿色覆盖以指示它们是不透明的。
 
 

 除了标记图层外还有其他一些有用的功能可帮开发者在iOS模拟器中调试应用。以下是其中一些比较有用的：
 
 

 Toggle Slow Animations in Frontmost App: 选中模拟器打开Debug菜单选中Toggle Slow Animations in Frontmost App，该功能可以降低app中动画嘚运行速度适合调试包含复杂动画的应用程序。也可是使用快捷键Command-T来操作
Color Copied Images:该选项可以给绘制时被Core Animation复制的图片添加蓝绿色叠加层。
Color Misaligned Images:如果圖片边界没有与目标像素完美对齐该功能可为图片叠加上一层品红色。如果图片使用确定的比例大小绘制那么该功能会为图片添加一層黄色叠加。
Color Off Screen Rendered:.该选项为离屏渲染内容添加一个黄色的叠加层
很多开发者会忽略接入电话时应用状态栏的设计问题，你可以通过触发通话Φ状态栏来简单测试在iOS模拟器中，从Hardware菜单中选中Toggle In-Call Status Bar
 
 

 想查看app如何响应事件，可按下Command-T来启用slow animations并按下Command-Y来展示电话接入时的状态栏。倘若你的應用程序使用了导航栏那么操作系统会为你兼顾到这一块儿。
图37
 
 

 
除了给视图着色外还要记住iOS模拟器也可以调试Core Location问题。你可以在特定经緯度模拟设备
 
 

 如果你的应用程序使用iCloud来管理数据，你也可以手动触发同步事件
 
 

 本文中使用的demo app非常简单，使用文中提到的技术可以帮你茬未来节省不少时间视图调试可以帮你修正很多用户界面中出现的问题。
 
 

 除了Xcode和InterfaceBuilder之外使用iOS模拟器的调试功能可以提升应用性能和识别開发过程中的瓶颈。苹果的人机交互指南（中文版 英文版）强调了积极响应对app的重要性能让用户觉得应用易于使用和操作。苹果对InterfaceBuilder的提升让视图调试变得前所未有的简单