IOS学习02简单动画

//
//  ViewController.m
//  动画-1
//
//  Created by 徐周 on 15-5-27.
//  Copyright (c) 2015年 ___FULLUSERNAME___. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()
//定义一个点击事件，这个事件同事连线界面上4个上下左右按键
//就是说界面上4个方向键的点击事件都用这一个方法来实现
-(IBAction)top:(UIButton *)btn;

//定义变大事件，关连变大按键
-(IBAction)big;

//定义变小事件，关连变小按键
-(IBAction)small;

//定义图片属性，做来控制图片属性
@property(weak,nonatomic) IBOutlet UIButton *head;
@end

@implementation ViewController

//方向点击事件，传入当前点击按键的UIButton的值，来判断点击的是哪个方向键。
-(IBAction)top:(UIButton *)btn
{
    //找到界面上图片的frame,因为frame属性是不能直接设置的
    //只能先赋值给CGRect来保存
    
    CGRect tempFrame=self.head.frame;
    
    //设置图片要移动的距离，这里设置成10，就是每点一次方向键，变化10个点
    int btns=10;
    // 判断当前点击的按键的tag的值就可以知道当前点击的是哪个方向键
    //10上，20左，30右，40，下
    //tempFrame.origin.y,这里就是指的当前图片Y坐标，国为在IOS中界面就是用Y和X来指名坐标的。
    //这样我们找到了当前图片Y和X坐标后就好办了，我们设置Y坐标-10，那么图片就会向界面的上面移动10点了
    //同理，上下左右都一样了。
    switch (btn.tag) {
        case 10:
            tempFrame.origin.y-=btns;
            break;
        case 20:
            tempFrame.origin.x-=btns;
            break;
        case 30:
            tempFrame.origin.x+=btns;
            break;
        case 40:
            tempFrame.origin.y+=btns;
        default:
            break;
    }
    // 设置完了图片的坐标后，我们再把CGRect的变量empFrame赋值给图片。这样，图片在界面的位置变了。
    self.head.frame=tempFrame;
}
//变大按键
-(IBAction)big
{
    //和上面同理，只能先赋值给CGRect来保存
    CGRect temFrame=self.head.frame;
    
    //因为这里是变大，所以变是设置size.width和size.height属性了，
    //我想做开发都应该知道这两个属性的作用
    temFrame.size.width+=20;
    temFrame.size.height+=20;
    //同时我们还要设置下图片的坐标，因为如果Y和X坐标不变动，程序运动起来就会一直向下和右变大
    //这是因为我们图片的Y和X坐标一直没有动过，所以图片只能向下和右变动，所以为了看起来好像，要同时设置下，当前属性的Y和X坐标
    temFrame.origin.x-=10;
    temFrame.origin.y-=10;
    self.head.frame=temFrame;
}
//变小按键，代码同上，不用说明了
-(IBAction)small
{
    CGRect temFrome=self.head.frame;
    
    temFrome.size.width-=20;
    temFrome.size.height-=20;
    temFrome.origin.x+=10;
    temFrome.origin.y+=10;
   
    
    self.head.frame=temFrome;
}
@end