Vista sfocata in stile iOS 7

Qualcuno sa di controlli che replicheranno le visualizzazioni sfocate in stile iOS7.

Presumo che ci possa essere una sorta di sottoclasse UIView che replicherà il comportamento.

Sto parlando di queste visualizzazioni di tipo che sfocano lo sfondo in modo estremamente spesso in modo che abbiano effetti di trascinamento dalla visualizzazione dello sfondo.

Potresti essere in grado di modificare qualcosa come RWBlurPopover di Bin Zhang per farlo. Quel componente usa la mia GPUImage per applicare una sfocatura gaussiana ai componenti sottostanti, ma potresti usare altrettanto facilmente un CIGaussianBlur per lo stesso. GPUImage potrebbe essere un pelo più veloce però .

Quel componente si basa sulla tua capacità di catturare la vista dietro quella che stai presentando, tuttavia, e potrebbe avere problemi con le visualizzazioni che si animano dietro questo contenuto. La necessità di fare un viaggio attraverso Core Graphics per rasterizzare la vista in background rallenterà le cose, quindi probabilmente non abbiamo un accesso sufficientemente diretto per essere in grado di farlo in modo performante per le sovrapposizioni su viste animate.

Come aggiornamento di quanto sopra, di recente ho rielaborato le sfocature in GPUImage per supportare raggi variabili, consentendo la replica completa delle dimensioni della sfocatura nella vista del centro di controllo di iOS 7. Da questo, ho creato la classe GPUImageiOS7BlurFilter che incapsula la corretta dimensione della sfocatura e la correzione del colore che Apple sembra utilizzare qui. Ecco come la sfocatura di GPUImage (a destra) si confronta con la sfocatura incorporata (a sinistra):

Uso un downsampling / upsampling 4X per ridurre il numero di pixel su cui deve operare la sfocatura gaussiana, quindi un iPhone 4S può sfocare l'intero schermo in circa 30 ms utilizzando questa operazione.

Hai ancora la sfida di come inserire i contenuti in questa sfocatura dalle visualizzazioni dietro questa in modo performante.

Sto usando FXBlurViewche funziona alla grande su iOS5 +

https://github.com/nicklockwood/FXBlurView

CocoaPods:

-> FXBlurView (1.3.1)
   UIView subclass that replicates the iOS 7 realtime background blur effect, but works on iOS 5 and above.
   pod 'FXBlurView', '~> 1.3.1'
   - Homepage: http://github.com/nicklockwood/FXBlurView
   - Source:   https://github.com/nicklockwood/FXBlurView.git
   - Versions: 1.3.1, 1.3, 1.2, 1.1, 1.0 [master repo]

L'ho aggiunto usando:

FXBlurView *blurView = [[FXBlurView alloc] initWithFrame:CGRectMake(50, 50, 150, 150)];
[self.blurView setDynamic:YES];
[self.view addSubview:self.blurView];

ATTENZIONE: qualcuno nei commenti ha affermato che Apple rifiuta le app che utilizzano questa tecnica. NON è successo a me, ma solo per la tua considerazione.

Questo potrebbe sorprenderti, ma puoi usare una UIToolbar , che include già quell'effetto standard (solo iOS 7+). Nella visualizzazione del controller di visualizzazioneDidLoad:

self.view.opaque = NO;
self.view.backgroundColor = [UIColor clearColor]; // Be sure in fact that EVERY background in your view's hierarchy is totally or at least partially transparent for a kind effect!

UIToolbar *fakeToolbar = [[UIToolbar alloc] initWithFrame:self.view.bounds];
fakeToolbar.autoresizingMask = self.view.autoresizingMask;
// fakeToolbar.barTintColor = [UIColor white]; // Customize base color to a non-standard one if you wish
[self.view insertSubview:fakeToolbar atIndex:0]; // Place it below everything

Da iOS8 puoi usare UIBlurEffect .

Ci sono buoni esempi su iOS8Sampler con UIBlurEffect e UIVibrancyEffect .

Il nuovo modo migliore per ottenere una sovrapposizione sfocata è utilizzare la nuova funzionalità UIVisualEffectView di iOS 8.

UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

UIVisualEffectView *bluredView = [[UIVisualEffectView alloc] initWithEffect:effect];

bluredView.frame = self.view.bounds;

[self.view addSubview:bluredView];

UIBlurEffect supporta tre tipi di stile. Scuro, Chiaro ed ExtraLight.

È possibile creare una classe con un UIToolBar che è una sottoclasse di UIView e istanziarlo in un controller di visualizzazione separato. Questo approccio mostra una UIToolBar traslucida (sottoclasse da UIView) che fornisce feedback in tempo reale (in questo caso per un AVCaptureSession).

