Tampilan Blur gaya iOS 7

Apakah ada yang tahu tentang kontrol yang akan meniru tampilan blur gaya iOS7.

Saya berasumsi bahwa mungkin ada semacam subkelas UIView yang akan meniru perilaku tersebut.

Saya berbicara tentang jenis tampilan yang memburamkan latar belakang dengan sangat tebal sehingga memiliki efek tarik dari tampilan latar belakang.

Anda mungkin dapat memodifikasi sesuatu seperti RWBlurPopover Bin Zhang untuk melakukan ini. Komponen itu menggunakan GPUImage saya untuk menerapkan Gaussian blur ke komponen di bawahnya, tetapi Anda dapat dengan mudah menggunakan CIGaussianBlur untuk hal yang sama. GPUImage mungkin lebih cepat .

Komponen tersebut bergantung pada kemampuan Anda untuk menangkap tampilan di balik tampilan yang Anda sajikan, dan mungkin mengalami masalah dengan tampilan yang bergerak di balik konten ini. Kebutuhan untuk melakukan perjalanan melalui Core Graphics untuk meraster tampilan latar belakang akan memperlambat segalanya, jadi kami mungkin tidak memiliki akses langsung yang memadai untuk dapat melakukan ini dengan cara yang baik untuk overlay pada tampilan animasi.

Sebagai pembaruan di atas, saya baru-baru ini mengerjakan ulang blur di GPUImage untuk mendukung radius variabel, memungkinkan replikasi lengkap ukuran blur di tampilan pusat kendali iOS 7. Dari situ, saya membuat kelas GPUImageiOS7BlurFilter yang merangkum ukuran blur yang tepat dan koreksi warna yang tampaknya digunakan Apple di sini. Beginilah perbandingan blur GPUImage (di kanan) dengan blur bawaan (di kiri):

Saya menggunakan 4X downsampling / upsampling untuk mengurangi jumlah piksel yang harus dioperasikan oleh Gaussian blur, sehingga iPhone 4S dapat memburamkan seluruh layar dalam waktu sekitar 30 ms menggunakan operasi ini.

Anda masih memiliki tantangan tentang cara menarik konten ke dalam keburaman ini dari pandangan di belakang yang satu ini dengan cara yang baik.

Saya menggunakan FXBlurViewyang berfungsi dengan baik di 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]

Saya menambahkannya dengan menggunakan:

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

PERINGATAN: seseorang di komentar menyatakan bahwa Apple menolak aplikasi menggunakan teknik ini. Itu TIDAK terjadi pada saya, tetapi hanya untuk pertimbangan Anda.

Ini mungkin mengejutkan Anda, tetapi Anda dapat menggunakan UIToolbar , yang sudah menyertakan efek standar tersebut (hanya iOS 7+). Dalam Anda melihat viewDidLoad pengontrol:

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

Sejak iOS8, Anda dapat menggunakan UIBlurEffect .

Ada contoh bagus di iOS8Sampler dengan UIBlurEffect dan UIVibrancyEffect .

Cara baru terbaik untuk mendapatkan Overlay yang kabur adalah dengan menggunakan Fitur baru iOS 8 UIVisualEffectView.

UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

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

bluredView.frame = self.view.bounds;

[self.view addSubview:bluredView];

UIBlurEffect mendukung tiga jenis Style. Gelap, Terang, dan Cahaya Ekstra.

Anda dapat membuat kelas dengan UIToolBar yang merupakan subkelas dari UIView dan membuat instance di pengontrol tampilan terpisah. Pendekatan ini mendemonstrasikan UIToolBar tembus pandang (disubkelas oleh UIView) yang memberikan umpan balik langsung (dalam hal ini untuk 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

Setelah UIView di atas telah disesuaikan, lanjutkan dan buat kelas yang merupakan subkelas dari ViewController. Di bawah ini saya telah membuat kelas yang menggunakan sesi AVCapture. Anda harus menggunakan AVCaptureSession untuk mengganti konfigurasi kamera bawaan Apple. Dengan demikian Anda dapat melapisi UIToolBar tranclucent dari kelas 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