IOS UI transform 属性

本节重点：

理解 transform 属性

 .  通过 transform  属性 可以对控件进行位移 缩放 扩大 旋转 的操作

 CGAffineTransform CGAffineTransformScale(CGAffineTransform t, CGFloat sx, CGFloat sy)    缩放效果 

CGAffineTransform CGAffineTransformRotate(CGAffineTransform t, CGFloat angle) 旋转效果

动画

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations   

 ios动画效果之一  NSTimeInterval :动画持续时间   animations    需要执行的代码

效果图：



素材打包：

链接：http://pan.baidu.com/s/1gdlFcAn 密码：yp54

代码示例：

//
// SJViewController.m
// 03.tranfromDemo
//
// Created by SJ.abnormal on 15-1-29.
// Copyright (c) 2015年 SJ.abnormal. All rights reserved.
//

#import "SJViewController.h"

typedef enum { //设置tag常量值
kOne = 1,
kTwo,
kThree,
kFour,
kFive,
kSix,
kSeven,
kEight,
kNine
} VALUE_Tag;

@interface SJViewController ()

@end

@implementation SJViewController

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
[self imageViewWithFrame:CGRectMake(100, 100, 100, 100) andTag:kFive andBackgroundImage:@"image"];
[self buttonWithFrame:CGRectMake(20, 350, 35, 35) andTag:kFour andImageNormal:@"left_normal" andImageHeighted:@"left_highlighted"];
[self buttonWithFrame:CGRectMake(90, 350, 35, 35) andTag:kSix andImageNormal:@"right_normal" andImageHeighted:@"right_highlighted"];
[self buttonWithFrame:CGRectMake(55, 315, 35, 35) andTag:kEight andImageNormal:@"top_normal" andImageHeighted:@"top_highlighted"];
[self buttonWithFrame:CGRectMake(55, 385, 35, 35) andTag:kTwo andImageNormal:@"bottom_normal" andImageHeighted:@"bottom_highlighted"];

[self buttonWithFrame:CGRectMake(180, 315, 35, 35) andTag:kSeven andImageNormal:@"left_rotate_normal" andImageHeighted:@"left_highlighted"];
[self buttonWithFrame:CGRectMake(240, 315, 35, 35) andTag:kNine andImageNormal:@"right_rotate_normal" andImageHeighted:@"right_rotate_highlighted"];
[self buttonWithFrame:CGRectMake(180, 375, 35, 35) andTag:kOne andImageNormal:@"minus_normal" andImageHeighted:@"minus_highlighted"];
[self buttonWithFrame:CGRectMake(240, 375, 35, 35) andTag:kThree andImageNormal:@"plus_normal" andImageHeighted:@"plus_highlighted"];
}

#pragma mark - imageView

- (void) imageViewWithFrame: (CGRect) frame andTag:(NSUInteger)index andBackgroundImage: (NSString *) image {

UIImageView *imageView = [[UIImageView alloc]initWithFrame:frame]; //设置控件的坐标与大小
imageView.image = [UIImage imageNamed:image]; //设置控件显示的图像
imageView.tag = index; //设置控件tag值
[self.view addSubview:imageView];
}

#pragma mark - Button

- (void) buttonWithFrame:(CGRect) frame andTag:(NSUInteger)index andImageNormal:(NSString *) normal andImageHeighted:(NSString *) highlighted {

UIButton *btn = [[UIButton alloc]initWithFrame:frame]; //设置控件坐标以及大小
btn.tag = index; //设置位置标识值
[btn setBackgroundImage:[UIImage imageNamed:normal] forState:UIControlStateNormal]; //设置默认状态下的图片
[btn setBackgroundImage:[UIImage imageNamed:highlighted] forState:UIControlStateHighlighted]; //设置高亮(被点击)显示的图片
[btn addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside]; //添加触发事件
[self.view addSubview:btn]; //添加到主视图上

}

#pragma mark - ButtonClick

- (void) buttonClick:(UIButton *) btn {
int index = btn.tag; // 取出tag值
UIImageView *imageview = (UIImageView *)[self.view viewWithTag:kFive]; //取出指定tag值的子视图
CGPoint center = imageview.center; //取出imageVew的center 因为OC中不允许直接修改对象结构体属性的成员

if (index % 2) {
[self buttonRotation:index andImageView:imageview];
}else {
[self buttonMblie:index andImageView:imageview andFrame:center];
}

}
#pragma mark - buttonMblie isAnimating
- (void) buttonMblie:(NSUInteger) index andImageView:(UIImageView *)imageview andFrame: (CGPoint) center {

switch (index) {
break;
case kTwo:
center.y += 50;
break;
case kFour:
center.x -= 50;
break;
case kSix:
center.x += 50;
break;
case kEight:
center.y -= 50;
break;
default:
break;
}
//动画语句 animateWithDuration 动画持续事件 block语语句块内 是要执行的动漫的代码
[UIView animateWithDuration:2 animations:^{
imageview.center = center;
}];

}

#pragma mark - buttonRotation
- (void) buttonRotation:(NSUInteger) index andImageView:(UIImageView *)imageview {
//动画语句 animateWithDuration 动画持续事件 block语语句块内 是要执行的动漫的
[UIView animateWithDuration:2 animations:^{
switch (index) {
break;
case kOne:
imageview.transform =CGAffineTransformScale(imageview.transform, 0.9, 0.9);
break;
case kThree:
imageview.transform =CGAffineTransformScale(imageview.transform, 1.5, 1.5);
break;
case kSeven:
imageview.transform =CGAffineTransformRotate(imageview.transform, -M_PI_4);
break;
case kNine:
imageview.transform =CGAffineTransformRotate(imageview.transform, M_PI_4);
break;
default:
break;
}
}];

}
@end