YourUIView.h

#import <UIKit/UIKit.h>

@interface YourUIView : UIView
@property (nonatomic, strong) UIColor *blurTintColor;
@property (nonatomic, strong) UIToolbar *toolbar;
@end

YourUIView.m

#import "YourUIView.h"

@implementation YourUIView

- (instancetype)init
{
    self = [super init];
    if (self) {
        [self setup];
    }
    return self;
}

- (void)setup {
    // If we don't clip to bounds the toolbar draws a thin shadow on top
    [self setClipsToBounds:YES];

    if (![self toolbar]) {
        [self setToolbar:[[UIToolbar alloc] initWithFrame:[self bounds]]];
        [self.toolbar setTranslatesAutoresizingMaskIntoConstraints:NO];
        [self insertSubview:[self toolbar] atIndex:0];

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

- (void) setBlurTintColor:(UIColor *)blurTintColor {
    [self.toolbar setBarTintColor:blurTintColor];
}

@end

Una volta che l'UIView sopra è stato personalizzato, vai avanti e crea una classe che sia una sottoclasse di un ViewController. Di seguito ho creato una classe che utilizza una sessione AVCapture. Devi usare AVCaptureSession per sovrascrivere la configurazione della fotocamera incorporata di Apple. Quindi puoi sovrapporre la UIToolBar tranclucent dalla classe YourUIView .

YourViewController.h

#import <UIKit/UIKit.h>

@interface YourViewController : UIViewController
@property (strong, nonatomic) UIView *frameForCapture;
@end

YourViewController.m

#import "YourViewController.h"
#import <AVFoundation/AVFoundation.h>
#import "TestView.h"

@interface YourViewController ()
@property (strong, nonatomic) UIButton *displayToolBar;

@end

@implementation YourViewController


AVCaptureStillImageOutput *stillImageOutput;
AVCaptureSession *session;

- (void) viewWillAppear:(BOOL)animated
{
    session = [[AVCaptureSession alloc] init];
    [session setSessionPreset:AVCaptureSessionPresetPhoto];

    AVCaptureDevice *inputDevice = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
    NSError *error;
    AVCaptureDeviceInput *deviceInput = [AVCaptureDeviceInput deviceInputWithDevice:inputDevice error:&error];

    if ([session canAddInput:deviceInput]) {
        [session addInput:deviceInput];
    }

    AVCaptureVideoPreviewLayer *previewLayer = [[AVCaptureVideoPreviewLayer alloc] initWithSession:session];
    [previewLayer setVideoGravity:AVLayerVideoGravityResizeAspectFill];
    CALayer *rootLayer = [[self view] layer];
    [rootLayer setMasksToBounds:YES];
    CGRect frame = [[UIScreen mainScreen] bounds];

    self.frameForCapture.frame = frame;

    [previewLayer setFrame:frame];

    [rootLayer insertSublayer:previewLayer atIndex:0];

    stillImageOutput = [[AVCaptureStillImageOutput alloc] init];
    NSDictionary *outputSettings = [[NSDictionary alloc] initWithObjectsAndKeys:AVVideoCodecJPEG, AVVideoCodecKey, nil];
    [stillImageOutput setOutputSettings:outputSettings];

    [session addOutput:stillImageOutput];

    [session startRunning];

    [self.navigationController setNavigationBarHidden:YES animated:animated];
    [super viewWillAppear:animated];
}


- (void)viewDidLoad
{
    [super viewDidLoad];

    /* Open button */

    UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(0, 350, self.view.bounds.size.width, 50)];
    [button addTarget:self action:@selector(showYourUIView:) forControlEvents:UIControlEventTouchUpInside];
    [button setTitle:@"Open" forState:UIControlStateNormal];
    [button setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
    button.backgroundColor = [UIColor greenColor];
    [self.view addSubview:button];

    UIButton *anotherButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 50, self.view.bounds.size.width, 50)];
    [anotherButton addTarget:self action:@selector(showYourUIView:) forControlEvents:UIControlEventTouchUpInside];
    [anotherButton setTitle:@"Open" forState:UIControlStateNormal];
    [anotherButton setTitleColor:[UIColor greenColor] forState:UIControlStateNormal];
    anotherButton.backgroundColor = [UIColor redColor];
    [self.view addSubview:anotherButton];

}

- (void) showYourUIView:(id) sender
{
    TestView *blurView = [TestView new];
    [blurView setFrame:self.view.bounds];
    [self.view addSubview:blurView];
}


@end