iOS 每日一记之———————————————仿QQ语音通话隐藏显示效果

最近狼人杀要做缩小效果 缩小的效果就和QQ语音聊天点击收起的动态特效是一样的 。。。。。

恩 闲话少说 直接上代码 。。。

#pragma mark  -- CA缩小动画效果

- (void)animateDismissTransition:(UIView *)view rect:(CGRect)endRect{

    // 1.获取动画缩放结束时的圆形

    UIBezierPath *endPath = [UIBezierPath bezierPathWithOvalInRect:endRect];

    // 2.获取动画缩放开始时的圆形

    CGSize startSize = CGSizeMake(view.frame.size.width * 0.5, view.frame.size.height - ((SCREEN_WIDTH/7.0)/2));

    CGFloat radius = sqrt(startSize.width * startSize.width + startSize.height * startSize.height);

    CGRect startRect = CGRectInset(endRect, -radius, -radius);

    UIBezierPath *startPath = [UIBezierPath bezierPathWithOvalInRect:startRect];

    

    // 3.创建shapeLayer作为视图的遮罩

    CAShapeLayer *shapeLayer = [CAShapeLayer layer];

    shapeLayer.path = endPath.CGPath;

    view.layer.mask = shapeLayer;

    self.shapeLayer = shapeLayer;

    

    // 添加动画

    CABasicAnimation *pathAnimation = [CABasicAnimation animationWithKeyPath:@"path"];

    pathAnimation.fromValue = (id)startPath.CGPath;

    pathAnimation.toValue = (id)endPath.CGPath;

    pathAnimation.duration = 0.8;

    pathAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

    pathAnimation.delegate = self;

    pathAnimation.removedOnCompletion = NO;

    pathAnimation.fillMode = kCAFillModeForwards;

    [shapeLayer addAnimation:pathAnimation forKey:@"packupAnimation"];

}

view是在做动画的那个View   endRect 是你结束之后的坐标位置

我的View 其实就是我最外层的window

接下来是window的拖拽事件

//window的拖拽手势

- (void)panClick:(UIPanGestureRecognizer*)pan{

    if (!_small) {

        return;

    }

    UIApplication *myApplication = [UIApplication sharedApplication];

    UIWindow *myKeyWindow = myApplication.keyWindow;

    for (UIWindow *showWindow in myApplication.windows) {

        if (![showWindow isKindOfClass:NSClassFromString(@"UITextEffectsWindow")]) {

            myKeyWindow = showWindow;

            CGPoint point = [pan locationInView:myKeyWindow];

            CGFloat distance = WCX_SCALE_SCREEN_Height(27);  // 离四周的最小边距

            if (pan.state == UIGestureRecognizerStateEnded) {

                if (point.y <= distance) {

                    point.y = distance;

                    } else if(point.y >= [UIScreen mainScreen].bounds.size.height - distance){

                    point.y = [UIScreen mainScreen].bounds.size.height - distance;

                }else if (point.x <= [UIScreen mainScreen].bounds.size.width/2.0) {

                    point.x = distance;

                    } else{

                    point.x = [UIScreen mainScreen].bounds.size.width - distance;

                }

                [UIView animateWithDuration:0.5 animations:^{

                    pan.view.center = point;

                }];

            } else{

                pan.view.center = point;

                }

            windowEndRect = pan.view.frame;

            smallViewEndRect = windowEndRect;

        }

    }

}

最后是单击window的放大事件。。。。

#pragma mark  -- CA放大动画

- (void)CATapClick{

    AppDelegate *deleage = (AppDelegate *)[UIApplication sharedApplication].delegate;

    [UIView animateWithDuration:1.0 animations:^{

      

    } completion:^(BOOL finished) {

        //deleage.gameWindow.bounds = [UIScreen mainScreen].bounds;

        //deleage.gameWindow.frame = deleage.gameWindow.bounds;

        //deleage.gameWindow.layer.cornerRadius =0;

        //deleage.gameWindow.layer.masksToBounds = YES;

        // 1.获取动画缩放开始时的圆形

        CGRect rect;

        if (windowEndRect.size.height == 0){

            rect = smallViewEndRect;

        } else{

            rect = windowEndRect;

        }

        UIBezierPath *startPath = [UIBezierPath bezierPathWithOvalInRect:rect];

        // 2.获取动画缩放结束时的圆形

        CGSize endSize = CGSizeMake(deleage.gameWindow.frame.size.width * 0.5, deleage.gameWindow.frame.size.height);

        CGFloat radius = sqrt(endSize.width * endSize.width + endSize.height * endSize.height);

        CGRect endRect = CGRectInset(rect, -radius, -radius);

        UIBezierPath *endPath = [UIBezierPath bezierPathWithOvalInRect:endRect];

        // 3.创建shapeLayer作为视图的遮罩

        CAShapeLayer *shapeLayer = [CAShapeLayer layer];

        shapeLayer.path = endPath.CGPath;

        deleage.gameWindow.layer.mask = shapeLayer;

        self.shapeLayer = shapeLayer;

        // 添加动画

        CABasicAnimation *pathAnimation = [CABasicAnimation animationWithKeyPath:@"path"];

        pathAnimation.fromValue = (id)startPath.CGPath;

        pathAnimation.toValue = (id)endPath.CGPath;

        pathAnimation.duration = 0.8;

        pathAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

        pathAnimation.delegate = self;

        pathAnimation.removedOnCompletion = NO;

        pathAnimation.fillMode = kCAFillModeForwards;

        [shapeLayer addAnimation:pathAnimation forKey:@"showAnimation"];

    }];

}

appdelegate 不需多言了吧 gameWindow就是狼人杀所在的window。。。。恩 这样就行了