[ASTextNode] Implement an example comparing ASTextNode 1 & 2 behavior. (#570)

* fix SIMULATE_WEB_RESPONSE not imported #449 * add constraint to using catching for layout * Add TextNode example to test Yoga Layout * update Yoga version * add debugging log * fix lisence * clean up * clean up * fix lisence warning * add shared scheme * change sdk version * revert some metadata * Merge FlexLayoutExample to TextStressText. Add flags to control different TextNode used. * clean up * fix lisence and syntax * clean up * remove xcworkspacedata * Tiny coding style changes * Another tiny change related to code style
2025-12-23 06:35:51 +00:00 · 2017-10-17 07:03:53 -07:00
parent c12509e67a
commit dce7ab3a9b
9 changed files with 284 additions and 13 deletions
--- a/examples_extra/TextStressTest/Sample/TextCellNode.m
+++ b/examples_extra/TextStressTest/Sample/TextCellNode.m
@@ -0,0 +1,100 @@
+//
+//  TextCellNode.m
+//  Texture
+//
+//  Copyright (c) 2017-present, Pinterest, Inc.  All rights reserved.
+//  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
+//
+
+#import "TextCellNode.h"
+#import <AsyncDisplayKit/AsyncDisplayKit.h>
+#import <AsyncDisplayKit/ASDisplayNode+Beta.h>
+
+#ifndef USE_ASTEXTNODE_2
+#define USE_ASTEXTNODE_2 1
+#endif
+
+@interface TextCellNode()
+{
+#if USE_ASTEXTNODE_2
+  ASTextNode2 *_label1;
+  ASTextNode2 *_label2;
+#else
+  ASTextNode *_label1;
+  ASTextNode *_label2;
+#endif
+}
+@end
+
+@implementation TextCellNode
+
+- (instancetype)initWithText1:(NSString *)text1 text2:(NSString *)text2
+{
+  self = [super init];
+  if (self) {
+    self.automaticallyManagesSubnodes = YES;
+    self.clipsToBounds = YES;
+#if USE_ASTEXTNODE_2
+    _label1 = [[ASTextNode2 alloc] init];
+    _label2 = [[ASTextNode2 alloc] init];
+#else 
+    _label1 = [[ASTextNode alloc] init];
+    _label2 = [[ASTextNode alloc] init];
+#endif
+
+    _label1.attributedText = [[NSAttributedString alloc] initWithString:text1];
+    _label2.attributedText = [[NSAttributedString alloc] initWithString:text2];
+
+    _label1.maximumNumberOfLines = 1;
+    _label1.truncationMode = NSLineBreakByTruncatingTail;
+    _label2.maximumNumberOfLines = 1;
+    _label2.truncationMode = NSLineBreakByTruncatingTail;
+
+    [self simpleSetupYogaLayout];
+  }
+  return self;
+}
+
+/** 
+  This is to text a row with two labels, the first should be truncated with "...".
+  Layout is like: [l1Container[_label1], label2].
+  This shows a bug of ASTextNode2.
+ */
+- (void)simpleSetupYogaLayout
+{
+  [self.style yogaNodeCreateIfNeeded];
+  [_label1.style yogaNodeCreateIfNeeded];
+  [_label2.style yogaNodeCreateIfNeeded];
+
+  _label1.style.flexGrow = 0;
+  _label1.style.flexShrink = 1;
+  _label1.backgroundColor = [UIColor lightGrayColor];
+
+  _label2.style.flexGrow = 0;
+  _label2.style.flexShrink = 0;
+  _label2.backgroundColor = [UIColor greenColor];
+
+  ASDisplayNode *l1Container = [ASDisplayNode yogaVerticalStack];
+
+  // TODO(fix ASTextNode2): next two line will show the bug of TextNode2
+  // which works for ASTextNode though
+  // see discussion here: https://github.com/TextureGroup/Texture/pull/553
+  l1Container.style.alignItems = ASStackLayoutAlignItemsCenter;
+  _label1.style.alignSelf = ASStackLayoutAlignSelfStart;
+
+  l1Container.style.flexGrow = 0;
+  l1Container.style.flexShrink = 1;
+
+  l1Container.yogaChildren = @[_label1];
+
+  self.style.justifyContent = ASStackLayoutJustifyContentSpaceBetween;
+  self.style.alignItems = ASStackLayoutAlignItemsStart;
+  self.style.flexDirection = ASStackLayoutDirectionHorizontal;
+  self.yogaChildren = @[l1Container, _label2];
+}
+
+@end