[Xcode]让我们在没有程序的情况下开发红牌iPhone应用程序如何创建一个项目

大家好。yuta. fujii.是。

[iOS开发环境]评论与创建iPhone应用程序的图像。

建立开发环境,这是如何制作iPhone应用程序的基础。

我真的想用iPhone应用程序制作iPhone应用程序,一个开发工具“Xcode”。这次我们不会写课程。此外,即使在编写程序时,我也会教你80岁。请放心吧。
这个目标是“红色卡应用程序可以通过按下按钮显示红卡”创造。让我们一起看起来!

让我们推出Xcode

启动一个新项目

然后,我将尝试首先启动新项目。
单击已安装的Xcode。 (如果您还没有安装从这里“)
xcode_redcard1.
首先,单击Xco​​de时,单击“创建新的Xcode项目”。然后按如下方式进行初始设置。
然后选择单视图应用程序,然后单击下一步。

xcode_redcard2.

下一个屏幕都是

  • 产品名称:项目的名称。请设置任何名称。 (这里是RedcardApp)
  • 组织名称:在Romaji输入您的姓名。 (不能是任意的)
  • 组织标识符:这是“com。任意罗马字符”。应用应用程序时是必要的,但省略它是因为这次没有必要。
  • 语言:您可以设置要使用的编程语言。 Xcode启用“Objective-C”和“Swift”的语言。这次,选择目标-c。
  • 设备:Xcode可以与iPhone,iPad或两者兼容。这也可以在稍后改变,因此这次,它将被设置为通用(iPhone和iPad)。

xcode_redcard3.
单击“下一步”进入下一页,然后单击“创建以显示下一步”。

这完成了该项目。

让我们制作一个应用屏幕

让我们使用StoryBoard放置零件

Xcode_RedCard4.
嗯,Xcode已准备好安全开发一个新的项目“RedcardApp”。
首先,我认为有一个写作作为“设备方向”的地方,中央红色和“设备方向”。
这是一个在制作iPhone或iPad应用程序时设置屏幕的地方,这是一个与纵向或两者或两者兼容的合适的应用程序。
xcode_redcard5.

这次我只想响应垂直,所以删除下面的两个。“肖像”请检查仅检查的状态。

让我们下一个。接下来,我将设计屏幕。左侧有一个名为“main.storyboard”的地方,所以点击那里。

这主要是屏幕的过渡图(是否以任何顺序显示屏幕),以及从整个图形可以看到的部分,它直观地放置部分(例如按钮和标签)。

此外,让我们设计它,因为main.storyboard实际上可以设计自己。

首先,我想要整体,所以点击下面的红色部分。

xcode_redcard6.

然后我认为忽视会更好。然后单击红色部分。

xcode_redcard7. Xcode_RedCard8.

然后,我认为“尺寸”将在右边出来。
单击此处并选择iPhone 4.7英寸。
每个屏幕都是有意义的。
列表如下所述。这次我想创建一个支持“iPhone 6”大小的应用程序。

iphone 6plus→iphone 5.5英寸
iPhone 6→iPhone 4.7英寸
iphone 5→iphone4英寸
iPhone 4→iPhone 3.5英寸

xcode_redcard9.

这款红色卡应用程序将是一个应用程序,按按钮显示红色卡,因此需要两个屏幕。

一个是安装按钮的屏幕,第二个是“按下按钮时的屏幕转换(屏幕更改),并显示红色卡。所以故事板必须有两个屏幕。因此,让我们将另一个屏幕添加到从头开始准备的屏幕。

首先,从左下角拖放“查看控制器”。我认为您可以看到已添加屏幕。

Xcode_RedCard10. xcode_redcard1.1.

从开头准备的屏幕上添加按钮。
您可以用拖放添加它。

让我们更改用“打开”按钮编写的按钮的名称。
要更改,请双击使用按钮写入的位置。
然后它将能够改变它,因此随着打开而变化。
xcode_redcard1.2.

接下来,我们将创建一个显示红色卡的部分,这是主应用程序的主应用程序。
单击屏幕的红色部分,如下所示:
单击后,确保在右侧有一个描述为“背景”的位置。
现在,“白色”或白色是白色的,但这改为“红色”或红色。
请点击。

xcode_redcard1.3.

点击其他。
Xcode_RedCard14.

有各种修改,但单击红色部分。
Xcode_RedCard15.

从中选择红色。
Xcode_RedCard16.
Xcode_RedCard17.

我认为早期添加的“查看控制器”已成为红色。

接下来,“按”更早设置的打开按钮“,屏幕转换(移动)到红色部分。
该方法很简单。
在单击“打开”按钮时,将其拖放到红色屏幕部分,然后单击“控制+单击”。

Xcode_RedCard18.

然后我认为箭头从左到右出现。
这意味着它意味着从屏幕到屏幕的转换方向,这种情况会意味着“当您按下打开按钮(移动)到红色屏幕时。
接下来,我认为将显示以下屏幕,但选择“显示Mocaly”。
基本上,在执行屏幕转换时使用此“显示Mocaly”。

xcode_redcard1.9.
Xcode_RedCard20.

让我们推出模拟器

让我们检查创建的应用程序

所以让我们实际上开始这个应用程序。

我认为在左上角有一个作为iphone6splus写的地方。点击那里并更改为iPhone 6。这是因为上半部中设置的故事板屏幕尺寸的设置设置为“iphPne4.7英寸”。

然后尝试这个应用程序。
在左上角▶ボタンをクリックしてください。
Xcode_RedCard20.

xcode_redcard2.1. xcode_redcard2.2.

如果模拟器如下所示,这是成功的。
如果您实际尝试使用自己的iPhone,则需要注册到Apple的付费计划。
此方法还详细描述了后面的文章。

然后单击作为打开写入的按钮。

xcode_redcard2.3. Xcode_RedCard24.

如何?我认为一个红色屏幕从下面出来了。
恭喜。

此外,如果要停止模拟器,请单击左上角■按钮或命令+ Q
停止。

此外,屏幕转换(转换)的动画提前。
单击保存屏幕和屏幕的红色部分中的箭头。
Xcode_RedCard25.

Xcode_RedCard26. Xcode_RedCard27.

我认为有一个在右边写作“过渡”的地方。
在这里,您可以更改屏幕转换的动画方式。
请各种各样地尝试。

摘要:无需计划制作冲动

它曾是怎样的?

通过这种方式,iPhone应用程序可以轻松直观地确定您的设计。

即使没有程序,如果它是一个简单的应用程序也可以开发它。请试试。

给这篇文章的人

yuta

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