[超级容易！ ]直到初学者使用xcode清楚地开发iPhone应用程序

大家好。藤田裕太（@HofuCamera）是。

让我们创建一个清晰的应用程序

今天，我们将继续开发任何人都可以轻松创建的iPhone应用程序。
iPhone应用程序是使用免费工具“ Xcode”创建的。 （仅在Mac上可用）
如果您阅读了这篇文章，即使是非程序员也可以以一种易于理解的方式来创建它。

现在就开始吧！

如何制作iPhone应用程序

创建iPhone应用程序Xcode使用称为的工具。可以从App Store免费安装Xcode，因此请先尝试安装此“ Xcode”。

打开Mac随附的App Store。然后将打开以下内容，因此在右上角输入“ Xcode”。

然后，可以安装Xcode，因此请单击安装按钮。

这样就完成了Xcode的安装。

如何安装Xcode

创建一个项目

创建一个新项目

现在让我们创建一个新项目。首先，在刚安装的Mac上双击Xcode以将其打开。

您可以通过单击“创建新的Xcode项目”来创建新项目。

然后单击最简单的“单视图应用程序”以创建应用程序，然后单击右下角的“下一步”。

将出现以下屏幕，因此请解释以下内容。

-产品名称：项目名称。请设置任何名称。 （在这里，dokkiri）
-组织名称：以罗马字符输入您的名称。 （没关系）
-组织标识符：这是“ com。any Roman character”。申请该应用程序时需要这样做，但是这次没有必要，因此我将省略它。
-语言：您可以设置要使用的编程语言。在Xcode中，可以用“ Objective-C”和“ Swift”语言编写。这次，选择Objective-C。
-设备：Xcode可以支持iPhone，iPad，或两者都支持。以后可以更改此设置，因此这次我们将其设置为Universal（与iPhone和iPad兼容）并继续。

单击右下角的“下一步”继续。

将图像导入项目

将会出现类似上面的屏幕。红色部分是您实际编写程序并插入图像的地方。安排屏幕配置。

单击红色部分中的“ Main.storyboard”。然后，将显示iPhone的实际屏幕。通过在此处排列按钮和标签等各种部件（对象），可以创建复杂的应用程序。

但是，在使用此Main.storyboard创建屏幕时，必须匹配iPhone的屏幕尺寸（iPhone 4和iPhone 6的屏幕尺寸不同），因为它们不同。

这次，为了创建针对iPhone 6屏幕进行了优化的内容，请单击Main.storyboard，然后单击屏幕并在蓝色部分中选择“ iPhone 4.7英寸”。

↓

另外，这次我选择了4.7英寸的iPhone，但是屏幕尺寸与以下相对应。

iPhone6Plus→iPhone5.5英寸
iPhone6→iPhone4.7英寸
iPhone5→iPhone4英寸
iPhone4→iPhone3.5英寸

如果要对应每个屏幕，请编写对应的代码，但是这次我将省略它。

这次创建的应用是在应用启动后突然将图像更改为另一五秒的应用。根据图像，它可以用作告白或清除应用程序。

然后，我将立即捕获图像。

首先，您可以在右下角看到各个部分，但是将在右侧列中插入图像时使用的“图像视图”拖放到屏幕上。

拖放以展开ImageView以填充屏幕。现在，您可以用自己喜欢的图像填充屏幕了。

然后将实际图像带入您的项目。通过导入图像，您可以自由使用它。首先，将鼠标移至屏幕左侧的dokkiri，然后单击鼠标左键。

如果您使用的是不带鼠标的Mac，则可以通过“ command + click”左键单击。然后单击“将文件添加到“项目名称””。您将能够从自己的文件中选择一个图像，因此请选择所需的图像并将其插入。 （这次您将需要两个，因此请插入两个图像。）　

在这种情况下，“ IMG_5252.JPG”是图像文件。

轻松编写程序代码

了解程序流程

接下来，设置插入先前安装的ImageView中的图像。设置非常简单。

首先，单击图像视图。接下来，在右侧的“图像视图”字段中的图像字段中输入图像的文件名（在本例中为IMG_0014.jpg）。该名称将出现在预测中，因此您可以从中进行选择。然后，将如下所示设置图像。

这次，程序将在5秒钟后更改此图像。

选择ViewController.m，如下所示。然后，它将移至编写程序的屏幕。

我将解释重点。

首先，我认为上面的程序是从头开始编写的，但是红色部分是应用程序启动时首先被调用的部分。

创建应用程序时，程序必须识别屏幕上已安装的内容（前一种情况为ImageView）。让我们轻松识别ImageaView。

然后单击Main.storyboard，然后单击蓝色部分。

然后屏幕将被一分为二。单击左侧的图像后，按住Mac上的控件，然后将其拖到右侧的程序中。在（@implementation ViewController）下创建一个括号{}，然后将其拖到该括号中。那时，给它起“图像”的名字。

然后，它将被程序识别，如下所示。 IBOutlet意味着将零件本身与程序定义的变量相关联。 UIimageView是先前安装的ImageView的类名。 image是您给自己起的名字。该图像部分称为变量。

创建一个方法

方法是一种行动。您可以给该方法命名，然后通过调用该方法的名称，该方法中编写的程序将起作用。

在这里，我想更改图像，因此创建了一个名为“ change”的方法，并描述了将该方法中的运动转换为“ ImageView图像（此处为东京铁塔图像）”和cat图像的操作。去做。

像这样在红色部分下面写下更改。我将分别解释。

绿色图像是通过较早连接到屏幕而被识别的可变图像的名称。另外，“。”在程序中表示“〜否”。

用等号连接它们，然后写[UIImage imageNamed：@“在此处写入要更改的图像的文件名”]；这样就完成了“更改方法”，该方法将变量的图像（图像）转换为要更改的图像的文件名。

现在，在应用启动后，让我们运行此方法。

延迟方法

应用程序启动时首先调用的部分在红色部分“ viewDidLoad”中。照原样，将不会调用之前创建的“更改方法”。调用此更改方法很容易。
只需将其写在viewDidLoad的括号中即可。有多种编写方法。

1 [自我改变]；
2 [self performSelector：@selector（change）withObject：nil after Delay：5.0]；

是。

在描述方法为1的情况下，由于更改是按原样执行的，因此可能难以理解。

使用2的描述方法时，将在5.0秒后执行更改方法。

重要的部分是更改部分和5.0部分。您只需更改此即可执行各种操作。例如，如果5.0为1.0，则change方法的内容将在1秒钟后执行。

在模拟器上运行创建的应用

如果可以做到，那就完成了。

让我们实际在模拟器上运行该应用程序。 （要在实际的iPhone上运行，您需要注册Apple的付费程序。）单击即可实现此方法。
单击Xco​​de左上角的三角形按钮以启动模拟器。要停止它，请单击下图左上方的“■”按钮。

像这样更改它，就完成了！

现在您也是iPhone应用程序开发人员！

你觉得呢？

即使看起来像这样困难，您也可以通过简单地更改一个零件以各种方式应用它。

我希望可以以这种方式使用Xcode轻松创建其他应用。