【iOS App开发教程】【更新中】从头开始制作App！[英文字幕]

互联网+创新创业大赛寻找队友 差一个做app的

♥ 6 ↩ 1

所以这些是Xcode用户界面的主要部分，一旦你知道了我们现在要做的就是在模拟器上运行我们的项目，就不会那么复杂了。因此，在我现在默认显示给你的下拉列表中，它是iPhone XR，你可以选择任何一个你想尝试的，只需点击这里的大播放按钮，它将立即启动iOS类似功能。 第一次做这件事可能需要几分钟，但模拟器启动后，接下来的时间会快得多，所以如果你没有物理iPhone设备，你实际上不需要物理iPhone设备。现在，你仍然可以构建和测试你的应用程序。我想提一件很快的事，那就是如果你的模拟器太大了，屏幕无法显示所有内容它 实际上，你可以缩小它，这样你就可以上到模拟器的菜单，选择你知道的物理尺寸、点精度或像素精度。你可以使用这些快捷键CMD+1、CMD+2或CMD+3来改变你看到的模拟器的尺寸。所以，如果模拟器太大，屏幕上就有一个方便的提示。 所以，当你的应用程序启动后，你会看到这个白色屏幕，这是因为我们还没有真正向我们的应用程序添加任何内容，但在我们这样做之前，让我们讨论一下Xcode项目是如何变成这个应用程序的，我在模拟器中看到这个顶层是视图，它是用户现在看到的屏幕，你可以从Xcode项目中的Main.Storyboard文件配置这个视图，其下的第二层称为ViewController。 现在，这个代码文件负责管理视图，例如，当用户点击视图时，它会让视图控制器知道，然后你可以在视图控制器内编写代码来处理这个点击，或者在后台运行一些进程，或者在屏幕上显示一些新信息。你会明白，这个视图控制器不是由ViewController.Swift表示的如前所述，如果您单击该文件，编辑器区域将变成代码编辑器，您可以在其中编写Swift代码来管理视图。

♥ 2

我会像这样选择HelloWorld，团队下拉菜单，您可能没有团队，这现在无关紧要，但当您想将应用程序放在实际设备上时，您会想创建一个团队，稍后我会在系列组织名称中向您展示如何做到这一点，我会输入你的公司名称或个人名称，然后在组织标识符下常见的是通信点，然后是你的名称或公司名称。 因此，与将成为捆绑标识符的产品名称相结合，您将看到这个术语使用了很多。 这基本上就像你在将应用程序上传到App Store时发布应用程序时创建的应用程序的唯一ID，以及您需要该捆绑ID的那种东西。 所以接下来非常重要的一点是确保你的语言设置为Swift，因为这就是我们在这里学习的内容，你可以不选中这些人，然后单击next，你也可以不选中源代码控制，我们现在不会选中源代码控制，我们现在也不会选中。继续，单击create全新的Xcode项目。 现在看起来有点吓人，因为这里有所有的复选框和下拉列表，你知道这个界面对以前没有见过的人来说非常令人困惑，但我现在要和你一起浏览，我还有一个参考表，其中有一个图表和Xcode的所有键盘快捷键。 因此，确保您在下面的描述中抓住了这一点，因此，我们将从界面的左侧开始，这是导航器区域，您会在顶部注意到，有不同的选项卡可以单击，开始时可能不太清楚，但这些是不同的导航器，您可以选择到目前为止最常用的导航器是这个项目导航器，在这里您可以看到Xcode项目中的所有文件。

♥ 2

现在单击任何这些文件将改变中间称为编辑器区域的内容，例如，现在我们点击了第一个项目文件，这就是为什么如果我们单击ViewController.Swift，我们会在编辑器区域中看到所有项目属性。 你会看到它变成了代码编辑器，这样你就可以编写快速的代码，然后点击Main。Storyboard，这将变成一个编辑器，你可以为你的应用程序定制屏幕，我们很快就会做这件事，这实际上被称为界面生成器。 这样你就可以知道为什么这个名称是这样的了，接下来让我们转到Assets.xcasets，这是你将要为你的项目放置所有图像的地方，然后是Launchscreen。Storyboard是另一种界面构建器文件，你可以在其中自定义启动屏幕，然后info.plist为你的工程提供了更多的财产。 因此，在高级别上，这些是默认包含在Xcode项目中的文件，现在移动到屏幕右侧，我们得到了实用程序窗格，您在这里看到的内容取决于您在编辑器区域内单击的内容。 所以这就像是一个进一步的向下钻取，例如，如果我们进入Main.Storyboard，我单击这个白色区域，这是我的视图或屏幕，它将在ViewController中显示有关这一点的进一步详细信息。如果我点击，让我们说一些代码。

