IOS(二)基本控件UIButton、简易动画、transform属性、UIImageView

UIButton

//1.设置UIButton 的左右移动
 .center属性 获得 CGPoint 来修改x y
//1.设置UIButton 的放大缩小
  bounds属性 获得CGRect 然后通过size.height设置高 wight设置宽
   //3.或者使用frame 来设置空间的 移动以及大小

代码创建一个UIButton

    // 1.创建一个按钮
    UIButton *btn = [[UIButton alloc] init];
    
    // 2.添加按钮
    [self.view addSubview:btn];
    
    // 3.设置按钮的frame
    btn.frame = CGRectMake(100, 100, 100, 100);
    
    // 4.给按钮的默认状态和高亮状态设置背景图片
    [btn setBackgroundImage:[UIImage imageNamed:@"btn_01"] forState:UIControlStateNormal];
    [btn setBackgroundImage:[UIImage imageNamed:@"btn_02"] forState:UIControlStateHighlighted];
    
    // 5.给按钮的默认状态和高亮状态分别设置文字和文字的颜色
    [btn setTitle:@"点我啊" forState:UIControlStateNormal];
    [btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
    
    [btn setTitle:@"摸我干啥" forState:UIControlStateHighlighted];
    [btn setTitleColor:[UIColor blueColor] forState:UIControlStateHighlighted];

    // 6.给按钮添加一个点击事件，监控按钮的点击
    [btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];



- (void)btnClick:(UIButton *)btn
{
    NSLog(@"btnClick");
}

简易动画

//简易动画的创建有两种方式
//1.头尾式
    [UIView beginAnimations : nil context:nil];//开启动画
    [UIView setAnimationDuration:1];//设置动画执行时间
            //这里写入需要执行动画的代码
    [UIView commitAnimations];//提交动画

//2.Block式
    [UIView animateWithDuration: 0.5 animations:^{

           //这里写入一个需要执行的动画代码
    }];

 transform

//利用transform 可以修改空间的位移(位置)、缩放、旋转

//创建一个transform属性
CGAffineTransform CGAffineTransformMakeTranslation(CGFloat tx,  CGFloat ty) ;
CGAffineTransform CGAffineTransformMakeScale(CGFloat sx, CGFloat sy);
CGAffineTransform CGAffineTransformMakeRotation(CGFloat angle)
(注意：angle是弧度制，并不是角度制)

//在某个transform的基础上进行叠加
CGAffineTransform CGAffineTransformTranslate(CGAffineTransform t, CGFloat tx, CGFloat ty);
CGAffineTransform CGAffineTransformScale(CGAffineTransform t, CGFloat sx, CGFloat sy);
CGAffineTransform CGAffineTransformRotate(CGAffineTransform t, CGFloat angle);

//清空之前设置的transform属性
view.transform = CGAffineTransformIdentity;

例如：

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIButton *btnIcon;
// 移动
- (IBAction)move;

// 旋转
- (IBAction)rotate;

// 缩放
- (IBAction)scale;
- (IBAction)goBack:(id)sender;

@end

- (IBAction)move {
    
    // 2. 修改结构体值
    // 下面这句话的意思是:告诉控件, 平移到距离原始位置-50的位置
    //self.btnIcon.transform = CGAffineTransformMakeTranslation(0, -50); // 向上平移
    
    // 基于一个旧的值, 在进行平移
    // 基于现有的一个值, 再进行平移
    self.btnIcon.transform = CGAffineTransformTranslate(self.btnIcon.transform, 0, 50);
}

- (IBAction)rotate {
    // 45°
    //self.btnIcon.transform = CGAffineTransformMakeRotation(-M_PI_4);
    
    [UIView animateWithDuration:2.5 animations:^{
        self.btnIcon.transform = CGAffineTransformRotate(self.btnIcon.transform, -M_PI_4);
        self.btnIcon.transform = CGAffineTransformTranslate(self.btnIcon.transform, 0, 50);
        self.btnIcon.transform = CGAffineTransformScale(self.btnIcon.transform, 1.5, 1.5);
    }];
    
}

// 缩放
- (IBAction)scale {
    //self.btnIcon.transform = CGAffineTransformMakeScale(0.5, 0.5);
    self.btnIcon.transform = CGAffineTransformScale(self.btnIcon.transform, 1.5, 1.5);
}

// 让控件回到原始的位置
- (IBAction)goBack:(id)sender {
    self.btnIcon.transform = CGAffineTransformIdentity;
}
@end

 UIImageView

利用一个小案例来说明image的属性
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *imgViewCat;

- (IBAction)drink;


- (IBAction)fart;

- (IBAction)knockout;


@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
// 喝牛奶的动画
- (IBAction)drink {
    
    
    [self startAnimating:81 picName:@"drink"];
}

// 放P
- (IBAction)fart {
   
    [self startAnimating:28 picName:@"fart"];
}


// 敲头
- (IBAction)knockout {
    [self startAnimating:81 picName:@"knockout"];
}




// 执行动画的方法
- (void)startAnimating:(int)count picName:(NSString *)picName
{
    // 如果当前图片框正在执行动画, 那么直接return, 什么都不做（没有开启一个新动画）
    if (self.imgViewCat.isAnimating) {
        return;
    }
    
    // 1. 把图片加载到数组中
    // 0.动态加载图片到一个NSArray中
    NSMutableArray *arrayM = [NSMutableArray array];
    
    for (int i = 0; i < count; i++) {
        // 拼接图片名称
        NSString *imgName = [NSString stringWithFormat:@"%@_%02d.jpg", picName, i];
        
        // 根据图片名称加载图片
        // 通过imageNamed: 这种方式加载图片, 加载好的图片会一直保存写在内存中, 不会释放.这样下次如果再使用同样的图片的时候就不需要再重新加载了, 因为内存里面已经有了。缺点就是: 如果加载了大量的图片, 那么这些图片会一直保留在内存中，导致应用程序占用内存过大（这就叫缓存）
        
        // 使用这种方式加载图片, 加载起来的图片即便没有强类型指针引用也不会销毁（会被缓存）
        //UIImage *imgCat = [UIImage imageNamed:imgName];
        
        
        
        
        
        // 使用下面这种方式加载的图片, 只要没有强类型指针引用就会被销毁了
        // 解决： 换一种加载图片的方式, 不要使用缓存
        // 获取图片的完成的路径
        NSString *path = [[NSBundle mainBundle] pathForResource:imgName ofType:nil];
        
        // 这里的参数不能再传递图片名称了, 这里需要传递一个图片的完整路径
        UIImage *imgCat = [UIImage imageWithContentsOfFile:path];
        
        // 把图片加载到数组中
        [arrayM addObject:imgCat];
    }
    
    // 2. 设置UIImageView的animationImages属性为对应的图片集合
    self.imgViewCat.animationImages = arrayM;
    
    // 3. 动画持续时间
    self.imgViewCat.animationDuration = self.imgViewCat.animationImages.count * 0.1;
    
    
    // 4. 重复次数
    self.imgViewCat.animationRepeatCount = 1;
    
    // 5. 启动动画
    [self.imgViewCat startAnimating];
    
    
    // 清空图片集合
    // 这样些写的问题是, 当动画启动以后, 动画还没开始执行, 就已经让图片集合清空了, 也就是说self.imgViewCat.animationImages 里面已经没有图片了, 所以动画就不执行了。
    //self.imgViewCat.animationImages = nil;
    
    
    
    // self.imgViewCat.animationImages = nil; 需要延迟一段时间执行, 当动画执行完毕以后再清空这些图片
    //[self.imgViewCat setAnimationImages:nil];
    
    
    // 设置图片框在调用setAnimationImages:nil方法的时候延迟执行
    [self.imgViewCat performSelector:@selector(setAnimationImages:) withObject:nil afterDelay:self.imgViewCat.animationImages.count * 0.1];
}




@end