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