UI之02图片浏览器02

Snip20160125_4.png

]( http://upload-images.jianshu.io/upload_images/1037528-0197b17adb0bfe73.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
这个上面的数字设为0表示不限定行数
前言：
上一次我们介绍了图片浏览器的前几个程序，这次我们用一个小程序结束： 汤姆猫 由于我们现在没有讲到，语音，所以这个汤姆猫是一个哑巴汤姆猫，
所需要的资源在这个里面：
链接: http://pan.baidu.com/s/1RFeVk 密码: a86h

汤姆猫

1、效果展示

Snip20160120_3.png

2、准备

所谓动画，对于现在的我们来说就是一张张图片不断地切换，才能达到动画的效果。
补充：
有时候我们的图片格式不是.png所以我们的images_xcassts是无法存放我们的图片资源的，这个时候我们就将我们的图片资源放到Supporting里面
但是以后我们的图片资源能放在images_xcassts尽量放在这里面

3、开始：

1、storyboard设置

1、添加一个UIImage，然后将图片放到上面

2、放置其他的几个按钮控件

注意

• 我们都记得汤姆猫一旦点击它的头部、尾巴、脚，都会有相应的动画，这个时候，我们的解决方案是，在图片上套上几个按钮控件，然后再连线
• 如果发现控件会被图片挡住，解决方法是：

Snip20160120_4.png

3、连线

注意：控件的连线，有的是成为属性、有的是成为方法
当然我们的这个都将是方法，但是，需要将后面的这个背景作为一个属性。

4、写方法（加载动画的方法）

Snip20160125_4.png

该方法中书写的就是将我们的图片加载出来的代码

1、加载图片

1、首先创建一个可变数组
2、利用for语句就是加载图片
3、将图片到数组
然后将我们存放图片的数组加载到我们的tom.animationImages中

具体的代码格式是这样的:

Snip20160305_1.png

2. 设置我们的播放的次数\时间\

Snip20160305_2.png

注意:

当我们在点击一个按钮的时候, 我们的相应的图片会加载到我们的数组中, 但是,一旦我们继续点击其他的按钮时, 我们的其他相应的图片也会加载到我们的数组中, 这样会导致,我们的该应用所占的手机内存较大, 甚至会使应用直接崩溃, 所以我们需要设置,释放我们内存的操作. 每次一旦图片播放完毕, 就直接释放我们的内存.

Snip20160305_3.png

以上的三个代码都是在我们同一个方法中写的

如果使我们的图片能够播放???
上一个方法中 , 我们已经要求传入两个参数, 一个便是图片名, 另一个便是图片的个数
所以, 我们只需要在我们每一个按钮连线后生成的方法中调用该方法, 便可.

Snip20160305_4.png

作者说:

以上便是, 我们的图片浏览器的全部内容. 我们的UI基础包括以下几个内容:

Snip20160305_5.png

而, 我现在只是更新到第二个部分, 所以, 后面我会尽快更新的, 以前,我说过, 当我们的Swift写完之后, 我们就用Swift来书写代码, 但是, 由于本人的水平有限, 暂时还不能熟练的使用Swift, 所以,我打算先将01~06部分的内容用OC写, 之后的内容,用Swift写, 诸位见谅哈.