/* * 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. */ // // DoricImageNode.m // Doric // // Created by pengfei.zhou on 2019/8/6. // #import "DoricImageNode.h" #import "Doric.h" #import "YYWebImage.h" @interface DoricImageView : YYAnimatedImageView @end @implementation DoricImageView - (CGSize)measureSize:(CGSize)targetSize { CGFloat width = self.width; CGFloat height = self.height; DoricLayoutConfig *config = self.layoutConfig; if (!config) { config = [DoricLayoutConfig new]; } if (config.widthSpec == DoricLayoutAtMost || config.widthSpec == DoricLayoutWrapContent) { width = targetSize.width - config.margin.left - config.margin.right; } if (config.heightSpec == DoricLayoutAtMost || config.heightSpec == DoricLayoutWrapContent) { height = targetSize.height - config.margin.top - config.margin.bottom; } DoricPadding padding = self.padding; CGSize contentSize = [self sizeThatFits:CGSizeMake( width - padding.left - padding.right, height - padding.top - padding.bottom)]; if (config.widthSpec == DoricLayoutWrapContent) { width = contentSize.width + padding.left + padding.right; if (config.heightSpec != DoricLayoutWrapContent && contentSize.width != 0 && contentSize.height != 0) { width = contentSize.width / contentSize.height * height + padding.left + padding.right; } } if (config.heightSpec == DoricLayoutWrapContent) { height = contentSize.height + padding.top + padding.bottom; if (config.widthSpec != DoricLayoutWrapContent && contentSize.width != 0 && contentSize.height != 0) { height = contentSize.height / contentSize.width * width + padding.top + padding.bottom; } } if (config.weight) { if ([self.superview isKindOfClass:[DoricVLayoutView class]]) { height = self.height; } else if ([self.superview isKindOfClass:[DoricHLayoutView class]]) { width = self.width; } } return CGSizeMake(width, height); } @end @interface DoricImageNode () @property(nonatomic, copy) NSString *loadCallbackId; @property(nonatomic, assign) UIViewContentMode contentMode; @property(nonatomic, strong) NSNumber *placeHolderColor; @property(nonatomic, strong) NSString *placeHolderImage; @property(nonatomic, strong) NSNumber *errorColor; @property(nonatomic, strong) NSString *errorImage; @property(nonatomic, strong) UIVisualEffectView *blurEffectView; @end @implementation DoricImageNode - (UIImageView *)build { return [[DoricImageView new] also:^(UIImageView *it) { it.clipsToBounds = YES; it.contentMode = UIViewContentModeScaleAspectFill; }]; } - (void)blend:(NSDictionary *)props { [props[@"placeHolderColor"] also:^(id it) { self.placeHolderColor = it; }]; [props[@"placeHolderImage"] also:^(id it) { self.placeHolderImage = it; }]; [props[@"errorColor"] also:^(id it) { self.errorColor = it; }]; [props[@"errorImage"] also:^(id it) { self.errorImage = it; }]; [super blend:props]; } - (UIImage *)currentPlaceHolderImage { if (self.placeHolderImage) { return [UIImage imageNamed:self.placeHolderImage]; } if (self.placeHolderColor) { UIColor *color = DoricColor(self.placeHolderColor); CGRect rect = CGRectMake(0, 0, 1, 1); self.view.contentMode = UIViewContentModeScaleToFill; UIGraphicsBeginImageContextWithOptions(rect.size, NO, [UIScreen mainScreen].scale); CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSetFillColorWithColor(context, color.CGColor); CGContextFillRect(context, rect); UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return image; } return self.doricContext.driver.registry.defaultPlaceHolderImage; } - (UIImage *)currentErrorImage { if (self.errorImage) { return [UIImage imageNamed:self.errorImage]; } if (self.errorColor) { UIColor *color = DoricColor(self.errorColor); CGRect rect = CGRectMake(0, 0, 1, 1); self.view.contentMode = UIViewContentModeScaleToFill; UIGraphicsBeginImageContextWithOptions(rect.size, NO, [UIScreen mainScreen].scale); CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSetFillColorWithColor(context, color.CGColor); CGContextFillRect(context, rect); UIImage *image = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return image; } return self.doricContext.driver.registry.defaultErrorImage; } - (void)blendView:(UIImageView *)view forPropName:(NSString *)name propValue:(id)prop { if ([@"imageUrl" isEqualToString:name]) { __weak typeof(self) _self = self; [view yy_setImageWithURL:[NSURL URLWithString:prop] placeholder:[self currentPlaceHolderImage] options:0 completion:^(UIImage *image, NSURL *url, YYWebImageFromType from, YYWebImageStage stage, NSError *error) { __strong typeof(_self) self = _self; if (self.placeHolderColor || self.errorColor) { self.view.contentMode = self.contentMode; } if (error) { [[self currentErrorImage] also:^(UIImage *it) { self.view.image = it; }]; if (self.loadCallbackId.length > 0) { [self callJSResponse:self.loadCallbackId, nil]; } } else { if (self.loadCallbackId.length > 0) { [self callJSResponse:self.loadCallbackId, @{@"width": @(image.size.width), @"height": @(image.size.height)}, nil]; } [self requestLayout]; } }]; } else if ([@"scaleType" isEqualToString:name]) { switch ([prop integerValue]) { case 1: { self.view.contentMode = UIViewContentModeScaleAspectFit; break; } case 2: { self.view.contentMode = UIViewContentModeScaleAspectFill; break; } default: { self.view.contentMode = UIViewContentModeScaleToFill; break; } } self.contentMode = self.view.contentMode; } else if ([@"loadCallback" isEqualToString:name]) { self.loadCallbackId = prop; } else if ([@"imageBase64" isEqualToString:name]) { NSString *base64 = prop; if (YES == [base64 hasPrefix:@"data:image"]) { base64 = [base64 componentsSeparatedByString:@","].lastObject; } NSData *imageData = [[NSData alloc] initWithBase64EncodedString:base64 options:NSDataBase64DecodingIgnoreUnknownCharacters]; UIImage *image = [UIImage imageWithData:imageData]; view.image = image; } else if ([@"isBlur" isEqualToString:name]) { NSInteger value = [prop intValue]; if (value == 1) { if (!self.blurEffectView) { UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]; self.blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect]; [view addSubview:self.blurEffectView]; dispatch_async(dispatch_get_main_queue(), ^{ self.blurEffectView.translatesAutoresizingMaskIntoConstraints = NO; NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:self.blurEffectView attribute:(NSLayoutAttributeWidth) relatedBy:(NSLayoutRelationEqual) toItem:view attribute:(NSLayoutAttributeWidth) multiplier:1 constant:0]; NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:self.blurEffectView attribute:(NSLayoutAttributeHeight) relatedBy:(NSLayoutRelationEqual) toItem:view attribute:(NSLayoutAttributeHeight) multiplier:1 constant:0]; [NSLayoutConstraint activateConstraints:@[widthConstraint, heightConstraint,]]; }); } } } else if ([@"imageRes" isEqualToString:name]) { UIImage *image = [UIImage imageNamed:prop]; view.image = image; if (self.loadCallbackId.length > 0) { if (image) { [self callJSResponse:self.loadCallbackId, @{@"width": @(image.size.width), @"height": @(image.size.height)}, nil]; } else { [self callJSResponse:self.loadCallbackId, nil]; } } } else if ([@"imagePath" isEqualToString:name]) { NSString *path = [[NSBundle mainBundle] bundlePath]; NSString *fullPath = [path stringByAppendingPathComponent:prop]; UIImage *image = [UIImage imageWithContentsOfFile:fullPath]; view.image = image; if (self.loadCallbackId.length > 0) { if (image) { [self callJSResponse:self.loadCallbackId, @{@"width": @(image.size.width), @"height": @(image.size.height)}, nil]; } else { [self callJSResponse:self.loadCallbackId, nil]; } } } else { [super blendView:view forPropName:name propValue:prop]; } } @end