[超级容易! ]让我们开发一个在10秒内停止的“即时iPhone应用程序”(第1部分)

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

这次,我想开发“ Just Time iPhone App”。

如果尚未构建Xcode环境,请单击此处

单击此处以延续到上一次

[Xcode] iPhone应用程序开发需要什么
[超级容易! ]直到初学者使用xcode清楚地开发iPhone应用程序
[Xcode]让我们开发没有程序的红卡iPhone应用程序
[Xcode]让我们开发一个没有程序的彩色卡片应用程序
[Xcode]让我们开发您喜欢的网站集应用
[Xcode]让我们开发一个笔记邮件应用程序(第1部分)
[Xcode]让我们开发一个笔记邮件应用程序(第2部分)
[超级容易! ]让我们开发一个照片收集应用程序

当计时器开始计时时,您可以在10秒钟后按停止按钮,它成为显示“祝贺”的秒表应用程序。

这次条件分支,如何使用计时器我想开发使用如!一旦能够创建此应用程序,通过自由使用计时器并对其进行自定义,将更易于理解。

另外,我认为您将能够实际更改为原始应用程序并制作各种应用程序应用程序,所以现在就开始制作吧!

建立专案

让我们这次将项目名称确定为“ justTime”。

如何建立专案这里描述于。

准备屏幕

屏幕设计

首先,我认为屏幕中央有一个红色部分,上面写着“设备方向”。
在创建iPhone或iPad应用程序时,这里是设置屏幕的地方,例如“是否是仅支持纵向,仅支持横向或仅支持纵向的应用程序”。

这次我只想支持垂直,所以取消选中下面的两个。

确保仅选中“肖像”。
Xcode_timer3
Xcode_timer4
Xcode_timer5
接下来吧我将设计屏幕。

左侧有一个名为“ Main.storyboard”的部分,因此单击它。在这里主要是您可以直观地放置屏幕过渡图(例如,显示屏幕的顺序)和部件(按钮,标签等)的地方,而忽略整个图。

另外,您实际上可以自己设计Main.storyboard,因此让我们对其进行设计。
单击红色部分使其更易于查看。
Xcode_timer6

接下来,我要使屏幕尺寸与iPhone 6相匹配,因此请单击屏幕顶部的红色部分,然后单击右侧的“尺寸”。

Xcode_timer7
然后,您将能够选择4.7英寸的iPhone,因此单击它。

接下来,我们将在屏幕上安装按钮。

创建一个“停止按钮”。从右侧拖放按钮,并将其放置在屏幕上。

然后双击按钮并将其命名为“停止”。

Xcode_timer8
接下来,用于反映数字的标签将相同。

将尺寸扩大到两个屏幕的宽度。

Xcode_timer9

也。如果将右侧的红色部分更改为“ 0”,它将在标签中反映为“ 0”,因此请做好准备。
您可以在显示字体的地方调整字体大小。

另外,您可以通过单击右上角的红色部分来查看程序。

然后单击红色部分。

Xcode_timer12
现在,让程序识别屏幕上的各个部分。

首先,让他们在红色部分识别。这称为声明。这给零件起了一个名字
然后,您可以以编程方式使用它。

首先,我想反映一下标签。

单击标签,按住Ctrl键并将其拖放到程序中。
Xcode_timer14
Xcode_timer16
在这里,我们将其命名为“ timeLable”。
Xcode_timer17

接下来,创建一个地方来描述按下停止按钮时的过程。

单击停止按钮,按住控件,然后将其拖放到程序中。
Xcode_timer18
在这里,我们将其命名为“停止”。
Xcode_timer19
同样,将开始按钮放在屏幕上,让程序识别它。
Xcode_timer20

什么是计时器

基本思维方式

您可以在iPhone上使用计时器。在程序中使用它时,将使用称为“ NSTimer”的东西。

从根本上讲

  • 1.使程序知道使用计时器
  • 2.描述执行操作的秒数。
  • 3.描述行为是什么

这将是3分。

另外,计时器可以在一行中停止。

让我们开始计时

让我们从顶部逐步看一下。

首先,准备一个框(变量)以将要反映的数字放在标签上。

Xcode_timer21
接下来,我想在按下开始按钮时激活计时器

timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(upDateTimer) userInfo:nil repeats:YES];

被描述。

这是作为固定短语准备的。重要部分是“ 1.0”和“ upDateTimer”。

每个决定调用upDateTimer多少秒。另外,名称upDateTimer可以是您喜欢的任何名称,您可以自行决定。

还创建一个名为upDateTimer的方法。
Xcode_timer23

让我们在标签上显示计时器编号

接下来,在显示屏幕时,将包含计时器编号的框设置为0。
在upDateTimer中描述如下。

timerCount = timerCount + 1;    
timeLable.text = [NSString stringWithFormat:@"%d",timerCount];

我将按顺序解释。

Xcode_timer25
在每1.0秒调用一次的地方

timerCount = timerCount + 1;

这样,timerCount的值将每秒增加1。
进一步

timeLable.text = [NSString stringWithFormat:@"%d",timerCount];

将包含计时器编号的框的值转换为字符,并将其反映在标签上。
转换过程

 [NSString stringWithFormat:@"%d",timerCount];

您可以做到。

然后停止计时器。

Xcode_timer26
Xcode_timer27
写在停止

[timer invalidate];

会停止。
另外,如果在停止时包含计时器编号的框为10,则显示“恭喜”

if (timerCount == 10) {
        
        timeLable.text = @"おめでとう!!";
    }

它被描述为。

接下来,我们将创建一个重置按钮。将按钮部分放在屏幕上,然后重设名称。

Xcode_timer28
Xcode_timer29
连接到程序后,在括号中写上您想对复位进行的操作。

当我想重置它时,我想将包含定时器编号的框设置为0,因此

timerCount = 0;

因为我想将标签上的字母恢复为0

timeLable.text = @"0";

我将会继续。
Xcode_timer31

让我们来看看模拟器

现在,准备启动左上方的iPhone 6模拟器。
Xcode_timer30

如果模拟器如下所示启动,则说明成功。

如果您想在自己的iPhone(实际机器)上实际试用它,则需要注册Apple的付费程序。
我将在以后的文章中详细解释此方法。

怎么样?这一次,如果您可以在到达10秒钟后按停止按钮,则会显示祝贺。如果您自己实际更改值并尝试各种方法,那么应用范围将会扩大。

要停止模拟器,请单击左上方的■按钮或按“ command + Q”停止。
Xcode_timer33
Xcode_timer34

最后

它怎么样?

这次,我们研究了计时器的工作原理。

计时器可以在各种情况下使用。例如,在制作闹钟应用程序时也使用计时器。
下次,基于此应用程序,我们将可以将结果发布到SNS,所以[超级简单! ]我想练习(第2部分),让我们开发一个仅停10秒钟的游戏,这是一个即时应用。

撰写本文的人

yuta

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