2019-12-04 13:29:26 +08:00
|
|
|
/*
|
|
|
|
* Copyright [2019] [Doric.Pub]
|
|
|
|
*
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
*
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
*
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
* limitations under the License.
|
|
|
|
*/
|
|
|
|
//
|
|
|
|
// DoricViewNode.m
|
|
|
|
// Doric
|
|
|
|
//
|
|
|
|
// Created by pengfei.zhou on 2019/7/30.
|
|
|
|
//
|
|
|
|
|
|
|
|
#import "DoricViewNode.h"
|
|
|
|
#import "DoricUtil.h"
|
|
|
|
#import "DoricGroupNode.h"
|
|
|
|
#import "DoricRootNode.h"
|
|
|
|
#import "DoricConstant.h"
|
|
|
|
#import "DoricSuperNode.h"
|
|
|
|
#import "DoricExtensions.h"
|
|
|
|
#import "DoricPromise.h"
|
2020-04-09 17:07:24 +08:00
|
|
|
#import "DoricFlexNode.h"
|
2019-12-04 13:29:26 +08:00
|
|
|
|
|
|
|
void DoricAddEllipticArcPath(CGMutablePathRef path,
|
|
|
|
CGPoint origin,
|
|
|
|
CGFloat radius,
|
|
|
|
CGFloat startAngle,
|
|
|
|
CGFloat endAngle) {
|
|
|
|
CGAffineTransform t = CGAffineTransformMakeTranslation(origin.x, origin.y);
|
|
|
|
CGPathAddArc(path, &t, 0, 0, radius, startAngle, endAngle, NO);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
CGPathRef DoricCreateRoundedRectPath(CGRect bounds,
|
|
|
|
CGFloat leftTop,
|
|
|
|
CGFloat rightTop,
|
|
|
|
CGFloat rightBottom,
|
|
|
|
CGFloat leftBottom) {
|
|
|
|
const CGFloat minX = CGRectGetMinX(bounds);
|
|
|
|
const CGFloat minY = CGRectGetMinY(bounds);
|
|
|
|
const CGFloat maxX = CGRectGetMaxX(bounds);
|
|
|
|
const CGFloat maxY = CGRectGetMaxY(bounds);
|
|
|
|
|
|
|
|
CGMutablePathRef path = CGPathCreateMutable();
|
|
|
|
DoricAddEllipticArcPath(path, (CGPoint) {
|
|
|
|
minX + leftTop, minY + leftTop
|
|
|
|
}, leftTop, M_PI, 3 * M_PI_2);
|
|
|
|
DoricAddEllipticArcPath(path, (CGPoint) {
|
|
|
|
maxX - rightTop, minY + rightTop
|
|
|
|
}, rightTop, 3 * M_PI_2, 0);
|
|
|
|
DoricAddEllipticArcPath(path, (CGPoint) {
|
|
|
|
maxX - rightBottom, maxY - rightBottom
|
|
|
|
}, rightBottom, 0, M_PI_2);
|
|
|
|
DoricAddEllipticArcPath(path, (CGPoint) {
|
|
|
|
minX + leftBottom, maxY - leftBottom
|
|
|
|
}, leftBottom, M_PI_2, M_PI);
|
|
|
|
CGPathCloseSubpath(path);
|
|
|
|
return path;
|
|
|
|
}
|
|
|
|
|
|
|
|
@interface AnimationCallback : NSObject <CAAnimationDelegate>
|
|
|
|
@property(nonatomic, strong) NSMutableDictionary *dictionary;
|
|
|
|
@property(nonatomic, strong) void (^startBlock)(AnimationCallback *callback);
|
|
|
|
|
|
|
|
@property(nonatomic, strong) void (^endBlock)(AnimationCallback *callback);
|
|
|
|
@end
|
|
|
|
|
|
|
|
@implementation AnimationCallback
|
|
|
|
- (instancetype)init {
|
|
|
|
if (self = [super init]) {
|
|
|
|
_dictionary = [NSMutableDictionary new];
|
|
|
|
}
|
|
|
|
return self;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)animationDidStart:(CAAnimation *)anim {
|
|
|
|
if (self.startBlock) {
|
|
|
|
self.startBlock(self);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
|
|
|
|
if (self.endBlock) {
|
|
|
|
self.endBlock(self);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@end
|
|
|
|
|
|
|
|
@interface DoricViewNode ()
|
|
|
|
@property(nonatomic, strong) NSMutableDictionary *callbackIds;
|
|
|
|
@property(nonatomic, copy) NSNumber *translationX;
|
|
|
|
@property(nonatomic, copy) NSNumber *translationY;
|
|
|
|
@property(nonatomic, copy) NSNumber *scaleX;
|
|
|
|
@property(nonatomic, copy) NSNumber *scaleY;
|
|
|
|
@property(nonatomic, copy) NSNumber *rotation;
|
|
|
|
@property(nonatomic, copy) NSNumber *pivotX;
|
|
|
|
@property(nonatomic, copy) NSNumber *pivotY;
|
2020-04-09 13:30:31 +08:00
|
|
|
@property(nonatomic, strong) NSDictionary *gradientProps;
|
|
|
|
@property(nonatomic, assign) CGSize gradientSize;
|
2019-12-04 13:29:26 +08:00
|
|
|
@end
|
|
|
|
|
|
|
|
@implementation DoricViewNode
|
|
|
|
|
|
|
|
- (instancetype)initWithContext:(DoricContext *)doricContext {
|
|
|
|
if (self = [super initWithContext:doricContext]) {
|
|
|
|
_callbackIds = [[NSMutableDictionary alloc] init];
|
|
|
|
}
|
|
|
|
return self;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)initWithSuperNode:(DoricSuperNode *)superNode {
|
|
|
|
if ([self isKindOfClass:[DoricSuperNode class]]) {
|
|
|
|
((DoricSuperNode *) self).reusable = superNode.reusable;
|
|
|
|
}
|
|
|
|
self.superNode = superNode;
|
2020-04-03 16:36:43 +08:00
|
|
|
self.view = [self build];
|
2020-04-27 18:03:33 +08:00
|
|
|
self.view.clipsToBounds = YES;
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
- (UIView *)build {
|
|
|
|
return [[UIView alloc] init];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)blend:(NSDictionary *)props {
|
|
|
|
for (NSString *key in props) {
|
|
|
|
id value = props[key];
|
2020-03-20 15:27:31 +08:00
|
|
|
if (!value || [value isKindOfClass:[NSNull class]]) {
|
|
|
|
continue;
|
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
[self blendView:self.view forPropName:key propValue:value];
|
|
|
|
}
|
2020-04-03 16:36:43 +08:00
|
|
|
[self afterBlended:props];
|
2020-04-07 10:58:44 +08:00
|
|
|
[self transformProperties];
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
|
2020-04-03 16:36:43 +08:00
|
|
|
- (void)afterBlended:(NSDictionary *)props {
|
|
|
|
}
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (void)transformProperties {
|
|
|
|
CGAffineTransform transform = CGAffineTransformIdentity;
|
|
|
|
if (self.translationX || self.translationY) {
|
|
|
|
transform = CGAffineTransformTranslate(transform, [self.translationX floatValue] ?: 0, [self.translationY floatValue] ?: 0);
|
|
|
|
}
|
|
|
|
if (self.scaleX || self.scaleY) {
|
|
|
|
transform = CGAffineTransformScale(transform, [self.scaleX floatValue] ?: 1, [self.scaleY floatValue] ?: 1);
|
|
|
|
}
|
|
|
|
if (self.rotation) {
|
|
|
|
transform = CGAffineTransformRotate(transform, (self.rotation.floatValue ?: 0) * M_PI);
|
|
|
|
}
|
2020-04-07 10:58:44 +08:00
|
|
|
self.view.layer.anchorPoint = CGPointMake(self.pivotX.floatValue
|
|
|
|
?: 0.5f, self.pivotY.floatValue ?: 0.5f);
|
2020-03-03 14:43:49 +08:00
|
|
|
if (!CGAffineTransformEqualToTransform(transform, self.view.transform)) {
|
2020-04-07 10:58:44 +08:00
|
|
|
self.view.transform = transform;
|
2020-03-03 14:43:49 +08:00
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
- (void)blendView:(UIView *)view forPropName:(NSString *)name propValue:(id)prop {
|
|
|
|
if ([name isEqualToString:@"width"]) {
|
2020-04-03 16:36:43 +08:00
|
|
|
view.doricLayout.width = [prop floatValue];
|
2019-12-04 13:29:26 +08:00
|
|
|
} else if ([name isEqualToString:@"height"]) {
|
2020-04-03 16:36:43 +08:00
|
|
|
view.doricLayout.height = [prop floatValue];
|
2019-12-04 13:29:26 +08:00
|
|
|
} else if ([name isEqualToString:@"x"]) {
|
2020-04-08 15:47:10 +08:00
|
|
|
view.doricLayout.marginLeft = [prop floatValue];
|
2019-12-04 13:29:26 +08:00
|
|
|
} else if ([name isEqualToString:@"y"]) {
|
2020-04-08 15:47:10 +08:00
|
|
|
view.doricLayout.marginTop = [prop floatValue];
|
2019-12-04 13:29:26 +08:00
|
|
|
} else if ([name isEqualToString:@"backgroundColor"]) {
|
2020-03-13 19:07:40 +08:00
|
|
|
if ([prop isKindOfClass:[NSNumber class]]) {
|
|
|
|
view.backgroundColor = DoricColor(prop);
|
2020-04-22 13:39:10 +08:00
|
|
|
self.gradientProps = nil;
|
|
|
|
self.gradientSize = CGSizeZero;
|
2020-03-13 19:07:40 +08:00
|
|
|
} else if ([prop isKindOfClass:[NSDictionary class]]) {
|
2020-04-09 13:30:31 +08:00
|
|
|
self.gradientProps = prop;
|
2020-03-13 19:07:40 +08:00
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
} else if ([name isEqualToString:@"alpha"]) {
|
|
|
|
view.alpha = [prop floatValue];
|
|
|
|
} else if ([name isEqualToString:@"layoutConfig"]) {
|
|
|
|
if (self.superNode && [prop isKindOfClass:[NSDictionary class]]) {
|
|
|
|
[self.superNode blendSubNode:self layoutConfig:prop];
|
|
|
|
} else {
|
|
|
|
[self blendLayoutConfig:prop];
|
|
|
|
}
|
|
|
|
} else if ([name isEqualToString:@"onClick"]) {
|
|
|
|
self.callbackIds[@"onClick"] = prop;
|
|
|
|
view.userInteractionEnabled = YES;
|
|
|
|
UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(onClick:)];
|
|
|
|
[view addGestureRecognizer:tapGestureRecognizer];
|
|
|
|
} else if ([name isEqualToString:@"border"]) {
|
|
|
|
NSDictionary *dic = prop;
|
|
|
|
CGFloat width = [(NSNumber *) dic[@"width"] floatValue];
|
|
|
|
UIColor *color = DoricColor((NSNumber *) dic[@"color"]);
|
|
|
|
view.layer.borderWidth = width;
|
|
|
|
view.layer.borderColor = color.CGColor;
|
|
|
|
} else if ([name isEqualToString:@"corners"]) {
|
2020-02-21 20:53:02 +08:00
|
|
|
self.view.clipsToBounds = YES;
|
2019-12-04 13:29:26 +08:00
|
|
|
if ([prop isKindOfClass:NSNumber.class]) {
|
|
|
|
view.layer.cornerRadius = [(NSNumber *) prop floatValue];
|
|
|
|
} else if ([prop isKindOfClass:NSDictionary.class]) {
|
|
|
|
NSDictionary *dic = prop;
|
|
|
|
CGFloat leftTop = [(NSNumber *) dic[@"leftTop"] floatValue];
|
|
|
|
CGFloat rightTop = [(NSNumber *) dic[@"rightTop"] floatValue];
|
|
|
|
CGFloat rightBottom = [(NSNumber *) dic[@"rightBottom"] floatValue];
|
|
|
|
CGFloat leftBottom = [(NSNumber *) dic[@"leftBottom"] floatValue];
|
|
|
|
if (ABS(leftTop - rightTop) > CGFLOAT_MIN
|
|
|
|
|| ABS(leftTop - rightBottom) > CGFLOAT_MIN
|
|
|
|
|| ABS(leftTop - leftBottom) > CGFLOAT_MIN) {
|
|
|
|
view.layer.cornerRadius = 0;
|
|
|
|
dispatch_async(dispatch_get_main_queue(), ^{
|
|
|
|
CAShapeLayer *shapeLayer = [CAShapeLayer layer];
|
|
|
|
CGPathRef path = DoricCreateRoundedRectPath(self.view.bounds, leftTop, rightTop, rightBottom, leftBottom);
|
|
|
|
shapeLayer.path = path;
|
|
|
|
CGPathRelease(path);
|
|
|
|
view.layer.mask = shapeLayer;
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
view.layer.cornerRadius = leftTop;
|
|
|
|
view.layer.mask = nil;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if ([name isEqualToString:@"shadow"]) {
|
|
|
|
NSDictionary *dic = prop;
|
|
|
|
CGFloat opacity = [(NSNumber *) dic[@"opacity"] floatValue];
|
|
|
|
if (opacity > CGFLOAT_MIN) {
|
|
|
|
view.clipsToBounds = NO;
|
|
|
|
UIColor *color = DoricColor((NSNumber *) dic[@"color"]);
|
|
|
|
view.layer.shadowColor = color.CGColor;
|
|
|
|
view.layer.shadowRadius = [(NSNumber *) dic[@"radius"] floatValue];
|
|
|
|
view.layer.shadowOffset = CGSizeMake([(NSNumber *) dic[@"offsetX"] floatValue], [(NSNumber *) dic[@"offsetY"] floatValue]);
|
|
|
|
view.layer.shadowOpacity = (float) opacity;
|
|
|
|
} else {
|
|
|
|
view.clipsToBounds = YES;
|
|
|
|
}
|
|
|
|
} else if ([name isEqualToString:@"translationX"]) {
|
|
|
|
self.translationX = prop;
|
|
|
|
} else if ([name isEqualToString:@"translationY"]) {
|
|
|
|
self.translationY = prop;
|
|
|
|
} else if ([name isEqualToString:@"scaleX"]) {
|
|
|
|
self.scaleX = prop;
|
|
|
|
} else if ([name isEqualToString:@"scaleY"]) {
|
|
|
|
self.scaleY = prop;
|
|
|
|
} else if ([name isEqualToString:@"pivotX"]) {
|
|
|
|
self.pivotX = prop;
|
|
|
|
} else if ([name isEqualToString:@"pivotY"]) {
|
|
|
|
self.pivotY = prop;
|
|
|
|
} else if ([name isEqualToString:@"rotation"]) {
|
|
|
|
self.rotation = prop;
|
2019-12-04 19:02:15 +08:00
|
|
|
} else if ([name isEqualToString:@"padding"]) {
|
2020-04-03 16:36:43 +08:00
|
|
|
view.doricLayout.paddingLeft = 0;
|
|
|
|
view.doricLayout.paddingRight = 0;
|
|
|
|
view.doricLayout.paddingTop = 0;
|
|
|
|
view.doricLayout.paddingBottom = 0;
|
2019-12-04 19:02:15 +08:00
|
|
|
if ([prop isKindOfClass:[NSDictionary class]]) {
|
|
|
|
NSDictionary *dictionary = prop;
|
2020-04-03 16:36:43 +08:00
|
|
|
view.doricLayout.paddingLeft = [dictionary[@"left"] floatValue];
|
|
|
|
view.doricLayout.paddingRight = [dictionary[@"right"] floatValue];
|
|
|
|
view.doricLayout.paddingTop = [dictionary[@"top"] floatValue];
|
|
|
|
view.doricLayout.paddingBottom = [dictionary[@"bottom"] floatValue];
|
2019-12-04 19:02:15 +08:00
|
|
|
}
|
2019-12-10 13:44:08 +08:00
|
|
|
} else if ([name isEqualToString:@"hidden"]) {
|
|
|
|
self.view.hidden = [prop boolValue];
|
2020-04-03 16:36:43 +08:00
|
|
|
self.view.doricLayout.disabled = [prop boolValue];
|
2020-04-09 17:07:24 +08:00
|
|
|
} else if ([name isEqualToString:@"flexConfig"]) {
|
2020-04-11 11:02:51 +08:00
|
|
|
if ([prop isKindOfClass:[NSDictionary class]]) {
|
|
|
|
if ([self.superNode isKindOfClass:[DoricFlexNode class]]) {
|
|
|
|
[((DoricFlexNode *) self.superNode) blendSubNode:self flexConfig:prop];
|
|
|
|
}
|
2020-04-09 17:07:24 +08:00
|
|
|
}
|
2019-12-04 13:29:26 +08:00
|
|
|
} else {
|
|
|
|
DoricLog(@"Blend View error for View Type :%@, prop is %@", self.class, name);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)onClick:(UIView *)view {
|
|
|
|
[self callJSResponse:self.callbackIds[@"onClick"], nil];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSArray<NSString *> *)idList {
|
|
|
|
NSMutableArray *ret = [[NSMutableArray alloc] init];
|
|
|
|
DoricViewNode *node = self;
|
|
|
|
do {
|
|
|
|
[ret addObject:node.viewId];
|
|
|
|
node = node.superNode;
|
|
|
|
} while (node);
|
|
|
|
|
|
|
|
return [[ret reverseObjectEnumerator] allObjects];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (DoricAsyncResult *)callJSResponse:(NSString *)funcId, ... {
|
|
|
|
NSMutableArray *array = [[NSMutableArray alloc] init];
|
|
|
|
[array addObject:self.idList];
|
|
|
|
[array addObject:funcId];
|
|
|
|
va_list args;
|
|
|
|
va_start(args, funcId);
|
|
|
|
id arg;
|
|
|
|
while ((arg = va_arg(args, id)) != nil) {
|
|
|
|
[array addObject:arg];
|
|
|
|
}
|
|
|
|
DoricAsyncResult *ret = [self.doricContext callEntity:DORIC_ENTITY_RESPONSE withArgumentsArray:array];
|
|
|
|
va_end(args);
|
|
|
|
return ret;
|
|
|
|
}
|
|
|
|
|
|
|
|
+ (__kindof DoricViewNode *)create:(DoricContext *)context withType:(NSString *)type {
|
|
|
|
DoricRegistry *registry = context.driver.registry;
|
|
|
|
Class clz = [registry acquireViewNode:type];
|
|
|
|
DoricViewNode *viewNode = [(DoricViewNode *) [clz alloc] initWithContext:context];
|
|
|
|
viewNode.type = type;
|
|
|
|
return viewNode;
|
|
|
|
}
|
|
|
|
|
2020-04-09 13:30:31 +08:00
|
|
|
- (UIImage *)gradientImageFromColors:(NSArray *)colors
|
|
|
|
startPoint:(CGPoint)startPoint
|
|
|
|
endPoint:(CGPoint)endPoint
|
|
|
|
imgSize:(CGSize)imgSize {
|
|
|
|
UIGraphicsBeginImageContextWithOptions(imgSize, NO, [UIScreen mainScreen].scale);
|
|
|
|
CGContextRef context = UIGraphicsGetCurrentContext();
|
|
|
|
CGContextSaveGState(context);
|
|
|
|
CGColorSpaceRef colorSpace = CGColorGetColorSpace((__bridge CGColorRef) colors.lastObject);
|
|
|
|
CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (__bridge CFArrayRef) colors, NULL);
|
|
|
|
CGPoint start = (CGPoint) {startPoint.x * imgSize.width, startPoint.y * imgSize.height};
|
|
|
|
CGPoint end = (CGPoint) {endPoint.x * imgSize.width, endPoint.y * imgSize.height};
|
|
|
|
CGContextDrawLinearGradient(context, gradient, start, end, kCGGradientDrawsBeforeStartLocation | kCGGradientDrawsAfterEndLocation);
|
|
|
|
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
|
|
|
|
CGGradientRelease(gradient);
|
|
|
|
CGContextRestoreGState(context);
|
|
|
|
UIGraphicsEndImageContext();
|
|
|
|
return image;
|
|
|
|
}
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (void)requestLayout {
|
2020-04-09 13:30:31 +08:00
|
|
|
[self.gradientProps also:^(NSDictionary *dict) {
|
|
|
|
if (CGSizeEqualToSize(self.gradientSize, self.view.frame.size)) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
self.gradientSize = self.view.frame.size;
|
|
|
|
UIColor *start = DoricColor(dict[@"start"]);
|
|
|
|
UIColor *end = DoricColor(dict[@"end"]);
|
|
|
|
int orientation = [dict[@"orientation"] intValue];
|
|
|
|
CGPoint startPoint;
|
|
|
|
CGPoint endPoint;
|
|
|
|
if (orientation == 1) {
|
|
|
|
startPoint = CGPointMake(1, 0);
|
|
|
|
endPoint = CGPointMake(0, 1);
|
|
|
|
} else if (orientation == 2) {
|
|
|
|
startPoint = CGPointMake(1, 0);
|
|
|
|
endPoint = CGPointMake(0, 0);
|
|
|
|
} else if (orientation == 3) {
|
|
|
|
startPoint = CGPointMake(1, 1);
|
|
|
|
endPoint = CGPointMake(0, 0);
|
|
|
|
} else if (orientation == 4) {
|
|
|
|
startPoint = CGPointMake(0, 1);
|
|
|
|
endPoint = CGPointMake(0, 0);
|
|
|
|
} else if (orientation == 5) {
|
|
|
|
startPoint = CGPointMake(0, 1);
|
|
|
|
endPoint = CGPointMake(1, 0);
|
|
|
|
} else if (orientation == 6) {
|
|
|
|
startPoint = CGPointMake(0, 0);
|
|
|
|
endPoint = CGPointMake(1, 0);
|
|
|
|
} else if (orientation == 7) {
|
|
|
|
startPoint = CGPointMake(0, 0);
|
|
|
|
endPoint = CGPointMake(1, 1);
|
|
|
|
} else {
|
|
|
|
startPoint = CGPointMake(0, 0);
|
|
|
|
endPoint = CGPointMake(0, 1);
|
|
|
|
}
|
|
|
|
UIImage *gradientImage = [self gradientImageFromColors:@[(__bridge id) start.CGColor, (__bridge id) end.CGColor]
|
|
|
|
startPoint:startPoint
|
|
|
|
endPoint:endPoint
|
|
|
|
imgSize:self.gradientSize];
|
|
|
|
self.view.backgroundColor = [UIColor colorWithPatternImage:gradientImage];
|
|
|
|
}];
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
- (NSNumber *)getWidth {
|
|
|
|
return @(self.view.width);
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSNumber *)getHeight {
|
|
|
|
return @(self.view.height);
|
|
|
|
}
|
|
|
|
|
2020-03-03 14:22:33 +08:00
|
|
|
- (NSNumber *)getX {
|
|
|
|
return @(self.view.x);
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSNumber *)getY {
|
|
|
|
return @(self.view.y);
|
|
|
|
}
|
|
|
|
|
2019-12-12 17:33:02 +08:00
|
|
|
- (NSDictionary *)getLocationOnScreen {
|
2020-04-15 16:37:37 +08:00
|
|
|
CGPoint point = [self.view convertPoint:CGPointMake(0, 0) toView:[UIApplication sharedApplication].keyWindow];
|
2019-12-12 17:33:02 +08:00
|
|
|
return @{@"x": @(point.x), @"y": @(point.y)};
|
|
|
|
}
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (void)blendLayoutConfig:(NSDictionary *)params {
|
2020-04-03 16:36:43 +08:00
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
[params[@"widthSpec"] also:^(NSNumber *it) {
|
2020-04-03 16:36:43 +08:00
|
|
|
self.view.doricLayout.widthSpec = (DoricLayoutSpec) [it integerValue];
|
2019-12-04 13:29:26 +08:00
|
|
|
}];
|
|
|
|
|
|
|
|
[params[@"heightSpec"] also:^(NSNumber *it) {
|
2020-04-03 16:36:43 +08:00
|
|
|
self.view.doricLayout.heightSpec = (DoricLayoutSpec) [it integerValue];
|
|
|
|
}];
|
|
|
|
[params[@"margin"] also:^(NSDictionary *it) {
|
2020-04-09 13:30:31 +08:00
|
|
|
[it[@"left"] also:^(NSNumber *it) {
|
2020-04-08 20:27:23 +08:00
|
|
|
self.view.doricLayout.marginLeft = [it floatValue];
|
|
|
|
}];
|
2020-04-09 13:30:31 +08:00
|
|
|
[it[@"top"] also:^(NSNumber *it) {
|
2020-04-08 20:27:23 +08:00
|
|
|
self.view.doricLayout.marginTop = [it floatValue];
|
|
|
|
}];
|
2020-04-09 13:30:31 +08:00
|
|
|
[it[@"right"] also:^(NSNumber *it) {
|
2020-04-08 20:27:23 +08:00
|
|
|
self.view.doricLayout.marginRight = [it floatValue];
|
|
|
|
}];
|
2020-04-09 13:30:31 +08:00
|
|
|
[it[@"bottom"] also:^(NSNumber *it) {
|
2020-04-08 20:27:23 +08:00
|
|
|
self.view.doricLayout.marginBottom = [it floatValue];
|
|
|
|
}];
|
2020-04-03 16:36:43 +08:00
|
|
|
}];
|
|
|
|
[params[@"alignment"] also:^(NSNumber *it) {
|
|
|
|
self.view.doricLayout.alignment = (DoricGravity) [it integerValue];
|
|
|
|
}];
|
|
|
|
[params[@"weight"] also:^(NSNumber *it) {
|
|
|
|
self.view.doricLayout.weight = (DoricGravity) [it integerValue];
|
2019-12-04 13:29:26 +08:00
|
|
|
}];
|
2020-04-11 12:20:43 +08:00
|
|
|
[params[@"maxWidth"] also:^(NSNumber *it) {
|
|
|
|
self.view.doricLayout.maxWidth = (DoricGravity) [it integerValue];
|
|
|
|
}];
|
|
|
|
[params[@"maxHeight"] also:^(NSNumber *it) {
|
|
|
|
self.view.doricLayout.maxHeight = (DoricGravity) [it integerValue];
|
|
|
|
}];
|
|
|
|
[params[@"minWidth"] also:^(NSNumber *it) {
|
2020-04-11 13:14:34 +08:00
|
|
|
self.view.doricLayout.minWidth = (DoricGravity) [it integerValue];
|
2020-04-11 12:20:43 +08:00
|
|
|
}];
|
|
|
|
[params[@"minHeight"] also:^(NSNumber *it) {
|
2020-04-11 13:14:34 +08:00
|
|
|
self.view.doricLayout.minHeight = (DoricGravity) [it integerValue];
|
2020-04-11 12:20:43 +08:00
|
|
|
}];
|
2019-12-04 13:29:26 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
- (NSDictionary *)transformation {
|
|
|
|
NSMutableDictionary *dictionary = [NSMutableDictionary new];
|
|
|
|
if (self.translationX) {
|
|
|
|
dictionary[@"translationX"] = self.translationX;
|
|
|
|
}
|
|
|
|
if (self.translationY) {
|
|
|
|
dictionary[@"translationY"] = self.translationY;
|
|
|
|
}
|
|
|
|
if (self.scaleX) {
|
|
|
|
dictionary[@"scaleX"] = self.scaleX;
|
|
|
|
}
|
|
|
|
if (self.scaleY) {
|
|
|
|
dictionary[@"scaleY"] = self.scaleY;
|
|
|
|
}
|
|
|
|
if (self.rotation) {
|
|
|
|
dictionary[@"rotation"] = self.rotation;
|
|
|
|
}
|
|
|
|
return dictionary;
|
|
|
|
}
|
|
|
|
|
2019-12-04 19:02:15 +08:00
|
|
|
#pragma animations
|
|
|
|
|
2019-12-04 13:29:26 +08:00
|
|
|
- (void)doAnimation:(id)params withPromise:(DoricPromise *)promise {
|
|
|
|
CAAnimation *animation = [self parseAnimation:params];
|
|
|
|
AnimationCallback *originDelegate = animation.delegate;
|
|
|
|
AnimationCallback *animationCallback = [[AnimationCallback new] also:^(AnimationCallback *it) {
|
|
|
|
it.startBlock = ^(AnimationCallback *callback) {
|
|
|
|
if (originDelegate) {
|
|
|
|
originDelegate.startBlock(callback);
|
|
|
|
}
|
|
|
|
[self transformProperties];
|
|
|
|
};
|
|
|
|
it.endBlock = ^(AnimationCallback *callback) {
|
|
|
|
if (originDelegate) {
|
|
|
|
originDelegate.endBlock(callback);
|
|
|
|
}
|
2019-12-04 19:02:15 +08:00
|
|
|
[self.view.layer removeAllAnimations];
|
2019-12-04 13:29:26 +08:00
|
|
|
[self transformProperties];
|
|
|
|
[promise resolve:self.transformation];
|
|
|
|
};
|
|
|
|
}];
|
|
|
|
animation.delegate = animationCallback;
|
|
|
|
if (params[@"delay"]) {
|
|
|
|
animation.beginTime = CACurrentMediaTime() + [params[@"delay"] floatValue] / 1000;
|
|
|
|
}
|
2019-12-04 19:02:15 +08:00
|
|
|
animation.removedOnCompletion = NO;
|
|
|
|
animation.fillMode = kCAFillModeForwards;
|
2019-12-04 13:29:26 +08:00
|
|
|
[self.view.layer addAnimation:animation forKey:nil];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (CFTimeInterval)computeDurationOfAnimations:(NSArray<CAAnimation *> *)animations {
|
|
|
|
__block CFTimeInterval interval = 0;
|
|
|
|
[animations forEach:^(CAAnimation *obj) {
|
|
|
|
interval = MAX(interval, obj.beginTime + obj.duration * (1 + obj.repeatCount));
|
|
|
|
}];
|
|
|
|
return interval;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (CAAnimation *)parseAnimation:(id)params {
|
|
|
|
if (params[@"animations"]) {
|
|
|
|
NSArray *anims = params[@"animations"];
|
|
|
|
CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
|
|
|
|
NSMutableArray *animations = [NSMutableArray new];
|
|
|
|
[anims forEach:^(id obj) {
|
|
|
|
[animations addObject:[self parseAnimation:obj]];
|
|
|
|
}];
|
|
|
|
animationGroup.duration = [self computeDurationOfAnimations:animations];
|
|
|
|
animationGroup.animations = animations;
|
|
|
|
animationGroup.delegate = [[AnimationCallback new] also:^(AnimationCallback *it) {
|
|
|
|
it.startBlock = ^(AnimationCallback *callback) {
|
|
|
|
[[animations map:^id(CABasicAnimation *obj) {
|
|
|
|
return obj.delegate;
|
|
|
|
}] forEach:^(AnimationCallback *obj) {
|
|
|
|
if (obj.startBlock) {
|
|
|
|
obj.startBlock(obj);
|
|
|
|
}
|
|
|
|
}];
|
|
|
|
};
|
|
|
|
it.endBlock = ^(AnimationCallback *callback) {
|
|
|
|
[[animations map:^id(CABasicAnimation *obj) {
|
|
|
|
return obj.delegate;
|
|
|
|
}] forEach:^(AnimationCallback *obj) {
|
|
|
|
if (obj.endBlock) {
|
|
|
|
obj.endBlock(obj);
|
|
|
|
}
|
|
|
|
}];
|
|
|
|
};
|
|
|
|
}];
|
|
|
|
if (params[@"delay"]) {
|
|
|
|
animationGroup.beginTime = [params[@"delay"] floatValue] / 1000;
|
|
|
|
}
|
|
|
|
return animationGroup;
|
|
|
|
} else if ([params isKindOfClass:[NSDictionary class]]) {
|
|
|
|
NSArray<NSDictionary *> *changeables = params[@"changeables"];
|
|
|
|
NSString *type = params[@"type"];
|
|
|
|
if ([@"TranslationAnimation" isEqualToString:type]) {
|
|
|
|
__block CGPoint from = self.view.layer.position;
|
|
|
|
__block CGPoint to = self.view.layer.position;
|
|
|
|
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];
|
|
|
|
[changeables forEach:^(NSDictionary *obj) {
|
|
|
|
NSString *key = obj[@"key"];
|
|
|
|
if ([@"translationX" isEqualToString:key]) {
|
|
|
|
from.x += [obj[@"fromValue"] floatValue] - self.translationX.floatValue;
|
|
|
|
to.x += [obj[@"toValue"] floatValue] - self.translationX.floatValue;
|
|
|
|
[self setFillMode:animation
|
|
|
|
key:key
|
|
|
|
startValue:obj[@"fromValue"]
|
|
|
|
endValue:obj[@"toValue"]
|
|
|
|
fillMode:params[@"fillMode"]];
|
|
|
|
} else if ([@"translationY" isEqualToString:key]) {
|
|
|
|
from.y += [obj[@"fromValue"] floatValue] - self.translationY.floatValue;
|
|
|
|
to.y += [obj[@"toValue"] floatValue] - self.translationY.floatValue;
|
|
|
|
[self setFillMode:animation
|
|
|
|
key:key
|
|
|
|
startValue:obj[@"fromValue"]
|
|
|
|
endValue:obj[@"toValue"]
|
|
|
|
fillMode:params[@"fillMode"]];
|
|
|
|
}
|
|
|
|
|
|
|
|
}];
|
|
|
|
animation.fromValue = [NSValue valueWithCGPoint:from];
|
|
|
|
animation.toValue = [NSValue valueWithCGPoint:to];
|
|
|
|
if (params[@"timingFunction"]) {
|
|
|
|
animation.timingFunction = [self translateToTimingFunction:params[@"timingFunction"]];
|
|
|
|
}
|
|
|
|
[self setAnimation:animation params:params];
|
|
|
|
return animation;
|
|
|
|
} else {
|
|
|
|
CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
|
|
|
|
NSMutableArray <CABasicAnimation *> *animations = [NSMutableArray new];
|
|
|
|
|
|
|
|
[changeables forEach:^(NSDictionary *obj) {
|
|
|
|
CABasicAnimation *animation = [self parseChangeable:obj fillMode:params[@"fillMode"]];
|
|
|
|
if (params[@"timingFunction"]) {
|
|
|
|
animation.timingFunction = [self translateToTimingFunction:params[@"timingFunction"]];
|
|
|
|
}
|
|
|
|
[animations addObject:animation];
|
|
|
|
}];
|
|
|
|
animationGroup.animations = animations;
|
|
|
|
animationGroup.delegate = [[AnimationCallback new] also:^(AnimationCallback *it) {
|
|
|
|
it.startBlock = ^(AnimationCallback *callback) {
|
|
|
|
[[animations map:^id(CABasicAnimation *obj) {
|
|
|
|
return obj.delegate;
|
|
|
|
}] forEach:^(AnimationCallback *obj) {
|
|
|
|
if (obj.startBlock) {
|
|
|
|
obj.startBlock(obj);
|
|
|
|
}
|
|
|
|
}];
|
|
|
|
};
|
|
|
|
it.endBlock = ^(AnimationCallback *callback) {
|
|
|
|
[[animations map:^id(CABasicAnimation *obj) {
|
|
|
|
return obj.delegate;
|
|
|
|
}] forEach:^(AnimationCallback *obj) {
|
|
|
|
if (obj.endBlock) {
|
|
|
|
obj.endBlock(obj);
|
|
|
|
}
|
|
|
|
}];
|
|
|
|
};
|
|
|
|
}];
|
|
|
|
[self setAnimation:animationGroup params:params];
|
|
|
|
return animationGroup;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return nil;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)setAnimation:(CAAnimation *)animation params:(NSDictionary *)params {
|
|
|
|
if (params[@"repeatCount"]) {
|
|
|
|
NSInteger repeatCount = [params[@"repeatCount"] integerValue];
|
|
|
|
if (repeatCount < 0) {
|
|
|
|
repeatCount = NSNotFound;
|
|
|
|
}
|
|
|
|
animation.repeatCount = repeatCount;
|
|
|
|
}
|
|
|
|
if (params[@"repeatMode"]) {
|
|
|
|
NSInteger repeatMode = [params[@"repeatMode"] integerValue];
|
|
|
|
animation.autoreverses = repeatMode == 2;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (params[@"delay"]) {
|
|
|
|
animation.beginTime = [params[@"delay"] floatValue] / 1000;
|
|
|
|
}
|
|
|
|
animation.duration = [params[@"duration"] floatValue] / 1000;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)setFillMode:(CAAnimation *)animation
|
|
|
|
key:(NSString *)key
|
|
|
|
startValue:(NSNumber *)startValue
|
|
|
|
endValue:(NSNumber *)endValue
|
|
|
|
fillMode:(NSNumber *)fillMode {
|
|
|
|
NSUInteger fillModeInt = fillMode.unsignedIntegerValue;
|
|
|
|
if ((fillModeInt & 2) == 2) {
|
|
|
|
[self setAnimatedValue:key value:startValue];
|
|
|
|
}
|
|
|
|
AnimationCallback *callback = [AnimationCallback new];
|
|
|
|
AnimationCallback *originCallback = animation.delegate;
|
|
|
|
__weak typeof(self) _self = self;
|
|
|
|
callback.startBlock = ^(AnimationCallback *callback) {
|
|
|
|
__strong typeof(_self) self = _self;
|
|
|
|
callback.dictionary[key] = [self getAnimatedValue:key];
|
|
|
|
if (originCallback) {
|
|
|
|
originCallback.startBlock(callback);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
callback.endBlock = ^(AnimationCallback *callback) {
|
|
|
|
__strong typeof(_self) self = _self;
|
|
|
|
if ((fillModeInt & 1) == 1) {
|
|
|
|
[self setAnimatedValue:key value:endValue];
|
|
|
|
}
|
|
|
|
if (originCallback) {
|
|
|
|
originCallback.endBlock(callback);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
animation.delegate = callback;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (NSNumber *)getAnimatedValue:(NSString *)key {
|
|
|
|
if ([@"translationX" isEqualToString:key]) {
|
|
|
|
return self.translationX;
|
|
|
|
}
|
|
|
|
if ([@"translationY" isEqualToString:key]) {
|
|
|
|
return self.translationY;
|
|
|
|
}
|
|
|
|
if ([@"scaleX" isEqualToString:key]) {
|
|
|
|
return self.scaleX;
|
|
|
|
}
|
|
|
|
if ([@"scaleY" isEqualToString:key]) {
|
|
|
|
return self.scaleY;
|
|
|
|
}
|
|
|
|
if ([@"rotation" isEqualToString:key]) {
|
|
|
|
return self.rotation;
|
|
|
|
}
|
|
|
|
return nil;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)setAnimatedValue:(NSString *)key value:(NSNumber *)value {
|
|
|
|
if ([@"translationX" isEqualToString:key]) {
|
|
|
|
self.translationX = value;
|
|
|
|
} else if ([@"translationY" isEqualToString:key]) {
|
|
|
|
self.translationY = value;
|
|
|
|
} else if ([@"scaleX" isEqualToString:key]) {
|
|
|
|
self.scaleX = value;
|
|
|
|
} else if ([@"scaleY" isEqualToString:key]) {
|
|
|
|
self.scaleY = value;
|
|
|
|
} else if ([@"rotation" isEqualToString:key]) {
|
|
|
|
self.rotation = value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (CABasicAnimation *)parseChangeable:(NSDictionary *)params fillMode:(NSNumber *)fillMode {
|
|
|
|
NSString *key = params[@"key"];
|
|
|
|
CABasicAnimation *animation = [CABasicAnimation animation];
|
|
|
|
if ([@"scaleX" isEqualToString:key]) {
|
|
|
|
animation.keyPath = @"transform.scale.x";
|
|
|
|
animation.fromValue = params[@"fromValue"];
|
|
|
|
animation.toValue = params[@"toValue"];
|
|
|
|
} else if ([@"scaleY" isEqualToString:key]) {
|
|
|
|
animation.keyPath = @"transform.scale.y";
|
|
|
|
animation.fromValue = params[@"fromValue"];
|
|
|
|
animation.toValue = params[@"toValue"];
|
|
|
|
} else if ([@"rotation" isEqualToString:key]) {
|
|
|
|
animation.keyPath = @"transform.rotation.z";
|
|
|
|
animation.fromValue = @([params[@"fromValue"] floatValue] * M_PI);
|
|
|
|
animation.toValue = @([params[@"toValue"] floatValue] * M_PI);
|
|
|
|
} else if ([@"backgroundColor" isEqualToString:key]) {
|
|
|
|
animation.keyPath = @"backgroundColor";
|
|
|
|
animation.fromValue = params[@"fromValue"];
|
|
|
|
animation.toValue = params[@"toValue"];
|
|
|
|
}
|
|
|
|
[self setFillMode:animation
|
|
|
|
key:key
|
|
|
|
startValue:params[@"fromValue"]
|
|
|
|
endValue:params[@"toValue"]
|
|
|
|
fillMode:fillMode];
|
|
|
|
return animation;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (CAMediaTimingFunction *)translateToTimingFunction:(NSNumber *)timingFunction {
|
|
|
|
switch (timingFunction.integerValue) {
|
|
|
|
case 1:
|
|
|
|
return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
|
|
|
|
case 2:
|
|
|
|
return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
|
|
|
|
case 3:
|
|
|
|
return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
|
|
|
|
case 4:
|
|
|
|
return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
|
|
|
|
default:
|
|
|
|
return [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionDefault];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@end
|