Verre dépoli (iOS 7 Flou) Effet

Je suis en train d'appliquer une verre dépoli effet dans une UIImageView.

J'ai essayé de mettre en œuvre ce que j'ai trouvé dans cette question, mais le résultat n'était pas acceptable.
Je voulais quelque chose comme ceci:

Verre dépoli (iOS 7 Flou) Effet

Aussi, nous pouvons voir que iOS 7 utilise ce genre d'effet dans beaucoup d'endroits. Comment peut-on reproduire?

InformationsquelleAutor Natan R. | 2012-07-22
  1. 51

    Un bon tutoriel sur CoreImage est ici, en montrant comment appliquer des filtres et plus:

    http://www.raywenderlich.com/5689/beginning-core-image-in-ios-5

    Mise à JOUR de 1

    Donc après un peu de recherche, j'ai fini par découvrir que la Base de l'Image de l'iOS est encore incomplète, si l'on compare à la version OS X de la bibliothèque. J'ai donc googlé beaucoup, et j'ai trouver deux solutions, l'une des plus simples, et l'autre, beaucoup plus large et complexe de la bibliothèque.

    Ainsi, par exemple, en quelques lignes, je peux obtenir le résultat que je veux (où originalImage est le UIImage pour appliquer l'effet):

    GPUImageGaussianBlurFilter *blurFilter = [[GPUImageGaussianBlurFilter alloc] init];
blurFilter.blurSize = 2;
UIImage *blurImage = [blurFilter imageByFilteringImage:resizedImage];

    Mise à JOUR 2

    Après Apple a annoncé iOS 7, certains développeurs trouvent une solution pour faire la même chose que Apple n'a par défaut dans les applications iOS, Apple n'a pas fournir une API pour que. La plus simple et la meilleure solution, à mon avis, est-ce un. Pourquoi je pense que c'est le meilleur? Parce que même si certains considèrent que derrière il se déplace, le flou ne fonctionne toujours très bien avec la mise à jour de l'effet, comme nous le prévoyons, il devrait fonctionner. Cependant, gardez à l'esprit que cela dépend de l'iOS 7 SDK afin de travailler, et il peut être risqué si Apple change UIToolbar.

    Mise à JOUR 3

    Apple mentionné, lors de la WWDC 2013 (Session 226 - la mise en Œuvre de Mobiliser de l'INTERFACE utilisateur sur iOS), ils assureront une catégorie de classe sur UIImage, appelé UIImage+ImageEffects (je l'ai googlé, et trouvé ici, mais il est disponible en Le Portail des développeurs de recherche pour UIImageEffects dans la zone de recherche). Avec cette catégorie, vous pouvez appliquer l'effet de flou en statique UIImage, à l'aide de plusieurs méthodes (clair, foncé, avec une couleur spécifique, etc.). Aussi, hier J'ai vu ce composant et l'a trouvé très intéressant, comme vous pouvez appliquer l'effet (basée sur cette catégorie) dans un cadre.

    Mise à JOUR 4

    Enfin, sur iOS 8, Apple a publié de nouvelles classes qui peuvent faire vivre flou facilement. Avec UIVisualEffect et UIVisualEffectView, vous pouvez rapidement ajouter live flou pour vos applications. Voici un bon tutoriel de Ryan Nystrom sur la façon d'utiliser ces classes (et dans le flou en général):

    • Vous pouvez également mélanger le flou Gaussien avec une couleur blanche pour obtenir exactement le look que vous allez pour ci-dessus, et j'allais faire un filtre dédié pour cela à un certain point. Aussi, j'allais expérimenter avec texture de verre dépoli, à l'instar de ce shader donne: coding-experiments.blogspot.com/2010/06/frosted-glass.html
    • Et comment pourrais-je le faire? J'ai l'impression que je n'ai pas où lire les docs =( n'Arrivais pas à compiler les documents également.
    • Pour les filtres personnalisés, la meilleure référence est de regarder comment les autres filtres de travail. Par exemple, mentionnées ci-dessus en verre texturé serait accompli en utilisant un custom fragment shader, de sorte que vous auriez besoin de créer un nouveau filtre personnalisé (à l'aide de quelque chose de semblable comme modèle) et de modifier le fragment shader qu'ils fournissent à travailler dans OpenGL ES. Pour l'éclaira de flou, vous pourriez être en mesure d'enchaîner un filtre luminosité avec le flou Gaussien, ou, au pire, créer un groupe de filtre avec un custom fragment shader pour l'éclaircissement de l'étape. La documentation de base est dans le fichier Readme.rapport de fichier.
    • Ok, bon. Pas encore le résultat parfait, mais 90% de là. Merci pour les réponses, vous avez envoyé un mail à contact à sunsetlakesoftware.
    • À l'aide de la barre d'outils de la couche pour l'effet de flou est très risqué, si Apple change la UIToolbar d'affichage de la pile dans un avenir point de presse, qui est tout à fait possible, vous serez coincé avec quelque chose de très cassé et devra sortir une version.
    InformationsquelleAutor Natan R.
  2. 21

    Solution pour iOS 7 et 8, sans l'aide de CoreImage ou CoreGraphics à tous: 

    - (void)addBlurToView:(UIView *)view {
    UIView *blurView = nil; 

    if([UIBlurEffect class]) { //iOS 8
        UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleExtraLight];
        blurView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
        blurView.frame = view.frame;

    } else { //workaround for iOS 7
        blurView = [[UIToolbar alloc] initWithFrame:view.bounds];
    }

    [blurView setTranslatesAutoresizingMaskIntoConstraints:NO];

    [view addSubview:blurView];
    [view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[blurView]|" options:0 metrics:0 views:NSDictionaryOfVariableBindings(blurView)]];
    [view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[blurView]|" options:0 metrics:0 views:NSDictionaryOfVariableBindings(blurView)]];
}

    (en supposant que vous n'êtes pas en ciblant les versions antérieures à iOS 7; si vous l'êtes, vous aurez pour tester la version d'iOS dans le else bloc)

    Cette solution s'applique à tout point de vue, non seulement les images.

    • très utile de répondre, il est facile à mettre en œuvre pour ios 7 et 8, juste une question, en supposant que je suis constamment en ajoutant et en supprimant cette vue floue, suis-je censé supprimer les contraintes ajouté à chaque fois que je "supprimer le point de vue de superview" (j'utilise ce code pour l'ajout de nouveau donc je sais contraintes sont constamment ajoutés)
    • Pourquoi ne pas simplement cacher au lieu de le supprimer?
    • Excellent exemple. Fonctionne très bien.
    • Grand yar. Je vous remercie vraiment. Fonctionne parfaitement. Mais je veux changer le flou de vue de la couleur. Il montre flou blanc.
    • Cela fonctionne très bien, sauf que UIBlurEffect ne fonctionne pas sur les anciens ipad, comme l'iPad2. Passé des heures à essayer de comprendre pourquoi il était seulement en train de mettre un masque translucide et pas de flou - c'était en raison d'un ancien appareil!
    InformationsquelleAutor KPM
  3. 2

    À L'Aide De UIImageEffects

    Si vous voulez plus de contrôle lors de l'application de flou, vous pourriez faire usage de la Pomme de UIImageEffects (disponible par le biais de leur exemple de code).

    Vous pouvez copier le code pour UIImageEffects de Apple Developer Library : Le flou et la Teinte d'une Image

    Et voici comment l'utiliser :

    #import "UIImageEffects.h"
...

self.yourImageView.image = [UIImageEffects imageByApplyingLightEffectToImage:[UIImage imageNamed:@"yourImage.png"]];
    InformationsquelleAutor Zakaria Braksa
  4. 1

    Prendre un coup d'oeil à l'Image principale Guide de Programmation. Il semble que le styliser filtre et la filtre de flou peuvent répondre à vos besoins. Je n'ai jamais travaillé avec Core Image avant, mais je pense qu'il y a peut-être quelques bonnes sessions de la WWDC qui les concernent. La documentation a une pièce de base de l'exemple de code ici.

    • Il semble que iOS n'a pas tous les filtres OS X. Vous pouvez le vérifier par le code NSArray *properties = [CIFilter filterNamesInCategory:kCICategoryBuiltIn]; NSLog(@"%@", properties);
    • Sans entrer dans les détails, avez-vous exécuter ce code sur iOS 6?
    • Pas encore de. De vérifier ma propre réponse - résolu!
    InformationsquelleAutor Moshe