♥ 2

您好，欢迎来到如何为初学者制作应用程序。在本视频中，我将向您展示如何制作应用程序，即使您以前从未编程过一行代码。 现在，在接下来的10节课结束时，您将构建这些应用程序和用户界面，我还将向您展示如何将它们放在手机上，以便您可以向朋友和家人展示，但更重要的是，我将教您构建任何类型的应用程序所需的基本技能，因此通过参加这些初学者课程，您将在iOS应用程序开发中获得真正良好和坚实的基础。 从那里，您将想抓住我的免费7天应用程序行动计划，在那里您可以创建自定义应用程序路线图，只是为了构建您的应用程序，您还想加入我们活跃的Facebook社区，在那里您可以从我、团队和许多其他像您一样学习iOS的人那里获得帮助和支持，这样您就不会被困在创建应用程序的旅程中或独自一人。 现在，我上次教这个的时候，有超过120万人观看了它，大量的成功故事从中脱颖而出，许多人创建了自己的移动应用程序，正如你在我身后的墙上看到的其中一些应用程序。

♥ 2

楼主大大搬运工一枚。

♥ 1

太牛逼了 这个老师讲的很好 谢谢up

♥ 1

大大大大佬

♥ 1

然后，它会告诉我一些与此相关的信息，但请记住，在这个实用程序窗格中还有一些不同的选项卡，正如您在这里看到的那样。因此，如果我们进入Main.Storyboard，您可以看到还有几个选项卡，这是因为我可以为该元素配置财产。因此，看起来Xcode遇到了内部错误，但通常这些都很好，您只需关闭项目，我们就可以启动它。 如果界面顶部的Xcode工具栏很好，我现在不会这么做。在工具栏的左侧，有一些按钮可以运行项目并停止项目，然后在右侧，这实际上是一个下拉列表，您可以在其中选择运行项目的目标。 现在，如果你插入手机，你可以从下拉列表中选择你的手机，但如果你没有插入手机，不要担心，因为Xcode有一堆模拟器，你可以在上面运行你的项目，它会在屏幕上显示出来，我们马上就可以完成。 在中间有状态栏，它会显示你的项目现在正在做什么，然后在右边还有几个控件，我们将在第二节介绍，但在工具栏的最右边，你会看到这些按钮，它们对你很有帮助，现在只是隐藏和显示这些不同的按钮如果你点击中间的一个，你会注意到它会在这里弹出一个我们还没有讨论过的小托盘，这里的这个窗格被称为调试控制台，当你运行项目时，假设发生了错误，你会在这个调试控制台中获得有关该错误的一些详细信息，因此如果你想显示它，默认情况下它是隐藏的你所要做的就是点击这个按钮来打开它。

♥ 1

在App Store中键入以启动它，然后在搜索栏中键入Xcode，现在就会找到它，我已经安装了它，所以如果你不想继续这样做，我会警告你，虽然这是一个相当大的应用程序，所以安装确实需要一点时间，如果你做不到，如果它给你错误消息或类似的东西，请向下滚动，请检查兼容性，如果你点击它，它会告诉你它需要什么版本的Mac OS，并且需要10.13.6，但每当他们升级Xcode时这个数字都会变得越来越高。 因此，为了安装Xcode，您可能必须更新您的MacOS版本，也请记住这里的大小，即使它说6.1 G，它有时需要一点额外的空间来进行安装，所以一旦您安装并打开它，您将看到这样的对话框，我们将在这个视频中要做的是创建一个全新的Xcode项目，所以如果您没有看到该对话框，请单击创建新的Xcode项目，出于某种原因，也许您已经启动了Xcode，然后您总是可以进入文件，转到新项目，这将使您到达同一个地方，现在有一堆不同的模板，您可以开始帮助您，只是它更快一点，您想要创建我们希望在本课程中的东西是在这个iOS选项卡下，因为它们是不同的平台，您可以为使用Xcode和Swift构建，这是学习这两件事的伟大之处，但我们今天要做iOS，我们将选择单视图应用程序，我们将给我们一个页面应用程序或一个屏幕应用程序或一个屏幕应用程序。 接下来，我们将为我们的新项目配置一些选项，例如名称是什么，它的唯一ID是什么，对于产品名称，您可以给它命名一些东西。

♥ 1

