Làm cách nào để sử dụng UIVisualEffectView để làm mờ ảnh?

Ai đó có thể đưa ra một ví dụ nhỏ về việc áp dụng độ mờ cho hình ảnh? Tôi đã cố gắng tìm ra mã trong một thời gian rồi :( vẫn còn mới ở obj c!

Việc UIVisualEffectViewcung cấp một sự trừu tượng đơn giản trên các hiệu ứng hình ảnh phức tạp. Tùy thuộc vào hiệu ứng mong muốn, kết quả có thể ảnh hưởng đến nội dung được xếp lớp phía sau chế độ xem hoặc nội dung được thêm vào nội dung của chế độ xem.

Áp dụng a UIVisualEffectViewcho chế độ xem hiện tại để áp dụng hiệu ứng làm mờ hoặc rung cho chế độ xem thoát. Sau khi bạn thêm UIVisualEffectView vào cấu trúc phân cấp chế độ xem, hãy thêm bất kỳ bản xem trước nào vào nội dung Xem của UIVisualEffectView. Không thêm các cuộc phỏng vấn trực tiếp vào UIVisualEffectViewchính nó.

https://developer.apple.com/documentation/uikit/uivisualeffectview#//apple_Vf/occ/instp/UIVisualEffectView/contentView

Chỉ cần đặt chế độ xem mờ này trên imageView. Đây là một ví dụ trong Mục tiêu-C:

UIVisualEffect *blurEffect;
blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

UIVisualEffectView *visualEffectView;
visualEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];

visualEffectView.frame = imageView.bounds;
[imageView addSubview:visualEffectView];

và Swift:

var visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .Light))    

visualEffectView.frame = imageView.bounds

imageView.addSubview(visualEffectView)

Dưới đây là cách sử dụng UIVibrancyEffect và UIBlurEffect với UIVisualEffectView

Mục tiêu-C:

// Blur effect
UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
UIVisualEffectView *blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
[blurEffectView setFrame:self.view.bounds];
[self.view addSubview:blurEffectView];

// Vibrancy effect
UIVibrancyEffect *vibrancyEffect = [UIVibrancyEffect effectForBlurEffect:blurEffect];
UIVisualEffectView *vibrancyEffectView = [[UIVisualEffectView alloc] initWithEffect:vibrancyEffect];
[vibrancyEffectView setFrame:self.view.bounds];

// Label for vibrant text
UILabel *vibrantLabel = [[UILabel alloc] init];
[vibrantLabel setText:@"Vibrant"];
[vibrantLabel setFont:[UIFont systemFontOfSize:72.0f]];
[vibrantLabel sizeToFit];
[vibrantLabel setCenter: self.view.center];

// Add label to the vibrancy view
[[vibrancyEffectView contentView] addSubview:vibrantLabel];

// Add the vibrancy view to the blur view
[[blurEffectView contentView] addSubview:vibrancyEffectView];

Swift 4:

    // Blur Effect
    let blurEffect = UIBlurEffect(style: UIBlurEffectStyle.dark)
    let blurEffectView = UIVisualEffectView(effect: blurEffect)
    blurEffectView.frame = view.bounds
    view.addSubview(blurEffectView)

    // Vibrancy Effect
    let vibrancyEffect = UIVibrancyEffect(blurEffect: blurEffect)
    let vibrancyEffectView = UIVisualEffectView(effect: vibrancyEffect)
    vibrancyEffectView.frame = view.bounds

    // Label for vibrant text
    let vibrantLabel = UILabel()
    vibrantLabel.text = "Vibrant"
    vibrantLabel.font = UIFont.systemFont(ofSize: 72.0)
    vibrantLabel.sizeToFit()
    vibrantLabel.center = view.center

    // Add label to the vibrancy view
    vibrancyEffectView.contentView.addSubview(vibrantLabel)

    // Add the vibrancy view to the blur view
    blurEffectView.contentView.addSubview(vibrancyEffectView)

Bạn cũng có thể sử dụng trình xây dựng giao diện để tạo các hiệu ứng này một cách dễ dàng cho các tình huống đơn giản. Vì các giá trị z của các khung nhìn sẽ phụ thuộc vào thứ tự chúng được liệt kê trong Phác thảo tài liệu, bạn có thể kéo một UIVisualEffectViewphác thảo tài liệu trước khi xem bạn muốn làm mờ. Điều này tự động tạo ra một lồng nhau UIView, đó là thuộc contentViewtính của nhất định UIVisualEffectView. Nest những thứ trong chế độ xem này mà bạn muốn xuất hiện trên đầu mờ.

Bạn cũng có thể dễ dàng tận dụng độ rung UIVisualEffect, nó sẽ tự động tạo một cái khác lồng UIVisualEffectViewtrong phác thảo tài liệu với độ rung được bật theo mặc định. Sau đó, bạn có thể thêm nhãn hoặc chế độ xem văn bản vào phần tử lồng nhau UIView(một lần nữa, thuộc contentViewtính của UIVisualEffectView), để đạt được hiệu ứng tương tự như phần tử UI "> trượt để mở khóa".

Tôi thích tạo Hiệu ứng hình ảnh qua Storyboard - không có mã nào được sử dụng để tạo hoặc duy trì UI Elements. Nó cung cấp cho tôi hỗ trợ cảnh quan đầy đủ, quá. Tôi đã thực hiện một bản demo nhỏ về việc sử dụng UIVisualEffects với Blur và cả Vibrancy.

Bản demo trên Github

Nếu ai muốn câu trả lời trong Swift:

var blurEffect = UIBlurEffect(style: UIBlurEffectStyle.Dark) // Change .Dark into .Light if you'd like.

var blurView = UIVisualEffectView(effect: blurEffect)

blurView.frame = theImage.bounds // 'theImage' is an image. I think you can apply this to the view too!

Cập nhật:

Đến bây giờ, nó có sẵn theo IB để bạn không phải mã hóa bất cứ thứ gì cho nó :)

-(void) addBlurEffectOverImageView:(UIImageView *) _imageView
{
    UIVisualEffect *blurEffect;
    blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];

    UIVisualEffectView *visualEffectView;
    visualEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];

    visualEffectView.frame = _imageView.bounds;
    [_imageView addSubview:visualEffectView];
}

Điều này được sử dụng để làm mờ nền, sáng hoặc tối, để văn bản có thể được phủ dễ dàng hơn. Bạn có thể tùy chọn kích hoạt tính sinh động, khiến văn bản được hiển thị ở màu sáng, tương phản cùng với độ mờ.