待办事项清单让我们创建一个iPhone应用程序(第1部分)

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

从那时起,我想多次开发“待办事项列表iPhone App(第1部分)”。

在本章中,在解释了如何编程之后,我想安排必要的部件和屏幕。这是这次的目标。

<<到最后一次的路线>>


让我们为iPhone应用程序开发准备环境
开发iPhone应用程序需要什么
让我们开发没有程序的红卡iPhone应用程序
让我们开发一个没有程序的彩色卡片应用程序
让我们开发您最喜欢的网站集应用
让我们开发一个笔记邮件应用程序(第1部分)
让我们开发一个笔记邮件应用程序(第2部分)
让我们开发一个在10秒内停止运行的“即时iPhone应用程序”(第1部分)
让我们开发一款仅需10秒即可停止运行的游戏,只需一次使用时间(第2部分)
让我们开发一个谎言电话应用
让我们创建一个密码iPhone应用程序(第1部分)
让我们创建一个密码iPhone应用程序(第2部分)


建立专案

这次,让我们将项目名称确定为“ Todo List”。
如何建立专案这里描述于。

基本配置

如何制作待办事项清单

首先,我将解释如何开发此待办事项清单。

在上次的流程中,我学习了如何使用NSUserDefaults,如何使用数组,如何转换屏幕以及如何将屏幕和类配对。我们还将使用这些元素进行构建。

此待办事项列表中有两个屏幕。

屏幕显示待办事项清单

第一个是“显示待办事项列表的屏幕”,第二个是“注册待办事项列表的屏幕”。

首先,我将解释“显示待办事项列表的屏幕”。

此屏幕上显示三个主要内容。

第一个是在“ Todo列表注册屏幕”上显示注册日期和时间的地方,第二个是注册标题和文本(内容)。从现在开始,我们将“显示”内容。

那么如何显示呢?通过提取在“ Todo列表注册屏幕”上注册的信息来显示它。换句话说,它检索并显示在NSUserDefaults中注册的内容。

另外,使用右上角的加号按钮移至注册待办事项列表的屏幕。查看“待办事项”列表时,可以分别使用“下一个”按钮和“上一个”按钮进行浏览。

屏幕注册待办事项清单

接下来,我们将组织“注册待办事项列表的屏幕”。

您在这里要做的是注册标题,文本和当前日期和时间。将它们放在带有标题的数组,带有正文的数组以及带有当前日期和时间的数组中,然后在NSUserDefaults中注册该数组。

建立基本画面

待办事项清单显示画面的构成

现在,我们来构建屏幕。
首先,这次我只想支持垂直,所以取消选中下面的红色部分。
xcode_todo1
xcode_todo2
然后在iPhone 6上设置模拟器。
xcode_todo3

选择左侧的Main.storyboard,单击屏幕的红色部分,然后选择右上方的红色部分。
xcode_todo4
xcode_todo5
选择标记为尺寸的位置,然后选择iPhone 4.7英寸。
xcode_todo6
接下来,在屏幕上设置工具栏。在这里,设置一个按钮以切换到注册待办事项列表的屏幕。
xcode_todo7
首先单击左侧的项目,然后选择右侧的红色部分。
xcode_todo8
另外,选择添加,如下所示。
xcode_todo9
然后您可以看到按钮已更改为+标记。
xcode_todo10
接下来,我想将按钮设置在最右端,但是对于工具栏,您可以通过放置以下部分轻松地将其向右移动。
xcode_todo11

另外,将ViewContoller的颜色更改为您喜欢的颜色。
xcode_todo12
接下来,设置显示注册日期和时间的标签。
如图所示设置视图后
xcode_todo13
请设置标签。另外,这里的标签是不变的标签。
xcode_todo15
此外,在其右侧放置一个可反映日期和时间的标签。这将是一个检索和反映值的标签,因此您需要使程序知道它。
xcode_todo16
接下来,设置UITextView以显示主体。
这也会显示,因此程序有必要识别它。
xcode_todo17
然后单击此UITextView删除右侧的所有字符。
xcode_todo18
设置与末尾显示标题相同的标签,方法与设置注册日期和时间的标签相同。
xcode_todo22

在底部,放一个按钮来查看Todo。
xcode_todo23
单击右上角的红色部分后,连接需要以编程方式更改的UI标签等。
xcode_todo24
单击标签后,按住命令并将其拖放到程序中。
xcode_todo25
第一个标签是dateLable,
xcode_todo26
显示标题的标签是titleLable,
xcode_todo28
显示文本的UITextView命名为toDoTextView,并反映在每个程序中。
xcode_todo30
xcode_todo31

待办事项清单登录画面的制作

接下来,我们将构建“待办事项”列表显示屏幕。
选择右侧的视图控制器并将其拖放到情节提要中。
xcode_todo32
同样,将大小设置为iPhone 4.7英寸,如上一个屏幕所示。
xcode_todo33
这次,我想在按+按钮时进行过渡,因此在按住红色部分的命令的同时拖动并执行
漫游并设置为过渡目标。
xcode_todo34
选择模态呈现。
xcode_todo35
同样,在此处也设置工具栏和标签。
xcode_todo36
无需以编程方式更改此标签,因此只需说“注册待办事项”即可。另外,左侧的项目也被删除。
xcode_todo37
xcode_todo38

另外,在注册时,我想指定注册位置,因此拖放标签并将其命名为“ Title”和“ Body”。
xcode_todo39
xcode_todo40

然后在该标签旁边放置一个UITextField以输入数据。
xcode_todo41
由于还输入了文本,因此在进行如下设置后,
xcode_todo42
擦除从头开始包含的字符。
xcode_todo43
xcode_todo44
另外,这次也要稍微更改视图控制器的颜色。
xcode_todo46
这里的所有都是它的。

待办事项列表注册屏幕上的文件设置

接下来,设置文件。
当前创建的视图控制器(屏幕)中没有程序文件。

所以我想创建它。
转到File→New→File,如下所示。
xcode_todo48
然后选择“可可接触类”,然后单击“下一步”。
xcode_todo49
将文件命名为InputViewController,然后单击“下一步”。
xcode_todo50
这样就完成了文件的创建。

接下来,整合屏幕和文件。

选择如下所示的屏幕后,在右侧称为Class的位置输入InputViwController。如果有效,它将在预测中得出。
xcode_todo51
接下来,让我们看一下该屏幕上的程序文件。
单击屏幕的红色部分,然后选择右上角的标记。
xcode_todo52
然后,我认为该程序如下所示。
xcode_todo53
现在,让我们仅加载程序控制的零件。
首先,在屏幕上选择了UITextfield的情况下,按住键盘上的命令并将其拖放到程序侧。
xcode_todo54
在这种情况下,我将其命名为inputTitle。
xcode_todo55
对文本执行相同的操作。
xcode_todo56
在这种情况下,我将其命名为inputText。
xcode_todo57
这样就完成了所有设置。

最后

它怎么样?接下来,我想构建程序部分(成为大脑的部分)。如果您不知道该图像,请再次检查基本配置。这次结束了!

撰写本文的人

yuta

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