iOS 高仿《掌上生活》app 动画

前几天突然看到了招商银行的《掌上生活》app ，看到她的首页的动画还有点意思，然后我就模仿写了一个高仿的掌上生活。

具体用到了重力感应和CABasicAnimation方法：

代码如下：

#import "ViewController.h"#import <QuartzCore/QuartzCore.h> #define Accelerometer_Notice_Windage  0.03#define DegreesToRadians(x) (M_PI * x / 180.0)@interface ViewController (){    UIView *rightDown;    UIView *leftdown;    UIView *rightUp;    UIView *leftup;        float lastAccelerationX;    float lastAccelerationY;    float lastAccelerationZ;        NSMutableArray* animationViewArray;}@end@implementation ViewController- (void)viewDidLoad{    [super viewDidLoad];// Do any additional setup after loading the view, typically from a nib.          [[UIAccelerometer sharedAccelerometer] setDelegate:self];      lastAccelerationX=0;      lastAccelerationY=0;      lastAccelerationZ=0;      animationViewArray=[[NSMutableArray alloc]init];        self.view.backgroundColor=[UIColor colorWithPatternImage:[UIImage imageNamed:@"bg.png"]];    UIImageView *headerBG=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 320, 46)];    headerBG.image=[UIImage imageNamed:@"navigation.png"];    headerBG.userInteractionEnabled=YES;    [self.view   addSubview:headerBG];    [headerBG release];            UIImageView *cmblogo=[[UIImageView alloc]initWithFrame:CGRectMake(10, 10, 88, 26)];    cmblogo.image=[UIImage imageNamed:@"logo.png"];    [headerBG   addSubview:cmblogo];    [cmblogo release];            UIImageView *titleimage=[[UIImageView alloc]initWithFrame:CGRectMake(110, 10, 93, 26)];    titleimage.image=[UIImage imageNamed:@"font.png"];    [headerBG   addSubview:titleimage];    [titleimage release];            UIButton *loginbutton=[UIButton buttonWithType:UIButtonTypeCustom];    loginbutton.frame=CGRectMake(260,6, 50, 36);    [loginbutton setBackgroundImage:[UIImage imageNamed:@"btm_nav.png"] forState:UIControlStateNormal];    [loginbutton setBackgroundImage:[UIImage imageNamed:@"btm_nav.png"] forState:UIControlStateNormal];    [loginbutton addTarget:self action:@selector(doanimation) forControlEvents:UIControlEventTouchUpInside];    [loginbutton setTitle:@"登录" forState:UIControlStateNormal];    [loginbutton setTitle:@"登录" forState:UIControlStateHighlighted];    [headerBG addSubview:loginbutton];        //便利生活view设置    leftdown=[[UIImageView alloc]initWithFrame:CGRectMake(16,45,122,258)];    leftdown.backgroundColor=[UIColor clearColor];    [self.view addSubview:leftdown];    [animationViewArray addObject:leftdown];    [leftdown release];            UIImageView *bianliImageButton=[[UIImageView alloc]initWithFrame:CGRectMake(5,164,122,91)];    bianliImageButton.image=[UIImage imageNamed:@"note_bl.png"];    [leftdown   addSubview:bianliImageButton];    [bianliImageButton release];        UIImageView *bianlishenghuoImage=[[UIImageView alloc]initWithFrame:CGRectMake(60,0,10, 175)];    bianlishenghuoImage.image=[UIImage imageNamed:@"rope_lang-.png"];    [leftdown   addSubview:bianlishenghuoImage];    [bianlishenghuoImage release];            //帐单还款view设置    leftup=[[UIImageView alloc]initWithFrame:CGRectMake(48,45,122,148)];    leftup.backgroundColor=[UIColor clearColor];    [self.view addSubview:leftup];    [animationViewArray addObject:leftup];    [leftup release];            UIImageView *zhangdanImageButton=[[UIImageView alloc]initWithFrame:CGRectMake(1,56,125,91)];    zhangdanImageButton.image=[UIImage imageNamed:@"note_cx.png"];    [leftup addSubview:zhangdanImageButton];    [zhangdanImageButton release];        UIImageView *zhangdanhaikuanImage=[[UIImageView alloc]initWithFrame:CGRectMake(60,0,10, 70)];    zhangdanhaikuanImage.image=[UIImage imageNamed:@"rope.png"];    [leftup   addSubview:zhangdanhaikuanImage];    [zhangdanhaikuanImage release];      //用卡服务view设置    rightDown=[[UIImageView alloc]initWithFrame:CGRectMake(160,45,122,251)];    rightDown.backgroundColor=[UIColor clearColor];    [self.view addSubview:rightDown];     [animationViewArray addObject:rightDown];    [rightDown release];            UIImageView *yongkaImageButton=[[UIImageView alloc]initWithFrame:CGRectMake(5,163,122,90)];    yongkaImageButton.image=[UIImage imageNamed:@"note_zs_a.png"];    [rightDown   addSubview:yongkaImageButton];    [yongkaImageButton release];        UIImageView *fuwuImage=[[UIImageView alloc]initWithFrame:CGRectMake(60,0,10,175)];    fuwuImage.image=[UIImage imageNamed:@"rope_lang-.png"];    [rightDown   addSubview:fuwuImage];    [fuwuImage release];         //缤纷优惠view设置    rightUp=[[UIImageView alloc]initWithFrame:CGRectMake(180,45,122,148)];    rightUp.backgroundColor=[UIColor clearColor];    [self.view addSubview:rightUp];    [animationViewArray addObject:rightUp];    [rightUp release];        UIImageView *bfImageButton=[[UIImageView alloc]initWithFrame:CGRectMake(2,60,125,88)];    bfImageButton.image=[UIImage imageNamed:@"note_bf.png"];    [rightUp  addSubview:bfImageButton];    [bfImageButton release];        UIImageView *youhuiImage=[[UIImageView alloc]initWithFrame:CGRectMake(58,0,10, 70)];    youhuiImage.image=[UIImage imageNamed:@"rope_lang-.png"];    [rightUp  addSubview:youhuiImage];    [youhuiImage release];      UIImageView *arrowImage=[[UIImageView alloc]initWithFrame:CGRectMake(0,44,320, 19)];    arrowImage.image=[UIImage imageNamed:@"arrowall2.png"];    [self.view   addSubview:arrowImage];    [arrowImage release];    } -(void)doanimation{        NSArray* tempXPoint=[[NSArray alloc]initWithObjects:@"77",@"109",@"221",@"241",nil];        for (int i=0; i<[animationViewArray count]; i++){                [self doWiggle:[animationViewArray objectAtIndex:i]  startPoint:[tempXPoint objectAtIndex:i]];    }        [tempXPoint release];}-(void)doWiggle:(UIView *)touchView startPoint:(NSString *)string{        CALayer *touchedLayer = [touchView layer];    float xpoint=[string floatValue];    const CGFloat boneScale = 1;    CATransform3D scale = CATransform3DMakeScale(boneScale , boneScale, 1);        touchedLayer.position = CGPointMake(xpoint,45);touchedLayer.anchorPoint = CGPointMake(0.5, 0.0);    touchedLayer.bounds = CGRectMake(0,0,122,88);    touchedLayer.transform = scale;    CABasicAnimation* r1 = [CABasicAnimation animationWithKeyPath:@"transform"];    CATransform3D rot1 = CATransform3DMakeRotation(0.5, 0,0,1);    rot1 = CATransform3DConcat(rot1, touchedLayer.transform);    r1.toValue = [NSValue valueWithCATransform3D:rot1];    r1.autoreverses = YES;    r1.repeatCount = NO;    r1.duration = 0.5;    r1.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];    [touchedLayer addAnimation:r1 forKey:nil]; }#pragma mark -#pragma mark UIAccelerometerDelegate -(void)accelerometer:(UIAccelerometer *)accelerometer didAccelerate:(UIAcceleration *)acceleration { //    NSLog(@"==%f,%f", acceleration.x,lastAccelerationX);//    NSLog(@"%f",ABS(lastAccelerationX-acceleration.x));        if( ABS(lastAccelerationX-acceleration.x)>Accelerometer_Notice_Windage &&       ABS(lastAccelerationY-acceleration.y)>Accelerometer_Notice_Windage &&       ABS(lastAccelerationZ-acceleration.z)>Accelerometer_Notice_Windage )    {        NSLog(@"asdfasf");        [self doanimation];    }    lastAccelerationX=acceleration.x;    lastAccelerationY=acceleration.y;    lastAccelerationZ=acceleration.z; }

效果：

效果：

效果：

源代码下载

其他功能还在完善，敬请期待！