iOS学习之路--通过APP边学编写(三)主页

今天开始App的编写,首先进行主页面的界面和功能。
主页面采用微信这种模式分为四个tab,单人模式,对话模式,记录展示,个人信息(为以后实现注册登录做铺垫,暂时留空)

下面来实现一下主界面,目前不要求好看,只是用最简单的控件堆砌一下

通过Storyboard实现界面的简单绘制

关于Storyboard的使用,这个需要慢慢体会,不过我还是喜欢使用mac的触摸板,比较灵活方便。
Storyboard布局

关于Storyboard的使用的文章网上非常多,随便都可以找到,这个地方我只说一下我的理解和使用方式,有不对的地方还请海涵。

  1. Storyboard是一个界面设计工具,而且顾名思义,可以把业务的流程通过界面表达出来,页面的跳转逻辑等等都可以通过Storyboard很直观简单的表达出来,所以是一个非常好的工具,尤其是对于我这种以前开发winform开发习惯了的人员,拖拖拽拽就完成了界面的设计。原先从winform转到WPF的时候还是很不适应的。同样的有人不太喜欢通过Storyboard的方式,而是喜欢什么都是通过代码的方式进行布局,个人感觉这个可能更灵活,更有掌控性。但是对于我这个iOS菜鸟来说还是先老老实实的用Storyboard的吧,这样入手比较快,而且我的APP也不需要什么炫的效果。通过纯代码的方式来写界面可以等以后熟悉了之后学习。
  2. 关于Storyboard的介绍,图片中分别有几个区域,A代表这个Storyboard的入口Controller是箭头所指的Controller。B是整个Storyboard的设计工作区。C区是关于操作属性等相关的一些设置,DEF区是根据C中的选择而不同的,这个就需要在实际的操作中慢慢熟悉了。G区是一个控件、组件代码等相关的区域,可以从这向Storyboard中拖拽控件等,好比以前在vs中用到的工具箱。

好了,介绍完了之后,让我们来简单开始进行绘制,首先绘制主页面,默认显示的单人模式这个tab
主页设计界面

以上就是主页的设计界面,使用一个Tab Bar Controller作为主页,然后分别指向4个Tab,最终的运行效果如下:

我听

对话

往昔

我

到此为止本节内容结束,并没有什么代码的内容。下节开始分别详细介绍各部分的功能实现过程,最后进行界面的图片的设计和美化。敬请期待,一起学习,加油!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值