IOS 初级开发入门教程（二）第一个HelloWorld工程及StoryBoard使用

ゝ一世哀愁。 2021-09-14 03:26 479阅读 0赞

# 前言 #

在IOS开发之路的博文第一章：[(IOS开发入门介绍http://blog.csdn.net/csdn\_aiyang）][IOS_http_blog.csdn.net_csdn_aiyang]我大致系统介绍了有关IOS的一些基础认识，如果不完全都记住没关系，以后我们开发之路还很长，慢慢的自然而然就明白是怎么回事了。这一篇我将手把手教大家完成第一个IOS项目——”Hello World“。

## 新建项目 ##

1、打开Xcode，点击  Create a new Xcode project

Xcode可以版本管理，选项 Check out an existing project 可以下载线上项目，如Github上的项目到本地打开。

![1240][]

2、在新建项目的向导中选择 Single View Application ，Next

![1240 1][]

3、进入一个项目的基本信息设置的界面

*  Product Name填写项目名称；
 *  Language选择Objective-C；
 *  Devices选择iPhone设备或者iPad设备或通用设备(Universal)；
 *  Organization Name公司组织名称；
 *  Organization Identifier公司组织标识（很重要），类似Java包名。

![1240 2][]

4、选择代码存放位置

![1240 3][]

5、初始的新项目

![1240 4][]

这里，把我第一个博文里的图片拿过来看：

![这里写图片描述][20150701190639241]

Xcode的左侧是导航区域，包括：项目、符号、查询、问题、测试、调试、断点、报告。

## 代码练习 ##

点击左侧项目导航中的 ***ViewController.m* **（.m文件就是Objective-C的实现文件）。

在*ViewController.m*的代码中找到一个函数叫做*viewDidLoad*，这个函数里已经有一行代码:

[super viewDidLoad];

在这行代码后面添加如下代码（其实在这句前后添加都可以，效果会有少许不同)

\- (void)viewDidLoad \{

\[superviewDidLoad\];

// Do any additional setup after loading the view, typically from a nib.

UILabel\* label = \[\[UILabelalloc\]init\];

//这一句创建了一个静态文本控件，未指定内容、大小和位置

label.text=@"hello world";

//"@"的作用是把一个c风格的字符串"hello world"包装成一个NSString对象

\[label sizeToFit\];

//让静态文本的大小自适应内容

label.center =self.view.center;

//让静态文本居于整个视图的中央

\[self.viewaddSubview:label\];

//将静态文本添加到主视图中

## 运行效果 ##

在IDE的左上方三角形按钮，点击运行或快捷键Command+R。

![SouthEast][]

## 拖拽布局 ##

点击左侧项目导航中的***Main.stroyboard***** **（ios5引入的新技术，可视化编辑），可在编辑区打开对应设计器。

![SouthEast 1][]

在类库里找到Button控件（输入框可搜索），在审查区可以对该控件设置属性，比如设置字体大小为System 20.0;

## 运行效果 ##

在IDE的左上方三角形按钮，点击运行或快捷键Command+R。

![SouthEast 2][]

## Main.StoryBoard导航 ##

上面HelloWorld工程中有一个Main.storyboard文件，它被称为“故事板”（storyboard）文件。它可以描述应用中有哪些界面，界面有哪些控件以及它们的事件。此外，在包含多个视图控制器的情况下，采用故事板管理比较方便，故事板能够描述界面之间导航关系。

1、新建项目，选择Tabbed APP ，Next~

![SouthEast 3][]

2、在工程中，点击左侧项目导航中的***Main.stroyboard***。可以看到，该应用包含两个视图，并且两个视图存在切换关系~

![SouthEast 4][]

3、故事板中的 ***Scene*** 美  \[sin\]|英  \[siːn\] 、***Segue***  美  \['sɛɡwe\]|英  \['segweɪ\]

Scene和Segue是故事板中非常重要的两个概念。每个视图控制器都会对应一个Scene“场景”，可以理解为应用的一个界面或屏幕，其中有很多视图或控件。这些Scene之间通过Segue“连接”，Segue不但定义了Scene之间的跳转（或导航）方式，还体现了Scene之间的关系。

页面跳转的类型分为：Push、Modal、Popover和自定义方式。Scene跳转类型还要跟具体的控制器结合使用。Push是树形导航模式，Modal是模态导航模式，Popover是呈现浮动窗口，这些导航模式咱们后续再详细逐一介绍。另外，除了Scene和Segue之外，故事板中还有关于表视图单元格的一些新东西，这些我们也会在后续单独逐一介绍。

### 末尾小结 ###

好了，本篇对于初学者来说是比较容易上手的，如果对你有帮助，我就开心了。若有什么地方写的不对也还需指正！感谢花时间阅读本篇。

[IOS_http_blog.csdn.net_csdn_aiyang]: http://blog.csdn.net/csdn_aiyang/article/details/77480907
[1240]: /images/20210802/ddb954fcd5da468a8e991681f123caaf.png
[1240 1]: /images/20210802/346bf5b9527b462684928b10797fa17f.png
[1240 2]: /images/20210802/902fd32bfcf3440fac77a7ff5cc05225.png
[1240 3]: /images/20210802/1b490882b8c5429b9223da157e1d4890.png
[1240 4]: /images/20210802/3be691e849aa48a1a93f12b26ab54a20.png
[20150701190639241]: /images/20210802/e44fc514a58741bdb5624c1ebcbcbb79.png
[SouthEast]: /images/20210802/add54dde910940278a990e8d5327b318.png
[SouthEast 1]: /images/20210802/16b85d931cec4303b0487878da04db87.png
[SouthEast 2]: /images/20210802/17739ea08b8140ff8476b5abcfee4e25.png
[SouthEast 3]: /images/20210802/39fc6b61bade47c486224ec814ff4fa2.png
[SouthEast 4]: /images/20210802/468bbff375de4bf78d876a827767385d.png