Jak korzystać z UIVisualEffectView do rozmycia obrazu?

Czy ktoś mógłby podać mały przykład zastosowania rozmycia na obrazie? Od jakiegoś czasu próbowałem wymyślić kod :( wciąż nowy w obj c!

UIVisualEffectViewZapewnia prosty abstrakcji nad złożonych efektów wizualnych. W zależności od pożądanego efektu wyniki mogą wpływać na treść ułożoną warstwą za widokiem lub zawartość dodaną do contentView widoku.

Zastosuj a UIVisualEffectViewdo istniejącego widoku, aby zastosować efekt rozmycia lub jaskrawości do wychodzącego widoku. Po dodaniu UIVisualEffectView do hierarchii widoków dodaj wszystkie widoki podrzędne do contentView widoku UIVisualEffectView. Nie dodawaj widoków podrzędnych bezpośrednio do UIVisualEffectViewsiebie.

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

Wystarczy umieścić ten widok rozmycia na imageView. Oto przykład w Celu C:

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

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

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

i Szybki:

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

visualEffectView.frame = imageView.bounds

imageView.addSubview(visualEffectView)

Oto jak używać UIVibrancyEffect i UIBlurEffect z UIVisualEffectView

Cel 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)

Możesz także użyć konstruktora interfejsów, aby łatwo tworzyć te efekty w prostych sytuacjach. Ponieważ wartości Z widoków będą zależeć od kolejności, w jakiej są wymienione w UIVisualEffectViewkonspekcie dokumentu , możesz przeciągnąć na kontur dokumentu przed widokiem, który chcesz rozmazać. To automatycznie tworzy zagnieżdżenie UIView, które jest contentViewwłaściwością danego UIVisualEffectView. W tym widoku zagnieżdżaj rzeczy, które mają się pojawiać na szczycie rozmycia.

Możesz także z łatwością skorzystać z żywotności UIVisualEffect, która automatycznie utworzy kolejną zagnieżdżoną UIVisualEffectVieww konspekcie dokumentu z domyślnie włączoną jaskrawością. Następnie możesz dodać widok zagnieżdżonej etykiety lub tekstu UIView(ponownie contentViewwłaściwość UIVisualEffectView), aby uzyskać taki sam efekt, jak element interfejsu użytkownika „> przesuń, aby odblokować”.

Wolę tworzyć efekty wizualne za pomocą Storyboard - bez kodu używanego do tworzenia lub zarządzania elementami interfejsu użytkownika. Daje mi również pełne wsparcie krajobrazowe. Zrobiłem małą demonstrację użycia UIVisualEffects z Blur, a także Vibrancy.

Demo na Github

Jeśli ktoś chciałby uzyskać odpowiedź w 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!

Aktualizacja :

Na razie jest dostępny pod IB, więc nie musisz nic kodować :)

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

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

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

Służy do rozmywania tła, zarówno jasnego, jak i ciemnego, dzięki czemu tekst można łatwiej nakładać. Możesz opcjonalnie włączyć jaskrawość, która powoduje, że tekst jest renderowany w jasnym, kontrastowym kolorze obok rozmycia.