现在我知道这一切也会来找你，但现在一切都从这里开始，你准备好了吗，我们开始吧。 如果您想学习如何制作应用程序，欢迎来到CodeWithChris。我是Chris，我很高兴你在这里，这是值得去的地方。 首先，您如何从头开始创建应用程序，这一切都始于一个名为Xcode的程序，您可以在其中为您的升级设计用户界面，并读取将代码转换为iPhone的代码，您可以将其发布到应用程序商店，在此之前，数百万人可以下载和使用它，不过，让我们回溯一下。 Xcode是一个您可以免费下载的程序，我将教您如何编写的代码称为Swift编程语言，如果您以前从未引用过，请不要害怕，因为我保证您会掌握它的窍门，接下来Xcode只能安装在Mac上，但如果您无法访问它，则无需花费数千美元购买一个，而是首先使用下一个MacStadium在Windows版Xcode上查看我的视频。 好吧，让我们深入了解一下，让我带你了解一下Xcode，所以如果你想做的第一件事就是下载Xcode，如果你还没有，你所要做的就是点击键盘上的命令+空格键启动Spotlight。

♥ 1

目前看下来全部都是UI方面的，内部功能的课程还没有安排上

↩ 1

有字幕吗

中文呢？

中文字幕?

连中文都不搬运过来我们看什么啊

现在，如果你的应用程序有多个屏幕，在大多数情况下，每个屏幕都会有自己的视图和视图控制器，现在让我们回到Xcode，我们将停止我们的项目，我们将向视图中添加一些内容，以便看到一些内容。 让我们点击此处的停止图标，然后单击主情节提要，这样您就可以看到界面生成器，现在我将向您介绍这个按钮，这里称为库按钮，如果我们单击此按钮，它将显示一个对象或UI元素列表，您可以将其添加到标签中的视图类型中，以搜索此人，您只需单击并将其拖到视图中这样。 现在你将在视图上看到这个标签，现在你可以拖动它，你可以定位它，但这实际上不会有任何作用，因为Xcode实际上有自己的方式来定位和调整布局项的大小。 Xcode使用一个名为自动布局的系统来定位和调整屏幕上的元素大小。该系统使您更容易设计一个在iPhone、iPad和所有其他设备上都很好看的界面未来iOS设备的其他屏幕尺寸。现在基本上你所要做的就是为每个元素指定规则列表，这些规则规定了它应该如何定位，以及它应该如何相对于屏幕上的其他元素调整大小。例如，这个元素应该与其他元素的高度相同，或者这个元素应该在屏幕上居中，这些规则被称为约束，在第二课中，你将学到更多关于自动布局和自动布局约束，但现在让我们回到Xcode，看看如何在屏幕上正确定位和居中标签。 所以回到界面生成器中，我希望您选择标签，确保它高亮显示，然后在这里有几个按钮，您可以在其中添加自动布局约束，所以单击不添加新约束，但这个按钮称为一行，因为我们希望基本上在屏幕中心对齐标签，所以我们将在容器中水平和垂直检查，然后单击添加到约束，您可以立即看到这里的这些行，它们表示您刚才添加的约束以及屏幕上居中的标签。

如果您犯了错误，请不要担心，在这里检查一下，这就是文档大纲，它基本上显示了当前视图中的所有元素和所有约束，所以只要打开约束，你就可以突出显示你添加的约束，也许你犯了错误或类似的事情，你可以立即删除它们，我可以点击删除并删除它们，或者如果你在右侧的实用程序中突出显示它们，在这个sizeinspector或类似程序中，您可以选择不同的检查器，确保您查看的是属性检查器或大小检查器，然后可以编辑约束的一些财产。 我现在就让你看看他们的领导，让他们离开文件大纲，这样他们就走了。我要再做一次，这样你现在就可以点击标签，你可以进入一行，在容器中水平和垂直选择，然后添加这样的约束。接下来我们要做的是编辑标签中的单词，确保标签突出显示，然后在右侧再次确保你正在查看属性检查器在文本下面，你可以输入你想要的任何内容，我要输入hello world，瞧。 所以点击Xcode项目上的运行按钮，它将再次启动模拟器，你应该会看到类似这样的东西。恭喜您完成了第一步，获得了我们今天所做的总结笔记以及一些练习练习的副本。只需单击此处或在下面的描述中找到。 在下一节课中，你将在Xcode中构建这个视频，但如果你喜欢这个视频，请点击下面的红色订阅按钮，为它点赞并订阅我的频道。如果你不想错过下一节课程，只需点击Bell图标，在它发布时得到通知。我想用你将要学习的技能将它交给你。你打算开发应用程序还是游戏？在下面留下一个简短的评论让我知道，然后点击第二课的缩略图，我们再见。