您的位置:首页 > 产品设计 > UI/UE

UI篇之拳皇

2016-01-21 00:44 253 查看

一.搭建界面

如下图所示,是一个简单的UI界面,实现了一些特定的功能.那么问题来了,搭建这样一个界面需要哪些东西呢?如图上和功能我们可以看出,整个界面是由6个按钮和一个UIImageView组成的,通过storyboard和点m文件相关联,从而实现功能.下面的GIF只是一个虚拟机上显示的.那么接下来我们来看看内部业务逻辑是怎么实现的吧.



1.1.首先我们通过这个APP的部分功能我们可以在storyboard中实现(按钮).

1> 在Xcode右下角用鼠标拖出一个UIButton按钮
2> 按钮option键一次的往右边拖拽,可以连续的拖出6个UIButton,免去了我们一个一个从右下角拖出来
3> 用鼠标双击每个按钮,然后改写和APP所对应的文字

1.2.UIImageView

1> 同样,在Xcode的右下角找到UIImageView,然后直接用鼠标拖到View中
2> 修改UIImageView的尺寸和位置

1.3.做出来得结果如下图



二.实现业务逻辑

那么整个业务逻辑到底是怎么实现的呢?
1> 一次将每个按钮和ViewController的点m文件相连接,然后设定一些量
2> UIImageView也要和ViewController的点m文件相连
3> 注意按钮是动作,不能链接到interface中

三.代码部分

3.1.一进去就直接加载了,不用每次运行都加载一次



3.2.按钮的方法调用



3.3.将写在每个按钮内部的同样的代码都抽取出来,单独作为一种方法



3.4装载图片的方法和遍历



四.内存优化

由于游戏运行完后要结束,不结束的话就会占用内存.一个移动手机的内存是有限的,不能让已经不运行的APP继续耗费内,所以这部分是内存的优化部分.怎么做呢?
将创建的数组都指向nil就可以了.



五.结束语

这只是一个简单的UI界面,内部的很多逻辑都没有实现,但是我们不得不承认,一个好的APP能不能吸引到用户,界面是一个很大的因素,当你得APP界面做的让用户眼前一亮,那么客户也就会随之而来了.我知道里面还有很多做得不到位的地方,希望大家给予批评,我一定虚心受教.谢谢!!!!!



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: