Wie zu verwenden UIVisualEffectView zu Verwischen Bild?

Könnte jemand ein kleines Beispiel für die Anwendung der Unschärfe in einem Bild? Ich habe versucht, herauszufinden, den code für eine Weile jetzt 🙁 noch neu im obj-c!

Den UIVisualEffectView bietet eine einfache Abstraktion über komplexe
visual effects. Je nach gewünschtem Effekt, die Ergebnisse können
auf den Inhalt auswirken geschichteten hinter die anzeigen oder Inhalte Hinzugefügt, um die Ansicht
contentView.

Anwenden UIVisualEffectView um eine vorhandene Ansicht zu gelten eine Unschärfe oder
Lebendigkeit Effekt auf die spannende Aussicht. Nach dem hinzufügen der
UIVisualEffectView in die view-Hierarchie, hinzufügen, alle Unteransichten der
contentView der UIVisualEffectView. Fügen Sie nicht direkt an Untersichten
die UIVisualEffectView selbst.

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

Seien Sie vorsichtig, um das hinzufügen von Ansichten zu UIVisualEffectView 's contentView github.com/onmyway133/blog/issues/124
Auch wenn Sie hinzufügen, um eine Untersicht und die Einstellung seiner frame-vergessen Sie nicht, aktualisieren Sie das Bild in viewDidLayoutSubviews, um sicherzustellen, dass die rotation funktioniert.

InformationsquelleAutor cNoob | 2014-06-05

410

Nur diesen blur-Blick auf die Bildansicht. Hier ist ein Beispiel in Objective-C:
```
UIVisualEffect *blurEffect;
blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

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

visualEffectView.frame = imageView.bounds;
[imageView addSubview:visualEffectView];
```
Swift:
```
var visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .Light))    

visualEffectView.frame = imageView.bounds

imageView.addSubview(visualEffectView)
```
- vielen, vielen Dank! Ich vergaß des Rahmens festlegen 🙁 Es ist nichts auf google noch für die visuelle, so sollte dies die erste Suche Begriff 🙂
- Hoffen, dass die API nicht ändern! Das ist einer der Gründe diskutieren, noch nicht veröffentlichte Apple-APIs, kann schwierig sein. Zum Beispiel, einige der UIKit Dynamics APIs ändern, etwas zwischen beta und release. Nichts major, aber Sie würden gebrochen haben, jedes sample code geschrieben, gegen die original-APIs.
- Würde hinzufügen, der frische-Effekt werden diese Linie? [UIVibrancyEffect effectForBlurEffect:blurEffect];
- Lebendigkeit ist ein ganz anderes Tier. Sie müssen eine neue Ansicht, und fügen Sie die Inhalte zu den contentView der UIEffectView und dann hinzufügen, dass, wie eine Untersicht der Unschärfe anzeigen.
- Es ist trotzdem animiert die Unschärfe in/out?
- Nicht getestet, versuchen, es zu ändern ' s alpha animiert
- Gewusst wie: laden Sie UIVisualEffectView Xcode UI builder ?
- Wie kann die Wirkung Stil geändert werden on-the-fly, ohne zu re-initialisieren visualEffectView? Sagen, visualEffectView.style = .Dunkel
- Animieren Sie die alpha-Version von visual-Effekt anzeigen. Boom.
- Kann nur unterstützen, ios8? wie über ios7 und unten?
- gibt es eine Möglichkeit zu verhindern, dass das hinzufügen der blureffect Untersicht für andere Objekte in der view-controller?
- UIBlurEffect ist genial, aber beachten Sie, es funktioniert nicht auf älteren Geräte wie das iPad2 ist - ich verbrachte Stunden damit, herauszufinden, warum es war nur, eine durchscheinende Schicht über meinen Bildschirm und nicht verwischen - es war alles, weil ich wurde getestet auf einem älteren Gerät
- Sie sollten nicht spielen, mit alpha während der Verwendung ÙIVisualEffectView wie Apple sagt "Wenn Sie den UIVisualEffectView Klasse, Vermeidung von alpha-Werte von weniger als 1"
InformationsquelleAutor B.S.

133

Hier ist, wie zu verwenden UIVibrancyEffect und UIBlurEffect mit UIVisualEffectView

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

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)

Der workaround funktioniert auch ohne Unterklassen definieren extension UILabel { override func tintColorDidChange() { textColor = tintColor; super.tintColorDidChange() } }
Apple scheint der Fehler behoben. Die Unterklasse/Erweiterung workaround ist nicht mehr notwendig, in iOS 8 beta 2.
Danke. Ich habe getestet und bestätigt den bug-fix und bearbeitet die Antwort.
Im Versuch, dies zu meiner Sicht, aber jedes mal, wenn ich den Blick, es wird unscharf, über und über, bis ich einen weißen hintergrund... ich bin das entfernen die Ansicht mit removeFromSuperView, nachdem ich Sie entlassen, aber ich bekomme das gleiche Ergebnis.... irgendwelche Ideen?
wie wärs, anstatt zu telefonieren removeFromSuperView Sie die [self.visualEffectView setHidden:NO]; ? Zuordnen und hinzufügen in der Ansicht ist teurer Betrieb als ein-oder auszublenden.

