IOS开发:[1]Xcode5界面入门
ios开发离不开xcode,这篇以xcode5界面来介绍一下xcode的界面都有哪些内容。
工具/原料
xcode5
整体来看区域有哪些?
1、首先我们先整体来看一下,xcode5界面可以分为五大主要区域:工具栏、导航、编辑、排错、组件。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/b6f0f0f97fbd4c7c0f5015f5b8bad341027d307b.jpg)
2、各个区域的大小可以调整,具体方法就是把鼠标移动到各个区域的边缘,就可以按住鼠标的左键,然后拖动改变各个区域所在的位置大小。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/023cff37c97622bc3e26e6d3a05fd5460496287b.jpg)
工具栏区域
1、我们先看一下工具栏区域的样子。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/b955ead0b503c8d20a1d6efa498333bf3aef217b.jpg)
2、从左面开始我们来看看常用的工具栏项目,首先是run运行按钮,点击它可以打开模拟器来运行我们的项目。另外当你点击并按住片刻后可以看到下面的弹出菜单,为我们提供了更多的运行选项。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8db02a9d386189c2cf7deb2167b.jpg)
3、在Stop即停止运行的按钮旁边,我们可以看到下图这样的一个下拉列表,这里让我们可以选择虚拟器的属性,是ipad还是iphone。ios device是指真机测试。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/5a5a00def4dca03973fce75858d96975f3c40d7b.jpg)
4、工具栏最右侧的三个工具可以让我们关闭一些不需要的视图,比如我们在编写代码的时候可以关掉排错视图。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/054056fe1e425d6b6f32609d11883913e9e5007b.jpg)
导航区域
1、导航区域包含了多个导航类型。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/bf6e59704618dfda92d8123289214f579256777b.jpg)
2、我们使用最多的三个导航器有三个,一个是项目导航,它可以显示所有与我们开发的项目有关的文件。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/f9617afb960b312185822d17dee983aee9d76d7b.jpg)
3、一个是搜索导航,可以搜索我们项目里面的代码等。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/586bfdefe078143156551bd8dc6699cf0353627b.jpg)
4、一个是故障导航,可以方便的提示出我们在开发中出现的错误。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/2e223d85e036e291d50b1a54b2723d03baea5b7b.jpg)
排错区域
1、排错即debug,这个区域是对程序员最重要的地方,因为它可以显示出所有程序在运行时的信息,给出错误的原因提示,让程序运行失败的排查变得简单。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/3c42a5ea3e863048f8a0fe60c33104ebf7a7527b.jpg)
编辑区域
1、在左侧的项目导航器里面选择相应的文件,就会把文件在编辑区域打开。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/5e4e9c2b74ee1c32e9fb789807f1d8a727334b7b.jpg)
2、在编辑器上边的两个箭头,可以方便的让我们在已经打开的文件之间切换。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/49c5d3e34b2c56eed09cafbaf775e5f4fdf5407b.jpg)
3、右侧的三个图标设置的是编辑器的三个视图方式。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/fdb4f00d3aceaad7c1882556eee7340f6578b87b.jpg)
组件区域
1、组件区域包含了两个主要的面板。一个是属性面板,可以列出所有选择文件或组件的属性。
![IOS开发:[1]Xcode5界面入门](https://exp-picture.cdn.bcebos.com/64a62a0f64781423075a5f8aaac2bbd6e0d0b27b.jpg)
2、一个是库面板,可以在这里看到所有ui控件。