效果圖

網易新聞評論圖

仿圖

實現思路

1.鍵盤彈出事件
2.UIVisualEffectView作為背景圖

核心程式碼

1.鍵盤彈出事件監聽
新增通知監聽

 [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(keyboardWillShow:)
                                                 name:UIKeyboardWillShowNotification
                                               object:nil]
 
;

實現 keyboardWillShow 方法(獲取鍵盤高度然後針對 View 進行調整 )

 CGRect keyboardBounds;
    [[notification.userInfo valueForKey:UIKeyboardFrameEndUserInfoKey] getValue:&keyboardBounds];
    NSLog(@"keyboadr  %@",NSStringFromCGRect(keyboardBounds));
    int  keyBoardHeight=keyboardBounds.size.height;
    NSNumber
 
 *duration = [notification.userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey];
    NSNumber *curve = [notification.userInfo objectForKey:UIKeyboardAnimationCurveUserInfoKey];
    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationBeginsFromCurrentState:YES];
    [UIView setAnimationDuration:[duration doubleValue]];
    [UIView
 
 setAnimationCurve:[curve intValue]];

        dialogView.center=CGPointMake(ScreenWidth/2, ScreenHeight-keyBoardHeight-DialogViewHeight/2);
    NSLog(@"dialogView  frame %@",NSStringFromCGRect(dialogView.frame));
    NSLog(@"comment  frame %@",NSStringFromCGRect(commentView.frame));
    [UIView commitAnimations];

建立模糊圖層

    UIView *maskView;
    double version = [[UIDevice currentDevice].systemVersion doubleValue];
    if (version >= 8.0f) {

        UIBlurEffect *blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
        maskView = [[UIVisualEffectView alloc] initWithEffect:blur];
        ((UIVisualEffectView *)maskView).frame = self.view.bounds;

    }else if(version >= 7.0f){

        maskView = [[UIToolbar alloc] initWithFrame:self.view.bounds];
        ((UIToolbar *)maskView).barStyle = UIBarStyleDefault;

    }

總結

整個例子非常簡單,模糊效果 IOS8 及以上 可以使用UIVisualEffectView 就可以實現官方的模糊效果. IOS 7 以上可以用 ToolBar 勉強代替.要是還要向下相容.我的原始碼裡有一個大神做的 BlurView 也可以使用.

原始碼

原始碼下載