Görüntü Bulanıklaştırmak için UIVisualEffectView nasıl kullanılır?

Birisi bir görüntüye bulanıklaştırma uygulamak için küçük bir örnek verebilir mi? Bir süredir kodu anlamaya çalışıyorum :( obj c'de hala yeni!

UIVisualEffectViewKarmaşık görsel etkileri üzerinde basit bir özet sağlar. İstenen etkiye bağlı olarak, sonuçlar görünümün arkasında bulunan içeriği veya görünümün contentView öğesine eklenen içeriği etkileyebilir.

Bir uygula UIVisualEffectViewçıkan görünümüne bir bulanıklık ya da canlılık efektini uygulamak için varolan bir görünüme. Görünüm hiyerarşisine UIVisualEffectView ekledikten sonra, alt görünümlerini UIVisualEffectView. Alt görünümleri doğrudan UIVisualEffectViewkendisine eklemeyin .

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

Bu bulanık görünümü imageView üzerine koymanız yeterlidir. Objective-C'de bir örnek:

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

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

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

ve Swift:

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

visualEffectView.frame = imageView.bounds

imageView.addSubview(visualEffectView)

UIVibualcyEffect ve UIBlurEffect'in UIVisualEffectView ile nasıl kullanılacağı aşağıda açıklanmıştır

Objective-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];

Hızlı 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)

Basit durumlarda bu efektleri kolayca oluşturmak için arayüz oluşturucuyu da kullanabilirsiniz. Görünümlerin z değerleri, Belge Anahattı'nda listelendikleri sıraya bağlı olacağından UIVisualEffectView, bulanıklaştırmak istediğiniz görünümden önce a'yı belge anahattına sürükleyebilirsiniz . Bu, otomatik olarak verilenin özelliği UIViewolan bir yuvalanmış oluşturur . Bu görünümde bulanıklığın üstünde görünmesini istediğiniz şeyleri iç içe geçirin.contentViewUIVisualEffectView

Ayrıca UIVisualEffect, UIVisualEffectViewvarsayılan olarak etkinliğin etkin olduğu belge ana hattında yuvalanmış başka bir belge oluşturacak olan canlılıktan da kolayca yararlanabilirsiniz . Daha sonra "> kilidini açmak için kaydırın" kullanıcı arabirimi öğesiyle aynı efekti elde etmek için iç içe bir etikete veya metin görünümünü ekleyebilirsiniz UIView(yine, contentViewözelliğinin UIVisualEffectView).

Görsel Efektleri Storyboard ile oluşturmayı tercih ediyorum - UI Elements oluşturmak veya korumak için kullanılan kod yok. Bana tam manzara desteği de veriyor. UIVisualEffects'i Blur ve Vibrancy ile birlikte kullanarak küçük bir demo yaptım.

Github Demosu

Swift'te cevap almak isteyen varsa:

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!

Güncelleme :

Şu andan itibaren, IB altında kullanılabilir, böylece bunun için hiçbir şey kodlamanız gerekmez :)

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

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

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

Bu, açık veya koyu arka planların bulanıklaştırılması için kullanılır, böylece metin daha kolay bir şekilde yerleştirilebilir. İsteğe bağlı olarak, metnin bulanıklığın yanında parlak, kontrast bir renkte oluşturulmasına neden olan canlılığı etkinleştirebilirsiniz.