iOS APP开发案例



案例ToolList—融会贯通


经过前面的学习,我们已经基本掌握了iOS8的快速入门的一些方法。那么这一节,我将会带着大家做一个小例子,把我们学到的知识融会贯通一下。通过这个例子,你会发现ios开发具体是怎样的一个流程。麻雀虽小,五脏俱全。那么,会了这一个例子,更多更复杂的例子无非就是去学习更多的UIkit和API的调用。


我们来做一个最简单的To do list待办事项的这样一个程序。我的想法是它有两个视图,一个视图就是To do list的一个列表,点中这个列表,就会跳转到一个显示详情的界面。然后告诉我,我到底点中的是哪一个待办事项列表。


它会包括一些场景导航,事件,场景跳转,场景之间的传值,自动布局….



步骤介绍


1.创建一个单界面的应用程序。


example1.png


2.打开故事板


不勾选Use Size Classes,场景大小就变成iPhone屏幕细长的模样。然后再拖拽一个 view Controller,就有了两个场景。这里由于需要场景间导航,所以我们就完全清理这两个个场景。拖拽一个Navigation Controller进来,它会自带一个 Root View Controller。


我们还可以添加一个Table View Controller,在菜单栏里面为它添加一个Navigation Controller进来。总之,条条大路通罗马。这里,我们采用最后一种方法。


example2.png


example3.png


3.选中Table View


选中静态的details,选中Table View的第一行,再指定Style为Basic,然后更改它的文本。同上,为第二行和第三行也如此。


example4.png


这里为了简便,就复制了许多的Table View。


example5.png


4.拖拽场景


前面已经提到需要两个场景,那么我们再拖拽一个最简单的场景,并添加一个Label控件,并使用拖拽法使它水平居中,先不急建立两个场景间的关系。


example6.png


5.在第一个场景右上角上面添加一个添加按钮(Bar Button Item)


显示如下,右侧显示如何修改他的属性。这个按钮就是为了传值进行编辑。


example7.png


example8.png


6.建立并各自指定它们的view Controller。


这里需要为第一个场景创建一个view Controller并指定。


example9.png


7.建立两个场景间的连接。


首先,为增加按钮添加一个Push的场间连接。然后,我们希望得到Table View的行数不同的点击效果,比如得到每一行的索引和每一行的值,所以我们就不能直接拖拽(这样的话只有一个控件,建立一个连接,而我们希望此时应该有一个函数可以去接收它的函数去处理)Table View去建立与第二个场景的连接。所以我们需要去TableviewController.swift去寻找一个可以传入索引的函数。前面并没有指定这个程序的起始场景,所以我们应该为他选择一个起始场景。


example90.png


example91.png


当我们运行这个应用程序的时候,却发现Table View里面没有内容。明明我们编辑了它的文本,为什么却是没有内容呐?


example92.png


原来在视图控制器里面,mark:Table view date source提示这个函数为Table view的数据源头,而我们还没有学习数据有关的操作。所以函数里面没有对Table view做任何的显示就直接显示了。我们只需要删除这两个函数,输入源就能从函数转换到我们的输入了,就能从我们输入的数据当中读取输出了。


example93.png


删除这两个函数之后,运行结果:


example94.png


这个函数传入了一个table View的行数的参数。


下面的是完整的一个函数,下图为第二个场景设定了唯一的ID,通过这个ID,我们可以在需要的时候去调用它。


example95.png


example96.png


第一个红色框中为通过唯一的ID实例化第二个场景这一个viewController对象,并对它进行了一个显式的转换。


第二个红色框中获取到Table view的行数,并将它传出。rowindex这一个变量在下一个图中才看得到。


第三个红色框中调用导航控制器采用push方式来进入到第二个场景。


example97.png


这个是在viewController.swift文件中对Label文字的更改,传入了上一个页面的值在Label上显示。这里不要忘记了为Label控件设置Outlet属性,不然可是没有办法访问哦!


example98.png


这就是程序运行时候的页面之间的切换。


example99.png


大家下来可以去练习一下这个例子,最重要的是去理解一下iOS的整个开发过程。


这一个章节就已经讲完了。iOS快速开发的这一个课程也已经讲完了。下一次我们会进入另外一个大课程,那就是UI kit,去详细的了解我们每一个UI组件。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部