UI篇之拳皇

来源:互联网 发布:淘宝网创立时间 编辑:程序博客网 时间:2024/04/27 23:48

一.搭建界面

      如下图所示,是一个简单的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界面做的让用户眼前一亮,那么客户也就会随之而来了.我知道里面还有很多做得不到位的地方,希望大家给予批评,我一定虚心受教.谢谢!!!!!


0 0
原创粉丝点击