iOS TranslationZoom(平移 缩放 弹性)~demo
//联系人:石虎 QQ: 1224614774昵称:嗡嘛呢叭咪哄
/**
注意点: 1.看 GIF 效果图.
2.看连线视图的效果图.
3.看实现代码(直接复制实现效果).
*/
一、GIF 效果图:
二、连线视图的效果图:
图1:
三、实现代码:
=========================
===================================================
==========================控制器1: ViewController.m
//
// ViewController.m
// TranslationZoom(平移缩放弹性)~demo
//
// Created by 石虎 on 2017/8/19.
// Copyright © 2017年 shihu. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()
@property (nonatomic,strong)UIImageView *testView;
@end
@implementation ViewController
- (void)viewDidLoad {
[superviewDidLoad];
//创建移动视图
_testView=[[UIImageViewalloc] init];
_testView.frame=CGRectMake(0,200, 100,100);
_testView.backgroundColor=[UIColororangeColor];
[self.viewaddSubview:_testView];
//创建功能按钮
NSArray *array=@[@"缩放",@"弹性",@"平移"];
for (int i =0; i<array.count; i++) {
UIButton *btn=[UIButtonbuttonWithType:UIButtonTypeCustom];
btn.frame=CGRectMake(10+60*i,500, 50,40);
btn.tag=i+1;
btn.backgroundColor=[UIColorredColor];
[btn setTitle:array[i]forState:UIControlStateNormal];
[btn setTitleColor:[UIColorblackColor] forState:UIControlStateNormal];
[btn addTarget:selfaction:@selector(startAnimation:)forControlEvents:UIControlEventTouchUpInside];
[self.viewaddSubview:btn];
}
}
#pragma mark - 缩放弹性平移功能回调
-(void)startAnimation:(UIButton *)btn{
_testView.transform=CGAffineTransformIdentity;
switch (btn.tag) {
case1://缩放
{
[UIViewanimateWithDuration:0delay:0options:UIViewAnimationOptionCurveEaseInOutanimations:^{
[_testView.layersetValue:@(0.1)forKeyPath:@"transform.scale"];
} completion:^(BOOL finished) {
[UIViewanimateWithDuration:0.23delay:0options:UIViewAnimationOptionCurveEaseInOutanimations:^{
[_testView.layersetValue:@(1.2)forKeyPath:@"transform.scale"];
} completion:^(BOOL finished) {
[UIViewanimateWithDuration:0.09delay:0.02options:UIViewAnimationOptionCurveEaseInOutanimations:^{
[_testView.layersetValue:@(.9)forKeyPath:@"transform.scale"];
} completion:^(BOOL finished) {
[UIViewanimateWithDuration:0.05delay:0.02options:UIViewAnimationOptionCurveEaseInOutanimations:^{
[_testView.layersetValue:@(1.0)forKeyPath:@"transform.scale"];
} completion:^(BOOL finished) {
}];
}];
}];
}];
[UIViewanimateWithDuration:.3delay:0options:UIViewAnimationOptionCurveEaseInOutanimations:^{
[btn.layersetValue:@(1.3)forKeyPath:@"transform.scale"];
} completion:^(BOOL finished) {
[UIViewanimateWithDuration:.3delay:0options:UIViewAnimationOptionCurveEaseInOutanimations:^{
[btn.layersetValue:@(1.0)forKeyPath:@"transform.scale"];
} completion:^(BOOL finished) {
}];
}];
}
break;
case2://弹性
{
//Damping 弹性，0-1，越小弹性越大
//Velocity 弹性复位速度
[_testView.layersetValue:@(0)forKeyPath:@"transform.translation.x"];
[UIViewanimateWithDuration:.6delay:0usingSpringWithDamping:.3initialSpringVelocity:.5options:UIViewAnimationOptionCurveEaseInOutanimations:^{
[_testView.layersetValue:@(150)forKeyPath:@"transform.translation.x"];
} completion:^(BOOL finished) {
}];
}
break;
case3://平移
{
[_testView.layersetValue:@(50)forKeyPath:@"position.x"];
[UIViewanimateWithDuration:1.3animations:^{
[_testView.layersetValue:@(150)forKeyPath:@"position.x"];
} completion:^(BOOL finished) {
}];
}
break;
default:
break;
}
}
@end
================
=======