我的iOS学习之旅之盒子

其实学习iOS之前,我励志做一个游戏开发者,学了iOS之后,觉得暂时做不出出众的游戏,但是可以做已有的游戏的辅助软件,所以我想到了盒子,无论什么游戏,都要有攻略,而攻略的集合体,就是盒子,我要做一个集攻略、图库、视频于一身的游戏辅助软件,既能给新手玩家提供帮助,又能给喜爱这款游戏的老玩家一个欣赏图片,分享截图,观看CG和视频的平台,但是初学iOS,学习到的只是不多,于是就先做一个雏形过过瘾,本文所应用到的只是都是简单的UI知识,做出来的也只是一个简易的单机版游戏盒子。

那么接下来开始步入正题:

首先,我们先要缕清思路,一款辅助软件需要有什么功能,见下图:

我的iOS学习之旅之盒子_第1张图片

这是初步的思路图,那么接下来,要知道大多数手机APP为了增加美观及添加广告平台,在打开APP的时候会有一小段动画或者在一个界面停留几秒,我们接下来就制作这个界面:


我的iOS学习之旅之盒子_第2张图片

这个界面可以直接用可视化编程搭出来,比较简单,也可以选择加一个定时器,在主视图出来之前,也就是viewWillAppear方法中搭建出来。

接下来搭框架


我的iOS学习之旅之盒子_第3张图片

框架再用tabbarController搭配navigationController,左上角是“更多”选项,仿照QQ和微信的设计,采用一个小型的tableview,右侧是登录按钮,点击会跳转登录界面,主页我选择显示新闻动态,用tableview搭建,采用图片和文字结合的方式,点击会进入游戏官网。

第二个攻略界面:


我的iOS学习之旅之盒子_第4张图片

我采用的是平均分配大小的几个Button,给每个Button添加backgroundImage,点击后会进入对应的UIVIew,

我的iOS学习之旅之盒子_第5张图片

第三个界面


我的iOS学习之旅之盒子_第6张图片

最上方不再是标题,而是segment,用来在一个界面显示不同类别的多媒体文件

以第一个为例,在tableview上添加顶部轮播图,再运用计时器让轮播图自动滚动,并用touchview在触摸图片的时候删除计时器,停止触摸的时候恢复计时器,以达到客户手滑轮播图的时候不会出现突然自动轮播的尴尬局面,并且在最后添加一张额外的轮播图,做成循环轮播的假象。

下面与主页原理相同,采用tableview图片和文字相结合的方式显示,并且在点击后会进入详情界面。

详情界面是排版好的UICollectionView,点击后会在界面中间放大图片,再点击放大的图片可还原,用来达到查看详情图片的目的。

接下来说登录界面,登录界面我添加了照相机的功能,也就是可以照相或用相册内原有的图片做头像,登录界面有找回密码和注册的功能,注册时第二次必须和第一次密码相同,手机号字符串长度必须是11位,邮箱支持@126.com、@163.com、@sina.com、@qq.com、@sohu.com。如果有填写不标准的情况,会弹出提示,并且会自动删除错误的那个textfield内容,找回密码界面只有邮箱,同样只支持@126.com、@163.com、@sina.com、@qq.com、@sohu.com。

登录注册界面采取的是本地存储,注册后的账号可以登录,反之未注册的账号则不能登录。

以上就是我在学习iOS开发期间第一个自己做的小玩意,功能很简单,甚至不是很全,以此只留作纪念并希望如果有刚开始学习iOS的小伙伴看到,也能做些自己喜欢的东西,学习要有兴趣,学iOS不能只是看视频和做作业。勤思考,肯创造。才是学习iOS的最终目的。

你可能感兴趣的:(我的iOS学习之旅之盒子)