今天开始App的编写,首先进行主页面的界面和功能。
主页面采用微信这种模式分为四个tab,单人模式,对话模式,记录展示,个人信息(为以后实现注册登录做铺垫,暂时留空)
下面来实现一下主界面,目前不要求好看,只是用最简单的控件堆砌一下
通过Storyboard实现界面的简单绘制
关于Storyboard的使用,这个需要慢慢体会,不过我还是喜欢使用mac的触摸板,比较灵活方便。
关于Storyboard的使用的文章网上非常多,随便都可以找到,这个地方我只说一下我的理解和使用方式,有不对的地方还请海涵。
- Storyboard是一个界面设计工具,而且顾名思义,可以把业务的流程通过界面表达出来,页面的跳转逻辑等等都可以通过Storyboard很直观简单的表达出来,所以是一个非常好的工具,尤其是对于我这种以前开发winform开发习惯了的人员,拖拖拽拽就完成了界面的设计。原先从winform转到WPF的时候还是很不适应的。同样的有人不太喜欢通过Storyboard的方式,而是喜欢什么都是通过代码的方式进行布局,个人感觉这个可能更灵活,更有掌控性。但是对于我这个iOS菜鸟来说还是先老老实实的用Storyboard的吧,这样入手比较快,而且我的APP也不需要什么炫的效果。通过纯代码的方式来写界面可以等以后熟悉了之后学习。
- 关于Storyboard的介绍,图片中分别有几个区域,A代表这个Storyboard的入口Controller是箭头所指的Controller。B是整个Storyboard的设计工作区。C区是关于操作属性等相关的一些设置,DEF区是根据C中的选择而不同的,这个就需要在实际的操作中慢慢熟悉了。G区是一个控件、组件代码等相关的区域,可以从这向Storyboard中拖拽控件等,好比以前在vs中用到的工具箱。
好了,介绍完了之后,让我们来简单开始进行绘制,首先绘制主页面,默认显示的单人模式这个tab
以上就是主页的设计界面,使用一个Tab Bar Controller作为主页,然后分别指向4个Tab,最终的运行效果如下:
到此为止本节内容结束,并没有什么代码的内容。下节开始分别详细介绍各部分的功能实现过程,最后进行界面的图片的设计和美化。敬请期待,一起学习,加油!!