UI之imageView

UI编程实现图片动画播放

首先要在工程中添加几张你想要显示出来的图片，之后就可以开始写代码实现动画播放了

#import "MangoView.h"

#define kWidth  self.frame.size.width
#define kHeight self.frame.size.height
@implementation MangoView
//重写init方法，因为本类初始化时，如果子类重写了初始化方法就会执行子类初始化方法
- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {//自定义方法
        [self loadingCustomView];
    }
    return self;
}
- (void)loadingCustomView{
//    创建一个UIImage对象（照片）
    UIImage *image = [UIImage imageNamed:@"55.png"];
    //[NSBundle mainBundle]当前应用程序的主路径
    //pathForResource: ofType:在应用程序当前的主路径下边去寻找资源文件的名字的类型
    NSString *path = [[NSBundle mainBundle] pathForResource:@"7" ofType:@".png"];
    NSLog(@"path = %@",path);
    UIImage *image1 = [[UIImage alloc]initWithContentsOfFile:path];
    
    //创建一个UIImageView对象（相框）
    UIImageView *imageView = [[UIImageView alloc]initWithImage:image1];
    //设置imageView大小  image.size.width图片原来的宽 image.size.height图片原来的高
    //设置图片之后，如果不做任何默认设置图片会缩放到跟imageViewframe一样大小
    imageView.frame = CGRectMake(30, 30,image.size.width/2-180, image.size.height/2);
    //imageView.frame = self.frame;
    

    /*

   UIViewContentModeScaleAspectFit按图片原来的比例压缩

    UIViewContentModeScaleToFil压缩图片，是图片充满imageView，图片会变形
    按原来的比例在填充整个imageView，可能有些部分显示不出来
    UIViewContentModeTop 让图片从顶部开始显示
    UIViewContentModeBottom 让图片从底部开始显示

    UIViewContentModeTopLeft 让图片从顶部和左边开始显示

    */

    
    imageView.contentMode = UIViewContentModeScaleAspectFill;
    [self addSubview:imageView];
    [imageView release];
    
    //图片的用户交互默认是关闭状态，如果想让imageView以及上边的子视图响应用户交互，需要把imageView的userInteractionEnabled属性设置为YES
    NSLog(@"%d",imageView.userInteractionEnabled);
     //使用imageView播放一组图片的动画
    NSMutableArray *imageArray = [NSMutableArray array];
    for (int i = 1; i < 6; i++) {
      //%04d、%0xd 输出x位，如果不足x位的用0来补全
      // 通过for循环创建图片的名字
      NSString *imageString = [NSString stringWithFormat:@"%d.png",i];
      //通过图片名字创建UIImage对象
      UIImage *image = [UIImage imageNamed:imageString];
      //把图片对象添加到数组中
      [imageArray addObject:image];
    }
    //设置将要播放动画的图片数组
    imageView.animationImages = imageArray;
    //设置动画播放时间
    imageView.animationDuration = 2.0;
    //设置动画重复次数
    imageView.animationRepeatCount = 3;
     //播放
    [imageView startAnimating];

}

@end

#import "MangoViewController.h"
#import "MangoView.h"
@interface MangoViewController ()
@end
@implementation MangoViewController
- (void)loadView{
    [super loadView];
//    用自己创建的视图替换掉
    self.view = [[MangoView alloc]initWithFrame:self.view.frame];
}
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end