成为全能设计师!13个超实用小技巧帮你征服Xcode - 优设网 - UISDC

成为全能设计师!13个超实用小技巧帮你征服Xcode

2015/04/29 6499评论区

13-useful-skill-conquer-xcode-1

编者按:之前有个为设计师量身打造的Xcode系列教程,已经更新到第四期了,今天来点高能技巧,帮你瞬间提高生产力 >>>

静电的Xcode教程合集持续更新中:

  1. 《搞定一像素不求人!为设计师量身打造的XCODE教程(1)》
  2. 《搞定一像素不求人!为设计师量身打造的XCODE教程(2)》
  3. 《零代码搞定交互动画!为设计师量身打造的XCODE教程(3)》
  4. 《搞定Tab bar交互!为设计师量身打造的XCODE教程(4)》

当谈论到iOS开发工具时,有一个肯定是所有iOS开发者都熟悉的,那就是Xcode。Xcode是使所有令人赞叹的iOS app成为可能的驱动力。

Xcode能帮助我们完成非常多的事情,但是这也有点让人头疼。对于新手来说,可能会觉得Xcode太过繁重了。而对那些有几年使用经验的人来说,还是在不停地学习一些细节来提高生产力。我对新手的建议就是不要想着一下就能学完关于Xcode的所有知识。关注当下最重要的部分,然后再根据经验慢慢拓展到新的知识。

在本文中,我会提到一些能帮助你提高生产力的内容。这里面有些内容可能讲过就忘了,但有些应该能解决你经常遇到的问题。

  • 你将会学到如何自定义Xcode来提高生产力
  • 你将会学到一些功能来帮助你管理代码
  • 你将会学到一些提示来帮助你总体把控工程开发

Xcode Behaviors

Behaviors是一种神奇的东西,能让Xcode根据你的操作,自动执行一些后续操作。想象一下,你正在运行程序,遇到了一个断点或者错误。默认情况下,Xcode会自动打开调试窗口、在当前标签页跳转到出错的代码处,完全打乱了编辑器。现在我们通过设置来阻止这种情况发生。

41.png

打开Xcode 偏好设置,能看到一个叫Behaviors的选项卡。在这里我们可以定义不同种类的状态改变时Xcode的行为,例如当构建开始时Xcode要做什么、当构建成功或失败时Xcode又要做什么。你可以让Xcode播放声音、打开新的标签页、显示导航等等。

针对本例,我们想要改变app运行时的Xcode的一些行为。当app因为断点或错误暂停时,我们想要做以下的事情:

  • 播放声音(Hero音效对我来说不错,但是你可以换成其他的,包括自定义声音)
  • 显示debug标签页
  • 显示debug导航
  • 调试区域同时显示变量和控制台

42.png

在这里我选择打开一个新的标签页,是因为不想让Xcode改变我当前的工作状态。这样我就能轻松回到之前写代码的位置。另外我也没有关闭Xcode为调试打开的一些窗格,整个的体验是集中在单独的标签页中。

你可以花些时间来探索Xcode其他的行为,根据自己的开发风格找到最合适的。你可能觉得Xcode的某些默认行为很烦人,或许在Behaviors中你就能把它关掉。

管理设备和模拟器

你有没有想过,你其实可以管理Xcode中设备下拉框里的设备列表呢?

43.jpg

再想想读取设备中的数据库,从而验证表里的数据是否都设置正确了。你是否还遇到过,Xcode的下拉框里一个模拟器都没有了?现在打开Window > Devices。

44.png

在这里你能看到已连接的设备和可用的模拟器。如果你需要添加或移除模拟器,就点击左下角的+按钮(移除点击—按钮)。如果模拟器都找不到了,你可以到这来恢复它们。

45.jpg

最后,这里另一个有用的功能就是可以下载app的 container。

47.jpg

过去你可能通过访问模拟器文件夹来获取数据,但是真机怎么办呢?现在获取保存的照片、数据库文件等等都变得非常容易了,你可以下载一个包含有documents、libarary和temp文件夹的container,这样就能获取设备上的数据了。

更新app的显示名称

开发者们经常遇到的一个就是,创建的工程显示的名字不是自己想要的。我经常看到有些人重新命名和重构(refactor)整个工程,来显示正确的名称。如果你知道在工程的info.plist里添加一个key就能改变app显示名称了,那你肯定很高兴。这个key就是Bundle display name。

48.jpg

提高可读性 & Xcode扩展

现在有很多插件都可以提高Xcode的生产力。一些开发者甚至创建了一些非常好的主题来替换Xcode默认主题。说实话,默认主题看起来还是挺不舒服的。那我们怎么样才能轻松地获取到这些插件呢?现在就去alcatraz.io,下载一个非常好用的Xcode包管理器吧。

49.png

下面是一些我最近用到的插件:

  • SCXcodeMinimap:这个插件和Sublime Text中的那个看起来像。它能够显示一个编辑器的缩略图,轻松地查看、滚动代码。
  • RevealPlugin:如果你使用Reveal的话,这个插件能快速启动Reveal。
  • RealmPlugin:Realm的模型对象的模板文件。(译注:Realm是一个面向移动设备的数据库。)
  • VVDocumenter-Xcode:帮助你快速生成一个方法的注释。
  • AdjustFontSize:当你展示代码时,你可能需要快速放大字体,这个插件能让你通过command+加减号来调整字体大小。
  • Lin:为NSLocalizedString显示代码补全。

