iOS开发1-Hello World

目标

到现在开始，正式开始编写iPhone程序了。
这里将使用Xcode创建一个小型的iOS应用，在模拟设备屏幕上显示文本“Hello World!”。
实现的效果：

内容

1.开发环境

虽然iOS9已经出了，但这里还是以iOS8来做的开发教程。
Xcode7终于可以直接真机调试了，福音啊，但是这里还是Xcode6来写的哦。

操作系统：OS X 10.9.5
编译器 ：Xcode 6.1.1

2.在Xcode中创建项目

安装Xcode俺就不说了。

2.1创建项目

1）打开Xcode,会出现欢迎界面
点击左边的Create a new Xcode project 创建一个新的项目。
欢迎界面中，左边是创建项目，右边是近期打开的项目。

2）选择项目模板。
iOS应用开发所以选择iOS下的Application(应用)，从中选择Single View Application（空视图应用）。
Application->Single View Application->Next

3)填写新建项目信息。
Product Name:(项目名称)
Organization Name:(组织名称)
Organization Identifier:(组织ID)一般为公司网址倒过来写，Java的包名一样。
Bundle Identifier:(包ID)=组织+程序名，程序开发包的ID。
Language:(开发语言)有OC和Swift,这里选择OC,Swift以后介绍。
Device:(开发的设备)

4)选择项目文件保存位置。

5)Xcode项目窗口。
这就是项目创建完成后出现的界面了，和所有的IDE都差不多。

6）项目导航窗口
通过项目导航窗口重点介绍一个项目结构：

项目导航面板上第一个条目就是项目名，这里为01-HelloWrold。这个条目表示整个项目，点击这个条目，就可以对整个项目进行配置。

01-HelloWorld：这是第一个文件夹，它是以项目名来命名的。
包含了应用的大部分代码以及用户界面文件。
可以在这个文件夹下随意创建子文件夹，从而更好的组织代码。但要注意的是：这里创建的只是项目的逻辑文件夹，并不在磁盘上创建对应的文件夹。

Main.storyboard:这个文件包含了项目的主视图控制器用到的用户界面元素。Images.xcassets:这个文件用来组织存放图片文件的。

Supporting Files:包含了项目中必需的非Objective-C类的源代码文件和资源文件。

Info.plist:这是一个属性列表，包含应用相关的各种信息。main.m:这个文件包含应用的main方法 。通常不需要编辑这个文件。

Products:这个文件夹包含构建项目时生成的应用。
展开可以看到01-HelloWorld.app的文件，这就是这项目创建出来的应用。
还包含一个01-HelloWorldTests.xctest的文件，它表示测试代码。
这些文件都被称为构建目标（build target）。由于我们还没有构建这个应用，所以它们都显示为红色，Xcode是想告诉你这个文件还不存在。

7）界面构建器

在右下角的库面板中，输入label找到Label控件。鼠标右键按住Label控件，拖入视图中央。

双击刚拖放入视图窗口的Label控件，编辑输入：Hello World!

8)点击界面左上角的三角形 “运行”按钮，运行程序。

此时，模拟器打开了，程序也运行了。但是Hello World没有居中？
怎么会出现这样的情况呢，明明在视图构建窗口中拖放控件时，是放在正中间啊。
这是界面构建器中视图的尺寸引起的。我们要设置视图尺寸。

重新返回到界面构建界面：选中视图界面（如图边框变为蓝色），在右上的属性面板中选择第一个Size,在下拉列表中选择iPhone 4.7 - inch.可以看到界面视图变小，然后重新调整“Hello World!”到视图中央位置就行了。

再次点三角形“运行”按钮运行程序。（command+R也能运行哦）
可看到程序正常运行，得到了我们想要的效果。

到这里，Hello World!程序就“写”完了。

2.2美化应用

这里主要介绍为应用加上应用图标和启动页。

图标

1）模拟器中退出应用，回到桌面。
怎么操作呢？
手机上都知道按一下Home键就行了，这里模拟器上没有Home键，肯定有快捷键，快捷键就是Commond+Shift+H回到桌面。

回到桌面后，发现我们创建的01-HelloWorld应用还没有图标。
那么我们怎么为这个应用加上图标呢？
回想到项目导航面板上，曾经介绍过，Images.xcassets:这个文件用来组织存放图片文件的。然，我们就打开这个文件，果然，在里面看到了AppIcon，这就是我们要找的地方了。

地方找到了，接下来，分析一下这里需要的图片：

a.iPhone Sportlight:这是什么图标呢，iOS7可在桌面中央向下拉动即可启动Spotlight搜索。

b.iPhone Settings:这又是什么鬼咧。就是设置里面显示的应用图标啦。

c.iPhone App :不用怀疑，这就是我们想要设置的桌面图标。

图标的位置，确定好了，接下来是尺寸，怎么确定尺寸呢？
上图中其实也已经给出来了，29pt,40pt,60pt就是点数尺寸，不过是以点的形式来描述的。
我们要用的是像素，那么是多少像素呢？
第一个图标的像素=29pt*2x=29*2=58px : 图标为58px*58px
第二个图标的像素=29pt*3x=29*3=87px : 图标为 87px*87px
…
so,就是这么个套路。

知识补充：
Xcode 上显示的是点数尺寸，单位pt（point）。
这里的点数就是屏幕上特殊的尺寸。
在旧iPhone设备上，一个点代表一个像素，
之后出现了Retina屏幕，于是就有一个点代表2个像素，用2x表示
3x,自然就好理解了，就是一个点代表3个像素.

准备的素材如下：

直接一一对就拖放到AppIcon里面：

结果，如我们所想：

启动页

什么叫启动页啊？
启动页，顾名思义，启动APP的第一个页。

为什么要有启动页啊？
哈哈，这个问题没有想过吧，用过这么多App。其实就是红绿灯边上的倒计时一样的原理，把你焦躁的心转移注意力。这就是用户体验哦，别以为用户体验很神奇。

为我们的Hello World添加启动页。
才问题，启动页在哪儿加？
Images.xcassets中只有AppIcon。这时就要到项目设置里的App Icons and Launch Images
Launch Images就是指启动页的图片了。

点Launch Images Source 在弹出的窗口中直接点Migrate,将启动页图片路径重定向到asset。

可以看到启动页的图片源定位到LaunchImage。就是Images.xcassets里的LaunchImage。

下图是图片源，操作和AppIcon一样，这里就不详细介绍了：

直接运行一下，发现还是没有启动，只有启动文字“01-HelloWorld”，我们的启动页呢？
这里我们先找到，这一行启动文字的来源：

是不是这个影响呢？不管先删了这个再说。
然后，我们发现还是不可以。
好吧,解决方案是要清空Launch Screen File.

再次运行：

今天就到这。

小结

1.HelloWorld程序。
2.APP图标设置，点和像素的问题。
3.启动页设置。