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写, 诸位见谅哈.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 很多愿望,我想要的,上帝都给了我,很快或着很慢地,我的唯一一地接到了。而我对青春的渴望,虽然好像一直没有得到,可是...
    汐茗阅读 135评论 0 1
  • 还记得高中时候,正是赢在中国那档节目最火的时候,给我印象最深的不是那些创业者,而是毒舌而又次次都一针见血的马...
    举步踏轻尘阅读 484评论 2 0
  • 南生,南生,我一遍一遍地重复呢喃着这个名字。那个让人心疼的女子,在我脑海里久久不能忘。南生,这两个字中间似乎有一道...
    浅予安忆阅读 1,956评论 0 0
  • 由于是周六,所以感觉过得很快。晚上工作完,胡欣打电话定了几盒饺子。但是要去自取,而且还在里士满。我赶着夜色开车过去...
    小王加油啊阅读 98评论 0 0