有一个正在开发的本地化插件Rephrase,值得关注。当它发布之后,就有可能成为另一个节约时间的利器啊。

我目前使用的主题是Dusk,我坚信这个才是默认主题。还有很多颜色主题,你都可以通过Alcatraz来下载。

下载文档和旧版模拟器

当你安装了一个新版本的Xcode后,你可能会发现你没有之前iOS系统的模拟器了。当测试app时这就是个问题了。你可以在偏好设置中的下载选项卡中安装旧版模拟器。

你可以在这下载旧版模拟器,在Window > Devices中管理它们。你还可以下载Xcode没有预载的文档。

50.png

组织源文件

通过源文件上方的一个下拉框,你能查看到所有的属性和方法。

54.jpg

当你点击这个位置时,下拉框会显示这个文件的详细信息。在源代码中你还可以使用例如// FIXME: 或者 // TODO: 或者 // MARK: 来添加标记。

55.jpg

快速打开文件

有时你可能需要打开一个新文件,但同时还要保留当前文件。有下面几种办法。

你可以打开assistant editor,然后在那里显示文件。点击View > Assistant Editor > Show Assistant Editor。

你可以双击想要打开的文件。这会打开一个新的窗口。

你可以通过 Option+Shift+点击,这会弹出一个框,让你选择在哪里打开文件。

56.jpg

跳转到文档

能快速跳转到文档将会节省很多时间。你可能正在写UITableViewDelegate,但是不记得所有相关方法。你可以通过在符号上Command+点击,快速跳转到文档。

生成文档

下载并安装插件VVDocumenter-Xcode,你就不用手动写注释代码了。只需输入三个斜杠///就能快速生成注释。

57.gif

另一个好处就是在Xcode的文档预览中,这些注释也可以显示出来。在一个方法上Option+点击,就能预览文档。

58.jpg

创建代码片段

如果你经常需要输入格式完全一样的代码,那代码片段就很有用了。例如,我有一个代码片段,它能自动填充一个新的tableView或者collectionView类,并且还有我需要的delegate方法。我还有一些小型片段来帮助我快速生成typealias、singleton、gcd等等的代码。

要生成代码片段,在file inspector中打开snippent panel。

59.jpg

在编辑器中输入想要创建的片段。注意,如果需要占位符的话,输入 <#placeholder-name#>。选中代码,按住一秒,然后拖进代码片段区域。

60.jpg

然后你可以编辑片段来添加更多细节。最重要的一点就是“完成快捷键”。在编辑器中输入该关键字,就能选择片段了。或者你可以把代码片段从该区域拖到编辑器中。

过两天我会收集整理我所有的片段并分享出来。

用Chisel改进调试

Facebook开发了一套LLDB命令来让调试更容易一些。如果你还没有Chisel的话,现在就去Github安装。为了让你能明白Chisel到底是干嘛的,下面我列出了一些我喜欢的命令。这些命令省了我不少时间和脑子去记住那些语法。

  • pviews:递归打印key window上的view。
  • visualize:在Mac上的预览应用中打开UIImage、CGImageRef、UIView和CALayer。
  • show/hide:显示或隐藏指定的view或者layer。
  • border/unborder:显示或隐藏view/layer的边框,从而找到它在哪。

Chisel还有很多命令,在lldb中输入help来查看内建和用户定义的命令。

版本编辑器

如果你需要查看一下修改了文件中的那些内容,你可以利用Xcode内建的版本编辑器,而不是复杂的Git。

61.jpg

你可以通过点击右上角的双箭头按钮来快速打开版本编辑器,或者通过View > Version Editor > Show Version Editor来打开。想象一下,有很多不需要提交的测试代码,在版本编辑器中都会显示出来,并且能让你快速放弃这些修改。你完全可以用source control的界面来干这个,但用版本编辑器是最简单的了。

6个值得记住与设置的快捷键

有些快捷键默认没有设置,我建议你打开Preferences > Key Bindings ,根据需要自行修改。

  • Command + / :注释/取消注释代码
  • Command + [ 或者 ] :向前或向后缩进代码
  • Command + 左右方向键:移动光标到行首或行尾
  • Control + s :选择单词(译注:默认没有设置。Key Bindings 对应的key是 Select Word)
  • Option + Command + e:(根据当前范围遍及选中的单词)(译注:默认没有设置,也不知道到底是个什么效果。)
  • Option + 左右方向键:按单词移动光标
  • esc:显示/隐藏自动补全弹出框。

还有很多很多快捷键,找到适合你的风格的,活学活用。

要点

在这篇文章中我们提到了关于你最常用到的工具——Xcode的一些内容。我展示的大部分内容都是为了提高我的生产力。我并不是想要追求单纯的快(你不会看见我只用一个键盘),而是把自己从那些反复出现的问题中解放出来。当你有更多的经验时,你就能找到最适合你的方式。这才是关键。看看怎么样能把你在这篇文章中学到的内容应用起来吧。

静电的Sketch教程合集持续更新中:

  1. 《SKETCH设计教室!从零开始学APP设计利器SKETCH(一)》
  2. 《SKETCH设计教室!从零开始学APP设计利器SKETCH(二)》
  3. 《SKETCH设计教室!带你了解超好用的SKETCH插件》
  4. 《想要一稿过不加班?SKETCH绝配神器MIRROR抢先体验》

原文地址:xmcgraw
译文地址:cocoachina
译者:唧唧歪歪

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量94万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/13-useful-skill-conquer-xcode

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 优设大课堂 设计师干货 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里