美文网首页iOS
iOS-CATransform3D动画

iOS-CATransform3D动画

作者: 和谐共处 | 来源:发表于2016-12-21 16:41 被阅读16次
声明属性
@property (nonatomic,strong) UIView *cicleView;
构建界面
- (void)transform3dAnimation{
    CGFloat width = self.view.bounds.size.width-100;
    _cicleView = [[UIView alloc]initWithFrame:CGRectMake(50, 80, width, width)];
    [self.view addSubview:_cicleView];
    _cicleView.clipsToBounds = YES;
    _cicleView.layer.cornerRadius = width/2;
    UIColor *color = [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1.0];
    _cicleView.backgroundColor = [color colorWithAlphaComponent:1.0 ];
    UILabel *lab = [[UILabel alloc]init];
    lab.frame = CGRectMake((width-width/2)/2, (width-30)/2, width/2, 30);
    lab.font = [UIFont systemFontOfSize:30];
    lab.textAlignment = NSTextAlignmentCenter;
    lab.text = @"30000步";
    [_cicleView addSubview:lab];
    
    UISlider *slider = [[UISlider alloc]initWithFrame:CGRectMake(40, CGRectGetMaxY(_cicleView.frame)+30, 300, 30)];
    [self.view addSubview:slider];
    [slider addTarget:self action:@selector(changeValue:) forControlEvents:UIControlEventValueChanged];
}
添加动画
- (void)changeValue:(UISlider *)slider{
    
    CATransform3D t3d = CATransform3DIdentity;
    t3d = CATransform3DRotate(t3d, slider.value*M_PI_2, 1, 0, 0);
    t3d = CATransform3DScale(t3d, slider.value*0.15+1, 1, 1);
    _cicleView.layer.transform = t3d;
    _cicleView.alpha = 1-slider.value;
    
}
Paste_Image.png

相关文章

  • iOS-CATransform3D动画

    声明属性 构建界面 添加动画

  • iOS-CATransform3D的转场动画

  • Android回顾--(十六) 动画简析

    动画: 补间动画(Tween动画) 帧动画(Frame动画) 属性动画(Property动画) 补间动画 特点: ...

  • 在山西太原,做个二维动画需要哪些制作流程?

    二维动画有哪些类型? flash动画,课件动画,mg动画,ae动画,GIF动画,手绘动画,网页动画,企业动画,宣传...

  • Android 动画

    【Android 动画】 动画分类补间动画(Tween动画)帧动画(Frame 动画)属性动画(Property ...

  • 动画学习

    动画 分为 组动画,属性动画,渐变动画,其中属性动画包括 普通动画和关键帧动画,其他动弹动画,动画层分为 pres...

  • Android动画

    Android动画分类: 视图动画:补间动画、逐帧动画 属性动画 视图动画 补间动画 可以在xml中定义动画,然后...

  • iOS动画

    iOS动画-从UIView动画说起iOS动画-Transform和KeyFrame动画iOS动画-layout动画...

  • Android动画之视图动画

    分类 Android动画主要包括视图动画和属性动画。视图动画包括Tween动画和Frame动画。Tween动画又包...

  • Android 动画

    android动画分为三种 帧动画,视图动画(补间动画),属性动画逐帧动画 视图动画 属性动画 Window和A...

网友评论

    本文标题:iOS-CATransform3D动画

    本文链接:https://www.haomeiwen.com/subject/hxbqvttx.html