iOS: Use Animator to control blur effect

This commit is contained in:
pengfei.zhou 2021-11-26 11:03:38 +08:00 committed by osborn
parent f302592d11
commit 7c9e13158d
3 changed files with 44 additions and 9 deletions

View File

@ -29,6 +29,7 @@ - (UIView *)build {
UIView *ret = [super build];
UIVisualEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
self.visualEffectView = [[UIVisualEffectView alloc] initWithEffect:effect];
self.visualEffectView.userInteractionEnabled = NO;
[ret addSubview:self.visualEffectView];
self.visualEffectView.doricLayout.widthSpec = DoricLayoutMost;
self.visualEffectView.doricLayout.heightSpec = DoricLayoutMost;

View File

@ -20,18 +20,52 @@
#import <DoricExtensions.h>
#import "DoricBlurEffectViewNode.h"
@interface DoricBlurEffectView : UIVisualEffectView
@property(nonatomic, strong) UIViewPropertyAnimator *animator;
@property(nonatomic, assign) NSUInteger radius;
@end
@implementation DoricBlurEffectView
- (instancetype)initWithEffect:(UIVisualEffect *)effect {
if (self = [super initWithEffect:effect]) {
_animator = [[UIViewPropertyAnimator alloc]
initWithDuration:1
curve:UIViewAnimationCurveLinear
animations:^{
self.effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
}];
_animator.fractionComplete = MIN(1, MAX(0, 15.0f / 200));
if (@available(iOS 11, *)) {
_animator.pausesOnCompletion = YES;
}
}
return self;
}
- (void)didMoveToWindow {
[super didMoveToWindow];
}
- (void)setRadius:(NSUInteger)radius {
_radius = radius;
self.animator.fractionComplete = MIN(1, MAX(0, (radius / 200.f)));
}
- (void)dealloc {
[self.animator stopAnimation:YES];
}
@end
@interface DoricBlurEffectViewNode ()
@property(nonatomic, strong) UIVisualEffectView *visualEffectView;
@property(nonatomic, strong) DoricBlurEffectView *visualEffectView;
@end
@implementation DoricBlurEffectViewNode
- (UIView *)build {
UIView *ret = [super build];
UIVisualEffect *endEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
self.visualEffectView = [[UIVisualEffectView alloc] initWithEffect:endEffect];
self.visualEffectView = [[DoricBlurEffectView alloc] initWithEffect:nil];
self.visualEffectView.userInteractionEnabled = NO;
[ret addSubview:self.visualEffectView];
self.visualEffectView.doricLayout.widthSpec = DoricLayoutMost;
self.visualEffectView.doricLayout.heightSpec = DoricLayoutMost;
@ -40,7 +74,7 @@ - (UIView *)build {
- (void)blendView:(UIView *)view forPropName:(NSString *)name propValue:(id)prop {
if ([name isEqualToString:@"radius"]) {
self.visualEffectView.radius = ((NSNumber *) prop).unsignedIntValue;
} else if ([name isEqualToString:@"effectiveRect"]) {
NSUInteger x = ((NSNumber *) prop[@"x"]).unsignedIntegerValue;
NSUInteger y = ((NSNumber *) prop[@"y"]).unsignedIntegerValue;