汤姆猫,截图如下:

IOS04 汤姆猫开发

 1.1以前一直觉得这个小游戏不错,很好玩,现在学习IOS才发现其实这个程序真心很简单,其实这个还不是个完整,还没有声音,以后再来完整。

 1.2 创建项目,导入图片,在项目images.xcassets中保存PNG图片,这里只保存6个按键图片,图片文件直接拉进就可以,如下图:

IOS04 汤姆猫开发 

1.3 相信大多数人都玩过这个小游戏,其实这就是一个动画,而动画就是由多个图片连在一起播放的,最后看起来就是动画了。

1.4 知道了动画的原理,那就好办了,我们再来导入按键相对应的动画组图片,这些都图片我们现在不保存在images.xcassets里面了,

 我们现在都保存在项目Supporting Files里面,和上面一样直接把图片文化拉进来就可以,如下图:

  IOS04 汤姆猫开发

这个Animations文件夹里面就是所以动画要用的图片了,Animations文件夹里面又对应很多子文件夹,

这里每个子文件夹都对应该界面一个按键事件所要操作的动画,如下图:

IOS04 汤姆猫开发

1.5 上图中在Angry文件夹中有81张图片,把这个文件夹的图片一起连着播放 ,就是汤姆猫倒地的一个动画了,别的文件夹同理。

2.1 项目创建和图片加载完后,就开始设计界面了,界面放一个UIimage,把屏幕占满,设置image属性,在项目中找一个汤姆猫开始的图片。

 然后再在界面放11个Button按键用来做11个动画事件,放一个透明的Button在头上,和一个透明Button在肚子下面,两个透明Button在两个脚上,和一个透明有Button在尾巴上, 然后每个6个看得见动画Button按键设置对应的image属性,透明的按键这里看不到,界面如下图。

IOS04 汤姆猫开发

 3.1 这里的界面没有做多的设置,界面设计完成以后,然后就对应页面11个按键创建11个点击事件,然后再创建一个界面UIimage属性,如下。

#import "ViewController.h"

@interface ViewController ()

// 点头事件
- (IBAction)Kuockout;
//点肚子事件
- (IBAction)stomach;
//点左脚事件
- (IBAction)footLeft;
//点右脚事件
- (IBAction)footRight;
//点尾巴事件
- (IBAction)angry;
//点拉巴事件
- (IBAction)cambal;
//喝奶事件
- (IBAction)drink;
//点小鸟事件
- (IBAction)eat;
//放屁事件
- (IBAction)fart;
//
- (IBAction)pie;
//抓子事件
- (IBAction)csrotch;
//界面图片属性
@property (weak, nonatomic) IBOutlet UIImageView *tom;

@end
View Code

相关文章:

  • 2021-10-10
  • 2021-06-25
  • 2021-08-29
  • 2021-10-19
  • 2022-12-23
  • 2022-12-23
  • 2019-09-29
  • 2021-11-28
猜你喜欢
  • 2021-05-05
  • 2022-01-10
  • 2021-11-08
  • 2021-07-22
  • 2022-12-23
  • 2021-08-05
相关资源
相似解决方案