mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-12-24 07:05:35 +00:00
Add 'submodules/AsyncDisplayKit/' from commit '02bedc12816e251ad71777f9d2578329b6d2bef6'
git-subtree-dir: submodules/AsyncDisplayKit git-subtree-mainline:d06f423e0egit-subtree-split:02bedc1281
This commit is contained in:
Peter
@@ -0,0 +1,393 @@
|
||||
//
|
||||
// ItemNode.m
|
||||
// Texture
|
||||
//
|
||||
// Copyright (c) Facebook, Inc. and its affiliates. All rights reserved.
|
||||
// Changes after 4/13/2017 are: Copyright (c) Pinterest, Inc. All rights reserved.
|
||||
// Licensed under Apache 2.0: http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
|
||||
#import "ItemNode.h"
|
||||
|
||||
#import "ASDisplayNode+CatDeals.h"
|
||||
#import "ItemStyles.h"
|
||||
#import "PlaceholderNetworkImageNode.h"
|
||||
#import <AsyncDisplayKit/ASDisplayNodeExtras.h>
|
||||
|
||||
static CGFloat ASIsRTL()
|
||||
{
|
||||
static BOOL __isRTL = NO;
|
||||
static dispatch_once_t onceToken;
|
||||
dispatch_once(&onceToken, ^{
|
||||
__isRTL = [UIApplication sharedApplication].userInterfaceLayoutDirection == UIUserInterfaceLayoutDirectionRightToLeft;
|
||||
});
|
||||
return __isRTL;
|
||||
}
|
||||
|
||||
const CGFloat kFixedLabelsAreaHeight = 96.0;
|
||||
const CGFloat kDesignWidth = 320.0;
|
||||
const CGFloat kDesignHeight = 299.0;
|
||||
const CGFloat kBadgeHeight = 34.0;
|
||||
const CGFloat kSoldOutGBHeight = 50.0;
|
||||
|
||||
@interface ItemNode() <ASNetworkImageNodeDelegate>
|
||||
|
||||
@property (nonatomic, strong) ItemViewModel *nodeModel;
|
||||
|
||||
@property (nonatomic, strong) PlaceholderNetworkImageNode *dealImageView;
|
||||
|
||||
@property (nonatomic, strong) ASTextNode *titleLabel;
|
||||
@property (nonatomic, strong) ASTextNode *firstInfoLabel;
|
||||
@property (nonatomic, strong) ASTextNode *distanceLabel;
|
||||
@property (nonatomic, strong) ASTextNode *secondInfoLabel;
|
||||
@property (nonatomic, strong) ASTextNode *originalPriceLabel;
|
||||
@property (nonatomic, strong) ASTextNode *finalPriceLabel;
|
||||
@property (nonatomic, strong) ASTextNode *soldOutLabelFlat;
|
||||
@property (nonatomic, strong) ASDisplayNode *soldOutLabelBackground;
|
||||
@property (nonatomic, strong) ASDisplayNode *soldOutOverlay;
|
||||
@property (nonatomic, strong) ASTextNode *badge;
|
||||
|
||||
@end
|
||||
|
||||
@implementation ItemNode
|
||||
// Defined on ASCellNode
|
||||
@dynamic nodeModel;
|
||||
|
||||
+ (void)load
|
||||
{
|
||||
// Need to happen on main thread.
|
||||
ASIsRTL();
|
||||
}
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
self = [super init];
|
||||
if (self != nil) {
|
||||
[self setupNodes];
|
||||
[self updateBackgroundColor];
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
- (void)setNodeModel:(ItemViewModel *)nodeModel
|
||||
{
|
||||
[super setNodeModel:nodeModel];
|
||||
|
||||
self.catsLoggingID = [NSString stringWithFormat:@"CatDeal#%ld", (long)nodeModel.identifier];
|
||||
[self updateLabels];
|
||||
[self updateAccessibilityIdentifier];
|
||||
}
|
||||
|
||||
- (void)setupNodes
|
||||
{
|
||||
self.dealImageView = [[PlaceholderNetworkImageNode alloc] init];
|
||||
self.dealImageView.delegate = self;
|
||||
self.dealImageView.placeholderEnabled = YES;
|
||||
self.dealImageView.placeholderImageOverride = [ItemStyles placeholderImage];
|
||||
self.dealImageView.defaultImage = [ItemStyles placeholderImage];
|
||||
self.dealImageView.contentMode = UIViewContentModeScaleToFill;
|
||||
self.dealImageView.placeholderFadeDuration = 0.0;
|
||||
self.dealImageView.layerBacked = YES;
|
||||
|
||||
self.titleLabel = [[ASTextNode alloc] init];
|
||||
self.titleLabel.maximumNumberOfLines = 2;
|
||||
self.titleLabel.style.alignSelf = ASStackLayoutAlignSelfStart;
|
||||
self.titleLabel.style.flexGrow = 1.0;
|
||||
self.titleLabel.layerBacked = YES;
|
||||
|
||||
self.firstInfoLabel = [[ASTextNode alloc] init];
|
||||
self.firstInfoLabel.maximumNumberOfLines = 1;
|
||||
self.firstInfoLabel.layerBacked = YES;
|
||||
|
||||
self.secondInfoLabel = [[ASTextNode alloc] init];
|
||||
self.secondInfoLabel.maximumNumberOfLines = 1;
|
||||
self.secondInfoLabel.layerBacked = YES;
|
||||
|
||||
self.distanceLabel = [[ASTextNode alloc] init];
|
||||
self.distanceLabel.maximumNumberOfLines = 1;
|
||||
self.distanceLabel.layerBacked = YES;
|
||||
|
||||
self.originalPriceLabel = [[ASTextNode alloc] init];
|
||||
self.originalPriceLabel.maximumNumberOfLines = 1;
|
||||
self.originalPriceLabel.layerBacked = YES;
|
||||
|
||||
self.finalPriceLabel = [[ASTextNode alloc] init];
|
||||
self.finalPriceLabel.maximumNumberOfLines = 1;
|
||||
self.finalPriceLabel.layerBacked = YES;
|
||||
|
||||
self.badge = [[ASTextNode alloc] init];
|
||||
self.badge.hidden = YES;
|
||||
self.badge.layerBacked = YES;
|
||||
|
||||
self.soldOutLabelFlat = [[ASTextNode alloc] init];
|
||||
self.soldOutLabelFlat.layerBacked = YES;
|
||||
|
||||
self.soldOutLabelBackground = [[ASDisplayNode alloc] init];
|
||||
self.soldOutLabelBackground.style.width = ASDimensionMakeWithFraction(1.0);
|
||||
self.soldOutLabelBackground.style.height = ASDimensionMakeWithPoints(kSoldOutGBHeight);
|
||||
self.soldOutLabelBackground.backgroundColor = [[UIColor whiteColor] colorWithAlphaComponent:0.9];
|
||||
self.soldOutLabelBackground.style.flexGrow = 1.0;
|
||||
self.soldOutLabelBackground.layerBacked = YES;
|
||||
|
||||
self.soldOutOverlay = [[ASDisplayNode alloc] init];
|
||||
self.soldOutOverlay.style.flexGrow = 1.0;
|
||||
self.soldOutOverlay.backgroundColor = [[UIColor whiteColor] colorWithAlphaComponent:0.5];
|
||||
self.soldOutOverlay.layerBacked = YES;
|
||||
|
||||
[self addSubnode:self.dealImageView];
|
||||
[self addSubnode:self.titleLabel];
|
||||
[self addSubnode:self.firstInfoLabel];
|
||||
[self addSubnode:self.secondInfoLabel];
|
||||
[self addSubnode:self.originalPriceLabel];
|
||||
[self addSubnode:self.finalPriceLabel];
|
||||
[self addSubnode:self.distanceLabel];
|
||||
[self addSubnode:self.badge];
|
||||
|
||||
[self addSubnode:self.soldOutLabelBackground];
|
||||
[self addSubnode:self.soldOutLabelFlat];
|
||||
[self addSubnode:self.soldOutOverlay];
|
||||
self.soldOutOverlay.hidden = YES;
|
||||
self.soldOutLabelBackground.hidden = YES;
|
||||
self.soldOutLabelFlat.hidden = YES;
|
||||
|
||||
if (ASIsRTL()) {
|
||||
self.titleLabel.style.alignSelf = ASStackLayoutAlignSelfEnd;
|
||||
self.firstInfoLabel.style.alignSelf = ASStackLayoutAlignSelfEnd;
|
||||
self.distanceLabel.style.alignSelf = ASStackLayoutAlignSelfEnd;
|
||||
self.secondInfoLabel.style.alignSelf = ASStackLayoutAlignSelfEnd;
|
||||
self.originalPriceLabel.style.alignSelf = ASStackLayoutAlignSelfStart;
|
||||
self.finalPriceLabel.style.alignSelf = ASStackLayoutAlignSelfStart;
|
||||
} else {
|
||||
self.firstInfoLabel.style.alignSelf = ASStackLayoutAlignSelfStart;
|
||||
self.distanceLabel.style.alignSelf = ASStackLayoutAlignSelfStart;
|
||||
self.secondInfoLabel.style.alignSelf = ASStackLayoutAlignSelfStart;
|
||||
self.originalPriceLabel.style.alignSelf = ASStackLayoutAlignSelfEnd;
|
||||
self.finalPriceLabel.style.alignSelf = ASStackLayoutAlignSelfEnd;
|
||||
}
|
||||
}
|
||||
|
||||
- (void)updateLabels
|
||||
{
|
||||
// Set Title text
|
||||
if (self.nodeModel.titleText) {
|
||||
self.titleLabel.attributedText = [[NSAttributedString alloc] initWithString:self.nodeModel.titleText attributes:[ItemStyles titleStyle]];
|
||||
}
|
||||
if (self.nodeModel.firstInfoText) {
|
||||
self.firstInfoLabel.attributedText = [[NSAttributedString alloc] initWithString:self.nodeModel.firstInfoText attributes:[ItemStyles subtitleStyle]];
|
||||
}
|
||||
|
||||
if (self.nodeModel.secondInfoText) {
|
||||
self.secondInfoLabel.attributedText = [[NSAttributedString alloc] initWithString:self.nodeModel.secondInfoText attributes:[ItemStyles secondInfoStyle]];
|
||||
}
|
||||
if (self.nodeModel.originalPriceText) {
|
||||
self.originalPriceLabel.attributedText = [[NSAttributedString alloc] initWithString:self.nodeModel.originalPriceText attributes:[ItemStyles originalPriceStyle]];
|
||||
}
|
||||
if (self.nodeModel.finalPriceText) {
|
||||
self.finalPriceLabel.attributedText = [[NSAttributedString alloc] initWithString:self.nodeModel.finalPriceText attributes:[ItemStyles finalPriceStyle]];
|
||||
}
|
||||
if (self.nodeModel.distanceLabelText) {
|
||||
NSString *format = ASIsRTL() ? @"%@ •" : @"• %@";
|
||||
NSString *distanceText = [NSString stringWithFormat:format, self.nodeModel.distanceLabelText];
|
||||
|
||||
self.distanceLabel.attributedText = [[NSAttributedString alloc] initWithString:distanceText attributes:[ItemStyles distanceStyle]];
|
||||
}
|
||||
|
||||
BOOL isSoldOut = self.nodeModel.soldOutText != nil;
|
||||
|
||||
if (isSoldOut) {
|
||||
NSString *soldOutText = self.nodeModel.soldOutText;
|
||||
self.soldOutLabelFlat.attributedText = [[NSAttributedString alloc] initWithString:soldOutText attributes:[ItemStyles soldOutStyle]];
|
||||
}
|
||||
self.soldOutOverlay.hidden = !isSoldOut;
|
||||
self.soldOutLabelFlat.hidden = !isSoldOut;
|
||||
self.soldOutLabelBackground.hidden = !isSoldOut;
|
||||
|
||||
BOOL hasBadge = self.nodeModel.badgeText != nil;
|
||||
if (hasBadge) {
|
||||
self.badge.attributedText = [[NSAttributedString alloc] initWithString:self.nodeModel.badgeText attributes:[ItemStyles badgeStyle]];
|
||||
self.badge.backgroundColor = [ItemStyles badgeColor];
|
||||
}
|
||||
self.badge.hidden = !hasBadge;
|
||||
}
|
||||
|
||||
- (void)updateAccessibilityIdentifier
|
||||
{
|
||||
ASSetDebugName(self, @"Item #%zd", self.nodeModel.identifier);
|
||||
self.accessibilityIdentifier = self.nodeModel.titleText;
|
||||
}
|
||||
|
||||
- (void)updateBackgroundColor
|
||||
{
|
||||
if (self.highlighted) {
|
||||
self.backgroundColor = [[UIColor grayColor] colorWithAlphaComponent:0.3];
|
||||
} else if (self.selected) {
|
||||
self.backgroundColor = [UIColor lightGrayColor];
|
||||
} else {
|
||||
self.backgroundColor = [UIColor whiteColor];
|
||||
}
|
||||
}
|
||||
|
||||
- (void)setSelected:(BOOL)selected
|
||||
{
|
||||
[super setSelected:selected];
|
||||
[self updateBackgroundColor];
|
||||
}
|
||||
|
||||
- (void)setHighlighted:(BOOL)highlighted
|
||||
{
|
||||
[super setHighlighted:highlighted];
|
||||
[self updateBackgroundColor];
|
||||
}
|
||||
|
||||
#pragma mark - ASDisplayNode
|
||||
|
||||
- (void)displayWillStart
|
||||
{
|
||||
[super displayWillStart];
|
||||
[self didEnterPreloadState];
|
||||
}
|
||||
|
||||
- (void)didEnterPreloadState
|
||||
{
|
||||
[super didEnterPreloadState];
|
||||
if (self.nodeModel) {
|
||||
[self loadImage];
|
||||
}
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize {
|
||||
|
||||
ASLayoutSpec *textSpec = [self textSpec];
|
||||
ASLayoutSpec *imageSpec = [self imageSpecWithSize:constrainedSize];
|
||||
ASOverlayLayoutSpec *soldOutOverImage = [ASOverlayLayoutSpec overlayLayoutSpecWithChild:imageSpec overlay:[self soldOutLabelSpec]];
|
||||
|
||||
NSArray *stackChildren = @[soldOutOverImage, textSpec];
|
||||
|
||||
ASStackLayoutSpec *mainStack = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical spacing:0.0 justifyContent:ASStackLayoutJustifyContentStart alignItems:ASStackLayoutAlignItemsStretch children:stackChildren];
|
||||
|
||||
ASOverlayLayoutSpec *soldOutOverlay = [ASOverlayLayoutSpec overlayLayoutSpecWithChild:mainStack overlay:self.soldOutOverlay];
|
||||
|
||||
return soldOutOverlay;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)textSpec
|
||||
{
|
||||
CGFloat kInsetHorizontal = 16.0;
|
||||
CGFloat kInsetTop = 6.0;
|
||||
CGFloat kInsetBottom = 0.0;
|
||||
|
||||
UIEdgeInsets textInsets = UIEdgeInsetsMake(kInsetTop, kInsetHorizontal, kInsetBottom, kInsetHorizontal);
|
||||
|
||||
ASLayoutSpec *verticalSpacer = [[ASLayoutSpec alloc] init];
|
||||
verticalSpacer.style.flexGrow = 1.0;
|
||||
|
||||
ASLayoutSpec *horizontalSpacer1 = [[ASLayoutSpec alloc] init];
|
||||
horizontalSpacer1.style.flexGrow = 1.0;
|
||||
|
||||
ASLayoutSpec *horizontalSpacer2 = [[ASLayoutSpec alloc] init];
|
||||
horizontalSpacer2.style.flexGrow = 1.0;
|
||||
|
||||
NSArray *info1Children = @[self.firstInfoLabel, self.distanceLabel, horizontalSpacer1, self.originalPriceLabel];
|
||||
NSArray *info2Children = @[self.secondInfoLabel, horizontalSpacer2, self.finalPriceLabel];
|
||||
if (ASIsRTL()) {
|
||||
info1Children = [[info1Children reverseObjectEnumerator] allObjects];
|
||||
info2Children = [[info2Children reverseObjectEnumerator] allObjects];
|
||||
}
|
||||
|
||||
ASStackLayoutSpec *info1Stack = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal spacing:1.0 justifyContent:ASStackLayoutJustifyContentStart alignItems:ASStackLayoutAlignItemsBaselineLast children:info1Children];
|
||||
|
||||
ASStackLayoutSpec *info2Stack = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal spacing:0.0 justifyContent:ASStackLayoutJustifyContentCenter alignItems:ASStackLayoutAlignItemsBaselineLast children:info2Children];
|
||||
|
||||
ASStackLayoutSpec *textStack = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionVertical spacing:0.0 justifyContent:ASStackLayoutJustifyContentEnd alignItems:ASStackLayoutAlignItemsStretch children:@[self.titleLabel, verticalSpacer, info1Stack, info2Stack]];
|
||||
|
||||
ASInsetLayoutSpec *textWrapper = [ASInsetLayoutSpec insetLayoutSpecWithInsets:textInsets child:textStack];
|
||||
textWrapper.style.flexGrow = 1.0;
|
||||
|
||||
return textWrapper;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)imageSpecWithSize:(ASSizeRange)constrainedSize
|
||||
{
|
||||
CGFloat imageRatio = [self imageRatioFromSize:constrainedSize.max];
|
||||
|
||||
ASRatioLayoutSpec *imagePlace = [ASRatioLayoutSpec ratioLayoutSpecWithRatio:imageRatio child:self.dealImageView];
|
||||
|
||||
self.badge.style.layoutPosition = CGPointMake(0, constrainedSize.max.height - kFixedLabelsAreaHeight - kBadgeHeight);
|
||||
self.badge.style.height = ASDimensionMakeWithPoints(kBadgeHeight);
|
||||
ASAbsoluteLayoutSpec *badgePosition = [ASAbsoluteLayoutSpec absoluteLayoutSpecWithChildren:@[self.badge]];
|
||||
|
||||
ASOverlayLayoutSpec *badgeOverImage = [ASOverlayLayoutSpec overlayLayoutSpecWithChild:imagePlace overlay:badgePosition];
|
||||
badgeOverImage.style.flexGrow = 1.0;
|
||||
|
||||
return badgeOverImage;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)soldOutLabelSpec {
|
||||
ASCenterLayoutSpec *centerSoldOutLabel = [ASCenterLayoutSpec centerLayoutSpecWithCenteringOptions:ASCenterLayoutSpecCenteringXY sizingOptions:ASCenterLayoutSpecSizingOptionMinimumXY child:self.soldOutLabelFlat];
|
||||
ASCenterLayoutSpec *centerSoldOut = [ASCenterLayoutSpec centerLayoutSpecWithCenteringOptions:ASCenterLayoutSpecCenteringXY sizingOptions:ASCenterLayoutSpecSizingOptionDefault child:self.soldOutLabelBackground];
|
||||
ASBackgroundLayoutSpec *soldOutLabelOverBackground = [ASBackgroundLayoutSpec backgroundLayoutSpecWithChild:centerSoldOutLabel background:centerSoldOut];
|
||||
return soldOutLabelOverBackground;
|
||||
}
|
||||
|
||||
+ (CGSize)sizeForWidth:(CGFloat)width
|
||||
{
|
||||
CGFloat height = [self scaledHeightForPreferredSize:[self preferredViewSize] scaledWidth:width];
|
||||
return CGSizeMake(width, height);
|
||||
}
|
||||
|
||||
|
||||
+ (CGSize)preferredViewSize
|
||||
{
|
||||
return CGSizeMake(kDesignWidth, kDesignHeight);
|
||||
}
|
||||
|
||||
+ (CGFloat)scaledHeightForPreferredSize:(CGSize)preferredSize scaledWidth:(CGFloat)scaledWidth
|
||||
{
|
||||
CGFloat scale = scaledWidth / kDesignWidth;
|
||||
CGFloat scaledHeight = ceilf(scale * (kDesignHeight - kFixedLabelsAreaHeight)) + kFixedLabelsAreaHeight;
|
||||
|
||||
return scaledHeight;
|
||||
}
|
||||
|
||||
#pragma mark - Image
|
||||
|
||||
- (CGFloat)imageRatioFromSize:(CGSize)size
|
||||
{
|
||||
CGFloat imageHeight = size.height - kFixedLabelsAreaHeight;
|
||||
CGFloat imageRatio = imageHeight / size.width;
|
||||
|
||||
return imageRatio;
|
||||
}
|
||||
|
||||
- (CGSize)imageSize
|
||||
{
|
||||
if (!CGSizeEqualToSize(self.dealImageView.frame.size, CGSizeZero)) {
|
||||
return self.dealImageView.frame.size;
|
||||
} else if (!CGSizeEqualToSize(self.calculatedSize, CGSizeZero)) {
|
||||
CGFloat imageRatio = [self imageRatioFromSize:self.calculatedSize];
|
||||
CGFloat imageWidth = self.calculatedSize.width;
|
||||
return CGSizeMake(imageWidth, imageRatio * imageWidth);
|
||||
} else {
|
||||
return CGSizeZero;
|
||||
}
|
||||
}
|
||||
|
||||
- (void)loadImage
|
||||
{
|
||||
CGSize imageSize = [self imageSize];
|
||||
if (CGSizeEqualToSize(CGSizeZero, imageSize)) {
|
||||
return;
|
||||
}
|
||||
|
||||
NSURL *url = [self.nodeModel imageURLWithSize:imageSize];
|
||||
|
||||
// if we're trying to set the deal image to what it already was, skip the work
|
||||
if ([[url absoluteString] isEqualToString:[self.dealImageView.URL absoluteString]]) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Clear the flag that says we've loaded our image
|
||||
[self.dealImageView setURL:url];
|
||||
}
|
||||
|
||||
@end
|
||||
Reference in New Issue
Block a user