Unschärfeansicht im iOS 7-Stil

Kennt jemand Steuerelemente, die die Unschärfeansichten im iOS7-Stil replizieren?

Ich gehe davon aus, dass es eine Art UIView-Unterklasse geben kann, die das Verhalten repliziert.

Ich spreche von diesen Typansichten, die den Hintergrund extrem stark verwischen, so dass sie Pull-Effekte aus der Hintergrundansicht haben.

Möglicherweise können Sie dazu etwas wie Bin Zhangs RWBlurPopover ändern . Diese Komponente verwendet mein GPUI-Bild, um eine Gaußsche Unschärfe auf darunter liegende Komponenten anzuwenden, aber Sie können genauso gut eine CIGaussianBlur für dieselbe verwenden. GPUImage könnte jedoch ein Haar schneller sein .

Diese Komponente setzt voraus, dass Sie die Ansicht hinter der von Ihnen präsentierten erfassen können, und hat möglicherweise Probleme mit Ansichten, die hinter diesem Inhalt animiert sind. Die Notwendigkeit, eine Reise durch Core Graphics zu unternehmen, um die Hintergrundansicht zu rastern, verlangsamt die Arbeit, sodass wir wahrscheinlich keinen ausreichend direkten Zugriff haben, um dies auf performante Weise für Überlagerungen von animierten Ansichten tun zu können.

Als Update zu den oben genannten Themen habe ich kürzlich die Unschärfen in GPUImage überarbeitet, um variable Radien zu unterstützen, sodass die Unschärfegröße in der Control Center-Ansicht von iOS 7 vollständig repliziert werden kann. Daraus habe ich die GPUImageiOS7BlurFilter-Klasse erstellt, die die richtige Unschärfegröße und Farbkorrektur enthält, die Apple hier anscheinend verwendet. So wird die Unschärfe von GPUImage (rechts) mit der eingebauten Unschärfe (links) verglichen:

Ich verwende ein 4-faches Downsampling / Upsampling, um die Anzahl der Pixel zu reduzieren, über die die Gaußsche Unschärfe arbeiten muss, sodass ein iPhone 4S mit dieser Operation den gesamten Bildschirm in ungefähr 30 ms verwischen kann.

Sie haben immer noch die Herausforderung, Inhalte auf performante Weise aus Ansichten dahinter in diese Unschärfe zu ziehen.

Ich benutze, FXBlurViewwas unter iOS5 + großartig funktioniert

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]

Ich habe es hinzugefügt mit:

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

WARNUNG: In den Kommentaren gab jemand an, dass Apple Apps mit dieser Technik ablehnt. Das ist mir NICHT passiert, sondern nur für Ihre Überlegung.

Dies mag Sie überraschen, aber Sie können eine UIToolbar verwenden , die diesen Standardeffekt bereits enthält (nur iOS 7+). In der Ansicht viewDidLoad des Controllers:

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

Seit iOS8 können Sie UIBlurEffect verwenden .

Es gibt gute Beispiele für iOS8Sampler mit UIBlurEffect und UIVibrancyEffect .

Der beste neue Weg, um ein verschwommenes Overlay zu erhalten, ist die Verwendung der neuen iOS 8-Funktion UIVisualEffectView.

UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

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

bluredView.frame = self.view.bounds;

[self.view addSubview:bluredView];

Der UIBlurEffect unterstützt drei Arten von Stilen. Dunkel, Hell und ExtraLight.

Sie können eine Klasse mit einer UIToolBar erstellen, die eine Unterklasse von UIView ist, und sie in einem separaten Ansichtscontroller instanziieren. Dieser Ansatz demonstriert eine durchscheinende UIToolBar (von UIView untergeordnet), die Live-Feedback liefert (in diesem Fall für eine 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

Nachdem die obige UIView angepasst wurde, erstellen Sie eine Klasse, die eine Unterklasse eines ViewControllers ist. Unten habe ich eine Klasse erstellt, die eine AVCapture-Sitzung verwendet. Sie müssen AVCaptureSession verwenden, um die in Apple integrierte Kamerakonfiguration zu überschreiben. Auf diese Weise können Sie die durchscheinende UIToolBar aus der YourUIView- Klasse überlagern .

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