Swift学习笔记笔记（六） Xcode项目的创建

本文介绍: 通过本次课程的学习，我了解到创建项目，需要先启动 Xcode，然后在“Wel com e t o Xcode”(欢迎使用 Xco de) 窗口中点按“Cre a t e a new Xco de project”(新建 Xco de 项目) 或选取“File”(文件) >“New”(新建) >“Pr oj e ct”(项目)等操作。我在实验中会偶尔因为自己的粗心导致创建错误的新项目，我希望自己后期可以多加练习，熟练掌握相关操作。

一、实验目的：

1.了解iOS开发工具
2.掌握Xco de项目的设计过程
3.掌握模拟器的运行方法

二、实验 原理：

1.Xc o de项目创建与设计步骤
2.Xc o de 工作界面
3.Xc od e项目的运行方法
4.模拟器的关闭方法

三、实验 步骤及内容：

1. HelloWo r ld项目

具体操作步骤如下：
 （1）创建一个Sin gl e View App 类型的iOS项目，Pr oduct Na m e为HelloWo r ld, Lang ua ge设置为Swi ft,设置保存位置为Des k top。
 （2）在项目导航中选择Main.storyboard 文件，此时会打开InterfaceBui lder。
 （3）在实用工具区域的下半部分中找到对象库（Object Li brar y），通过搜索栏找到Label控件。
 （4）将La bel控件拖曳至ViewController视图上，双击La bel将默认内容修改为Hello World。调整好大小，单击La bel放置到屏幕中央靠上的位置。
 （5）选择La bel下面的背景视图，在实用工具区域的上半部分找到Attr i buteIns pe ct 标签，将Back g round 设置为蓝色。
 （6）选中La bel，同样是在Attr i bute Ins pe ct的Font部分，将Label的文本字号设置为50。此时你会发现当初的Label尺寸不能满足要求了，可以直接使用鼠标调整其大小，设置Label的Col or为白色，最后让其居中。
 （7）点击运行按钮，构建并运行项目，在模拟器中观察效果。

2. I Am Ri ch项目

具体操作步骤如下：
 （1）在Doc k中单击Xcode图标，在欢迎面板中单击Create a new Xcode project，创建一个全新的项目。另外，我们也可以通过Xcode顶部菜单File/New/Project…．或者快捷键Shi ft +Comm and + N创建项目。
 （2）项目模板中选择iOS/Ap plication/Single View Ap p，单击Next 按钮。
 （7）在项目选项面板中，将Pro duct Name设置为I Am Rich; OrganizationName设置为你的名字; Organization Identi fier设置为公司域名的反向;Language设置为Swi ft。
 （8）在本项目中不需要存储任何数据，所以不需要勾选Use Core Data。另外，还要确保Include Unit Tes ts和Include UI Tes ts两项处于未勾选状态。单击Next 按钮。
 （9）选择好项目的保存位置以后，确保Create Git repository on my Mac处于未勾选状态。这意味着我们不需要对该项目进行代码控制（Source Con tr ol），也就是暂时不需要去管理代码的不同版本。单击Create按钮。
 （10）在项目导航选中Main.storyboard 文件。此时编辑区域会打开InterfaceBui lder，并显示一个单独的屏幕视图。在这个单独的视图左侧还有一个箭头，它代表的是应用程序启动后在屏幕中所显示的首个视图。
 （11）单击Interface Bui lder底部有一个View as: iPh one 8按钮，选择iPh one 4s与iPh oneX，观察视图尺寸的变化。
 （12）单击Interface Bui lder底部Orientation区域中的按钮，观察视图的变化。
 （13）通过Interface Bui lder底部缩放区域设置视图显示大小为75%。
 （14）打开Xcode右侧的实用工具面板。在对象库中搜索标签（Label）控件，或者使用Comm and + Option +L快捷键在对象库的搜索栏中输入Label。
 （15）拖曳Label到视图之中，将其放在视图顶部的任意位置即可。在AttributesInspector中将Label的内容修改为I Am Ric h；单击Font右侧的T字标记，将Font设置为Custom, Family设置为Helvetica Neue, Style设置为Thin, Size设置为40。
 （16）在视图中单击Label，调整Label的八个控制点，使其全部呈现在视图上。另外，因为Label是iOS开发中最常用的UI控件，所以也可以通过Command + = 快捷键让InterfaceBuilder自动调整Label控件到合适的大小。
 （17）选中Label，在Attributes Insp ector中将Color设置为White Color。
 （18）在Document Outline中单击View Controller Scene/View Controller/View，在Attributes Insp ector中将Background设置为RGB34495E。
