Erstellen einer verschwommenen Überlagerungsansicht

Question

In der Musik-App des neuen iOS sehen wir ein Albumcover hinter einer Ansicht, die es verwischt.

Wie kann so etwas erreicht werden? Ich habe die Dokumentation gelesen, aber dort nichts gefunden.

Answer 1

Apple hat eine Erweiterung für die UIImage-Klasse namens UIImage+ImageEffects.h bereitgestellt. In dieser Klasse haben Sie die gewünschten Methoden zum Unscharfmachen Ihrer Ansicht

Answer 2

Wenn Sie einer tableView eine dunkle Blur-Ansicht hinzufügen, wird diese sie wunderschön machen:

tableView.backgroundColor = .clear
let blurEffect = UIBlurEffect(style: .dark)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
blurEffectView.frame = tableView.bounds
blurEffectView.autoresizingMask = [.flexibleHeight, .flexibleWidth]

// Indem Sie blurEffectView backgroundView zuweisen anstatt es zu tableView hinzuzufügen, wird verhindert, dass die tableView-Zelle durch blurEffectView blockiert wird
tableView.backgroundView = blurEffectView

Answer 3

Swift 4:

Um eine Überlagerung oder das Popup-Fenster hinzuzufügen, können Sie auch das Container View verwenden, mit dem Sie einen kostenlosen View Controller erhalten (den Container View erhalten Sie aus dem üblichen Objektpalette/Bibliothek)

Schritte:

Haben Sie eine Ansicht (ViewForContainer im Bild), die diesen Container View hält, um es abzudunkeln, wenn die Inhalte des Container View angezeigt werden. Verbinden Sie den Outlet im ersten View Controller

Verstecken Sie diese Ansicht, wenn der 1. VC geladen wird

Blenden Sie sie ein, wenn auf die Schaltfläche geklickt wird. Bildbeschreibung eingeben

Um diese Ansicht abzudunkeln, wenn der Inhalt des Container View angezeigt wird, setzen Sie den Hintergrund der Ansicht auf Schwarz und die Deckkraft auf 30%

Ich habe eine Antwort zur Erstellung des PopUp-Fensters in einer anderen Stackoverflow-Frage hinzugefügt https://stackoverflow.com/a/49729431/5438240

Answer 4

Einfache Antwort ist: Fügen Sie eine Unteransicht hinzu und ändern Sie deren Alpha-Wert.

UIView *mainView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 200)];
UIView *subView = [[UIView alloc] initWithFrame:popupView.frame];
UIColor * backImgColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"blue_Img.png"]];
subView.backgroundColor = backImgColor;
subView.alpha = 0.5;
[mainView addSubview:subView];