InformationsquelleAutor Matt Rundle

45

Können Sie auch mit dem interface-builder erstellen, diese Effekte leicht für einfache Situationen. Da die z-Werte der Ansichten hängt von der Reihenfolge in der Sie aufgelistet sind die Gliederung des Dokuments, ziehen Sie die UIVisualEffectView auf die Gliederung des Dokuments, bevor Sie die Ansicht, die Sie verwischen wollen. Dies erzeugt automatisch eine verschachtelte UIView, die die contentView Eigenschaft des gegebenen UIVisualEffectView. Nest die Dinge innerhalb dieser Ansicht, die Sie wollen, um zu erscheinen, on top von der Unschärfe.

Können Sie auch einfach nutzen Sie die Lebendigkeit UIVisualEffect, die automatisch erstellt wird eine weitere verschachtelte UIVisualEffectView in die Gliederung des Dokuments mit Ausstrahlung standardmäßig aktiviert. Sie können dann fügen Sie ein label-oder text-Ansicht, um die verschachtelten UIView (wieder, die contentView Eigenschaft des UIVisualEffectView), um den gleichen Effekt erzielen, dass die "> slide to unlock" - UI-element.
- Können Sie bestätigen, dass das, was durchscheint, ist eigentlich unscharf? Mein Bild (das, was Sie als "BackgroundPhoto" in der Hierarchie) nur abgeblendet unter einem Blur-Stil: Dunkel durchscheinend anzeigen. (Release-version von Xcode 6.01 und mit der iOS-Simulator)
- Was meinst du", ist nur Dimmen'? Sie glaube nicht, dass es unscharf dann?
- Nein, es ist deutlich, nicht verschwommen überhaupt.
- Okay, ich werde schauen, in ein paar Stunden.
- Danke! Sie haben eine view-Hierarchie auf Ihre BackgroundPhoto, die reduziert ist auf den screenshots... ich habe gerade verwendet eine UIImageView und zugewiesen ein Foto (einen hellen Hund vor grünem hintergrund -- die scharfe definition zwischen den weißen Beinen und dem grünen gras ist nur so scharf, wenn bedeckt, durch die visuelle Wirkung ansehen, als wenn nicht).
- Ich habe alle meine Tests mit Interface Builder, so dass keine benutzerdefinierten code an alle. Im simulator wird das iPad 2 produziert keine Unschärfe, aber das iPad Air verwischt, wie man es erwarten würde.
- ich glaube, die Wirkung ist anders auf verschiedene Geräte. Auf den älteren Geräten scheint es zu schwach und nicht verwischen (iPad 2 z.B.)
- Hallo zusammen, @ohhh. Ich habe die gleiche Konfiguration haben Sie in den screenshots, aber wenn ich versuche es zu ändern die Farbe des Etiketts ich bekomme immer die schwarze Farbe. Wissen Sie, warum dies passiert ist?
- Ich habe gesehen, dass die änderung der Art der Unschärfe zu Dunkel, das label bekommt weiße Farbe...
- Also habe ich nur bestätigt, dass die Unschärfe nicht gleich Aussehen auf älteren Geräten. Laufen auf einem älteren simulator, und es wird Aussehen wie ein dunkel/hell undurchsichtigen Blick. Neuere Geräte Unschärfe richtig.
InformationsquelleAutor ohhh

Wenn jemand Lust hätte die Antwort in 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!

Update :

Als jetzt, es ist verfügbar unter der IB, so dass Sie nicht haben, um code etwas für Sie 🙂

InformationsquelleAutor Amit Kalra

7

Ich bevorzuge, erstellen von Visuellen Effekten über Storyboard - kein code verwendet, für den Aufbau oder die Aufrechterhaltung der UI-Elemente. Es gibt mir die volle Landschaft Unterstützung, auch. Ich habe ein kleines demo mit UIVisualEffects mit Unschärfe und auch Lebendigkeit.

Demo auf Github

InformationsquelleAutor vaberer

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

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

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

Fügen Sie einige text mit Antwort wie deine Antwort helfen, OP in der Festsetzung Thema gepostet

InformationsquelleAutor Ananthu R Krishnan

0

Diese wird verwendet, um Unschärfe Hintergründe, entweder Licht oder dunkel, so dass text überlagert werden leichter. Optional können Sie aktivieren Lebendigkeit, die bewirkt, dass der text in einer hellen, kontrastierenden Farbe neben der Unschärfe.

InformationsquelleAutor Xab Ion

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.