Розмиття в стилі iOS 7

Хтось знає про будь-які елементи керування, які будуть повторювати розмивання поглядів у стилі iOS7.

Я припускаю, що може бути якийсь підклас UIView, який буде повторювати поведінку.

Я говорю про ці типові види, які розмивають фон надзвичайно густо, так що вони мають ефект потягу від фонового виду.

Ви можете змінити щось на зразок RWBlurPopover Bin Zhang для цього. Цей компонент використовує мій GPUImage для нанесення гауссової розмитості до компонентів під ним, але ви можете так само легко використовувати CIGaussianBlur для того ж. GPUImage, однак, може бути волоссям швидше .

Цей компонент покладається на те, що ви зможете зафіксувати вигляд позаду того, який ви представляєте, і, можливо, можуть виникнути проблеми з переглядами, що оживляють цей вміст. Необхідність здійснити подорож по Core Graphics для растерізації фонового виду сповільнить ситуацію, тому ми, мабуть, не маємо достатньо прямого доступу, щоб мати змогу це зробити на належному рівні для накладення анімаційних поглядів.

Як оновлення до вищезазначеного, я нещодавно переробив розмиття в GPUImage для підтримки змінних радіусів, що дозволяє повну реплікацію розміру розмиття в представленні центру управління iOS 7. З цього я створив клас GPUImageiOS7BlurFilter, який інкапсулює належний розмір розмиття та корекцію кольору, який, схоже, використовує тут Apple. Ось так розмиття GPUImage (праворуч) порівнюється з вбудованою розмитістю (зліва):

Для зменшення кількості пікселів, з якими має діяти розмиття Гаусса, я використовую 4-кратне зменшення / підсилення, тому iPhone 4S може розмити весь екран приблизно за 30 мс за допомогою цієї операції.

У вас все ще виникає завдання, як витягнути вміст у цю розмитість із поглядів, що стоять за цим, виконаним чином.

Я використовую, FXBlurViewщо чудово працює на iOS5 +

https://github.com/nicklockwood/FXBlurView

КакаоПоди:

-> 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]

Я додав його, використовуючи:

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

ПОПЕРЕДЖЕННЯ: хтось у коментарях заявив, що Apple відхиляє програми за допомогою цієї методики. Цього не сталося зі мною, а лише для вашого розгляду.

Це може вас здивувати, але ви можете використовувати панель UITool , яка вже включає цей стандартний ефект (лише iOS 7+). У перегляді подання контролераDidLoad:

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

З iOS8 ви можете використовувати UIBlurEffect .

Існують хороші приклади iOS8Sampler з UIBlurEffect та UIVibrancyEffect .

Найкращий новий спосіб отримати розмиту накладку - використовувати новий iOS 8 Feature UIVisualEffectView.

UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

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

bluredView.frame = self.view.bounds;

[self.view addSubview:bluredView];

UIBlurEffect підтримує три види стилю. Темні, світлі та надлегкі.

Ви можете створити клас за допомогою UIToolBar, що є підкласом UIView, та інстанціювати його в окремому контролері перегляду. Цей підхід демонструє напівпрозорий UIToolBar (підкласифікований UIView), який забезпечує прямий зворотний зв'язок (у цьому випадку для 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

Після того, як вищевказаний UIView був налаштований, продовжуйте створювати клас, що є підкласом ViewController. Нижче я створив клас, який використовує сеанс AVCapture. Ви повинні використовувати AVCaptureSession, щоб перекрити вбудовану яблучну конфігурацію камери. Таким чином, ви можете накладати транскліпційний UIToolBar з класу 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