（19）在点开Background以后点击底部的Other…，可以看到Colors设置面板，它一共包含五个可选方式：色环（Color Wh eel）、颜色滑块（Color Slide rs）、调色板（ColorPalettes）、图像调色板（Image Palettes）、笔（Penci ls）。在颜色滑块标签中可以通过RGB方式设置颜色。
 （20）再次选中Label，在Size Insp ector的View部分中，设置x为108, y为100,width为160, height为50。
 在对象库中找到Image View，将Image View拖曳到屏幕中央的位置。
 （21）在选中Image View的情况下打开Size Insp ector，将x设置为53, y设置为240，宽和高均设置为270。
 （22）打开项目中的Assets.xc assets 文件，在右侧的列表中有一个AppIcon文件夹，在素材文件夹中找到相关资源，然后对照空槽下面的描述将对应的图标拖曳到空槽之中。
 （23）在资源文件夹中找到diamond@2x.png 文件，并将其直接拖曳到Assets.xc assets 文件的列表之中，此时在AppIcon的下面会添加一个新的diamond条目。
 （24）回到Main.storyboard文件，选中刚才添加的Image View，然后将Attributes Inspector中的Image设置为diamond。
 （25）选择Image控件，调整Content Mode为Aspect Fit，让Image View中的图像按原图比例调整到合适的大小。
 （26）通过菜单栏Product/Run或者使用Command + R快捷键运行项目，在模拟器中观察项目运行效果。
 （27）如果在模拟器菜单中选择Hardware/Home或者使用Shift + Command + H快捷键就可以回到Home屏幕。

3. I Am Busy项目

具体操作步骤如下：
（1）在Doc k中单击Xcode图标，在欢迎面板中单击Create a new Xcode project，创建一个全新的项目。另外，我们也可以通过Xcode顶部菜单File/New/Project…．或者快捷键Shift +Command + N创建项目。
（2）在项目选项面板中，将Product Name设置为I Am Busy; OrganizationName设置为你的名字; Organization Identi fier设置为公司域名的反向;Language设置为Swift。
（3）在本项目中不需要存储任何数据，所以不需要勾选Use Core Data。另外，还要确保Include Unit Tests和Include UI Tests两项处于未勾选状态。单击Next 按钮。
（4）选择好项目的保存位置以后，确保Create Git repo sitory on my Mac处于未勾选状态。这意味着我们不需要对该项目进行代码控制（Source Control），也就是暂时不需要去管理代码的不同版本。单击Create按钮。
（5）在项目导航选中Main.storyboard文件,显示Interface Builder。
（6）从对象库中添加一个UILabel到Main.storyboard的视图控制器的View中。
在这里插入图片描述

（7）设置Label的字体为Helvetica-Neue-Thin，字号为40。
在这里插入图片描述

（8）在选中Label的情况下，使用Command + =组合键将UILabel调整到合适的大小，并定位好其位置。
在这里插入图片描述

（9）再次通过对象库将Image View拖曳到视图控制器的View中，设置ImageView显示名为Busy的图像，并且设置Content Mode为Aspect Fit。调整Image View到合适的大小与位置。
在这里插入图片描述

（10）将视图View的背景颜色改成深蓝色。
在这里插入图片描述

（11）运行项目，在模拟器上观察效果即可。

四、实验 结果与分析：

本次实验，我主要学习了Xcode项目的创建。在本次的实验学习中，有时候会因为对基本操做不太熟悉，导致运行结果出错，但最后经过不但的改进与尝试，最后的结果都是可以正常创建运行出来的。

五、实验 总结：

通过本次课程的学习，我了解到创建项目，需要先启动 Xcode，然后在“Welcome to Xcode”(欢迎使用 Xcode) 窗口中点按“Create a new Xcode project”(新建 Xcode 项目) 或选取“File”(文件) >“New”(新建) >“Project”(项目)等操作。我在实验中会偶尔因为自己的粗心导致创建错误的新项目，我希望自己后期可以多加练习，熟练掌握相关操作。