iOS 7 stili Bulanıklaştırma görünümü

İOS7 tarzı bulanıklık görünümlerini çoğaltacak herhangi bir kontrol bilen var mı?

Davranışı kopyalayacak bir tür UIView alt sınıfı olabileceğini varsayıyorum.

Arka planı son derece yoğun bir şekilde bulanıklaştıran bu tür görünümlerden bahsediyorum, böylece arka plan görünümünden çekme efektleri var.

Bunu yapmak için Bin Zhang'ın RWBlurPopover'ı gibi bir şeyi değiştirebilirsiniz . Bu bileşen, altındaki bileşenlere bir Gauss bulanıklığı uygulamak için GPUImage'ımı kullanır, ancak aynı şekilde bir CIGaussianBlur'u da aynı şekilde kullanabilirsiniz. GPUImage daha hızlı saç olabilir .

Bu bileşen, sunduğunuz görüntünün arkasındaki görüntüyü yakalayabilmenize bağlıdır ve bu içeriğin arkasında canlanan görünümlerde sorun yaşayabilir. Arka plan görüntüsünü rasterleştirmek için Core Graphics üzerinden bir yolculuğa çıkma ihtiyacı işleri yavaşlatacaktır, bu nedenle, animasyon görünümlerindeki bindirmeler için bunu performanslı bir şekilde yapabilmek için yeterli doğrudan erişimimiz olmayabilir.

Yukarıdakilere bir güncelleme olarak, yakın zamanda GPUImage'daki bulanıklıkları, değişken yarıçapları desteklemek için yeniden çalışarak, iOS 7'nin kontrol merkezi görünümünde bulanıklık boyutunun tam olarak kopyalanmasına izin verdim. Bundan, Apple'ın burada kullandığı göründüğü uygun bulanıklık boyutunu ve renk düzeltmesini kapsayan GPUImageiOS7BlurFilter sınıfını yarattım. GPUImage'ın bulanıklığı (sağda) yerleşik bulanıklıkla (solda) şu şekilde karşılaştırılır:

Gauss bulanıklığının üzerinde çalışması gereken piksel sayısını azaltmak için 4X altörnekleme / yukarı örnekleme kullanıyorum, böylece bir iPhone 4S bu işlemi kullanarak tüm ekranı kabaca 30 ms'de bulanıklaştırabilir.

Hâlâ bunun arkasındaki görüntülerden içeriği bu bulanıklığa etkili bir şekilde nasıl çekeceğiniz konusunda zorluk yaşıyorsunuz.

FXBlurViewİOS5 + 'da harika çalışan kullanıyorum

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]

Bunu kullanarak ekledim:

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

UYARI: Yorumlarda yer alan biri Apple'ın bu tekniği kullanan uygulamaları reddettiğini belirtti. Bu benim başıma gelmedi, ama sadece senin değerlendirmen için.

Bu sizi şaşırtabilir, ancak zaten bu standart efekti içeren bir UIToolbar kullanabilirsiniz (yalnızca iOS 7+). Denetleyicinin viewDidLoad'unu görüntülediğinizde:

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

İOS8'den beri UIBlurEffect'i kullanabilirsiniz .

Üzerinde iyi exemples vardır iOS8Sampler ile UIBlurEffect ve UIVibrancyEffect .

Mevsimlik bir Kaplama elde etmenin en iyi yeni Yolu, yeni iOS 8 Özelliği UIVisualEffectView'ı kullanmaktır.

UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

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

bluredView.frame = self.view.bounds;

[self.view addSubview:bluredView];

UIBlurEffect üç tür Stili destekler. Dark, Light ve ExtraLight.

UIView alt sınıfı olan bir UIToolBar ile bir sınıf oluşturabilir ve bunu ayrı bir görünüm denetleyicisinde başlatabilirsiniz. Bu yaklaşım, canlı geri bildirim sağlayan (bu durumda bir AVCaptureSession için) yarı saydam bir UIToolBar'ı (UIView tarafından alt sınıflandırılmış) gösterir.

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

Yukarıdaki UIView özelleştirildikten sonra devam edin ve ViewController'ın bir alt sınıfı olan bir sınıf oluşturun. Aşağıda bir AVCapture oturumu kullanan bir sınıf oluşturdum. Apple'ın yerleşik kamera yapılandırmasını geçersiz kılmak için AVCaptureSession'ı kullanmanız gerekir. Böylece YourUIView sınıfından transparan UIToolBar'ı kaplayabilirsiniz .

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