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

大家好。藤田裕太(@HofuCamera)是。

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

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

现在就开始吧!

如何制作iPhone应用程序

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

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

应用商店

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

这样就完成了Xcode的安装。

如何安装Xcode

xcode1

创建一个项目

创建一个新项目

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

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

xcode2
然后单击最简单的“单视图应用程序”以创建应用程序,然后单击右下角的“下一步”。
xcode3
将出现以下屏幕,因此请解释以下内容。
xcode4
-产品名称:项目名称。请设置任何名称。 (在这里,dokkiri)
-组织名称:以罗马字符输入您的名称。 (没关系)
-组织标识符:这是“ com。any Roman character”。申请该应用程序时需要这样做,但是这次没有必要,因此我将省略它。
-语言:您可以设置要使用的编程语言。在Xcode中,可以用“ Objective-C”和“ Swift”语言编写。这次,选择Objective-C。
-设备:Xcode可以支持iPhone,iPad,或两者都支持。以后可以更改此设置,因此这次我们将其设置为Universal(与iPhone和iPad兼容)并继续。

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

将图像导入项目

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

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

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

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

xcode6

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

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

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

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

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

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

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

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

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

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

xcode10

轻松编写程序代码

了解程序流程

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

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

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

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

我将解释重点。

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

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

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

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

xcode13 xcode14

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

xcode15

创建一个方法

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

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

xcode16

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

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

用等号连接它们,然后写[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秒钟后执行。

xcode17

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

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

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

xcode18
像这样更改它,就完成了!

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

你觉得呢?

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

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

xcode19

撰写本文的人

yuta

从零开始创建专业的Instagram风格图像处理iPhone应用程序 特別クーポン配布中! 詳しくは从这里! エンジニアでプロデューサー ピーターティールが大好きです! Twitter:藤井裕太 質問はお気軽にどうぞ!