咻一咻的简单实现

作者: MiracleGl | 来源:发表于2017-01-10 19:50 被阅读281次

咻一咻的简单实现
咻一咻动画的实现
咻···咻···咻···
咻咻咻
咻咻咻 duang
咻咻
咻咻咻的涵涵宝
这么跳，我造吗？
炉卡咻炉卡咻
UIView

先在storyboard中设置view的背景颜色
在viewDidLoad中创建按钮UI布局如下：

- (void)setupUI{
    //1.创建一个按钮
    UIButton *button = [[UIButton alloc]init];
    
    //2.设置按钮的属性
    [button setBackgroundImage:[UIImage imageNamed:@"alipay_msp_op_success"] forState:UIControlStateNormal];
    
    [button sizeToFit];
    
    button.center = self.view.center;
    
    [button addTarget:self action:@selector(startXiuXiu:) forControlEvents:UIControlEventTouchUpInside];
    
    //3.把按钮添加到父控件上显示
    [self.view addSubview:button];
    
    [self circleView];
    
}

点击按钮循环扩散圆并逐渐透明

- (void)startXiuXiu:(UIButton *)sender{
    sender.enabled = NO;
    
    __block NSInteger count = 0;
    
    for (NSInteger i = 0; i<8; i++) {
        UIView *circleView = [self circleView];
        
        circleView.backgroundColor = [UIColor colorWithRed:70 / 255.0 green:105 / 255.0 blue:146 / 255.0 alpha:1.0];
        
        [UIView animateWithDuration:8 delay:i options:0 animations:^{
            circleView.transform = CGAffineTransformMakeScale(8, 8);
            //设置透明度
            circleView.alpha = 0;
        } completion:^(BOOL finished) {
            //动画结束以后执行的操作
            [circleView removeFromSuperview];
            
            count ++;
            if (count == 7) {
                sender.enabled = YES;
            }
        }];
    }
    
}

补充：创建圆的方法

- (UIView *)circleView{
    //创建一个圆形的视图
    UIView *circleView = [[UIView alloc]init]; 
    circleView.center = self.view.center;
    circleView.bounds = CGRectMake(0, 0, 100, 100);
    //    circleView.frame = CGRectMake(0, 0, 100, 100);
    
    //切一个圆形的视图。圆角半径等于宽高的一半
    circleView.layer.cornerRadius = 50;
    
    //给一个自定义的颜色
    circleView.backgroundColor = [UIColor colorWithRed:85/255.0 green:166/255.0 blue:238/255.0 alpha:1];
    
    //    [self.view addSubview:circleView];
    [self.view insertSubview:circleView atIndex:0];
    
    return circleView;
}

这就完成了简单实现！