mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-12-23 22:55:00 +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,15 @@
|
||||
//
|
||||
// AppDelegate.h
|
||||
// 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 <UIKit/UIKit.h>
|
||||
|
||||
@interface AppDelegate : UIResponder <UIApplicationDelegate>
|
||||
@property (strong, nonatomic) UIWindow *window;
|
||||
@end
|
||||
|
||||
@@ -0,0 +1,29 @@
|
||||
//
|
||||
// AppDelegate.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 "AppDelegate.h"
|
||||
#import "OverviewViewController.h"
|
||||
|
||||
@implementation AppDelegate
|
||||
|
||||
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
|
||||
|
||||
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
|
||||
self.window.backgroundColor = [UIColor whiteColor];
|
||||
self.window.rootViewController = [[UINavigationController alloc] initWithRootViewController:[OverviewViewController new]];
|
||||
[self.window makeKeyAndVisible];
|
||||
|
||||
[[UINavigationBar appearance] setBarTintColor:[UIColor colorWithRed:47/255.0 green:184/255.0 blue:253/255.0 alpha:1.0]];
|
||||
[[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];
|
||||
[[UINavigationBar appearance] setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor whiteColor]}];;
|
||||
|
||||
return YES;
|
||||
}
|
||||
|
||||
@end
|
||||
@@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10116" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" initialViewController="01J-lp-oVM">
|
||||
<dependencies>
|
||||
<deployment identifier="iOS"/>
|
||||
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
|
||||
</dependencies>
|
||||
<scenes>
|
||||
<!--View Controller-->
|
||||
<scene sceneID="EHf-IW-A2E">
|
||||
<objects>
|
||||
<viewController id="01J-lp-oVM" sceneMemberID="viewController">
|
||||
<layoutGuides>
|
||||
<viewControllerLayoutGuide type="top" id="Llm-lL-Icb"/>
|
||||
<viewControllerLayoutGuide type="bottom" id="xb3-aO-Qok"/>
|
||||
</layoutGuides>
|
||||
<view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
|
||||
<rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
|
||||
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
|
||||
<color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
|
||||
</view>
|
||||
</viewController>
|
||||
<placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
|
||||
</objects>
|
||||
<point key="canvasLocation" x="53" y="375"/>
|
||||
</scene>
|
||||
</scenes>
|
||||
</document>
|
||||
@@ -0,0 +1,43 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||
<plist version="1.0">
|
||||
<dict>
|
||||
<key>CFBundleDevelopmentRegion</key>
|
||||
<string>en</string>
|
||||
<key>CFBundleExecutable</key>
|
||||
<string>$(EXECUTABLE_NAME)</string>
|
||||
<key>CFBundleIdentifier</key>
|
||||
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
|
||||
<key>CFBundleInfoDictionaryVersion</key>
|
||||
<string>6.0</string>
|
||||
<key>CFBundleName</key>
|
||||
<string>$(PRODUCT_NAME)</string>
|
||||
<key>CFBundlePackageType</key>
|
||||
<string>APPL</string>
|
||||
<key>CFBundleShortVersionString</key>
|
||||
<string>1.0</string>
|
||||
<key>CFBundleSignature</key>
|
||||
<string>????</string>
|
||||
<key>CFBundleVersion</key>
|
||||
<string>1</string>
|
||||
<key>LSRequiresIPhoneOS</key>
|
||||
<true/>
|
||||
<key>NSAppTransportSecurity</key>
|
||||
<dict>
|
||||
<key>NSAllowsArbitraryLoads</key>
|
||||
<true/>
|
||||
</dict>
|
||||
<key>UILaunchStoryboardName</key>
|
||||
<string>LaunchScreen</string>
|
||||
<key>UIRequiredDeviceCapabilities</key>
|
||||
<array>
|
||||
<string>armv7</string>
|
||||
</array>
|
||||
<key>UISupportedInterfaceOrientations</key>
|
||||
<array>
|
||||
<string>UIInterfaceOrientationPortrait</string>
|
||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||
</array>
|
||||
</dict>
|
||||
</plist>
|
||||
@@ -0,0 +1,33 @@
|
||||
//
|
||||
// LayoutExampleNodes.h
|
||||
// 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 <AsyncDisplayKit/AsyncDisplayKit.h>
|
||||
|
||||
@interface LayoutExampleNode : ASDisplayNode
|
||||
+ (NSString *)title;
|
||||
+ (NSString *)descriptionTitle;
|
||||
@end
|
||||
|
||||
@interface HeaderWithRightAndLeftItems : LayoutExampleNode
|
||||
@end
|
||||
|
||||
@interface PhotoWithInsetTextOverlay : LayoutExampleNode
|
||||
@end
|
||||
|
||||
@interface PhotoWithOutsetIconOverlay : LayoutExampleNode
|
||||
@end
|
||||
|
||||
@interface FlexibleSeparatorSurroundingContent : LayoutExampleNode
|
||||
@end
|
||||
|
||||
@interface CornerLayoutExample : PhotoWithOutsetIconOverlay
|
||||
@end
|
||||
|
||||
@interface UserProfileSample : LayoutExampleNode
|
||||
@end
|
||||
@@ -0,0 +1,461 @@
|
||||
//
|
||||
// LayoutExampleNodes.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 "LayoutExampleNodes.h"
|
||||
|
||||
#import <AsyncDisplayKit/UIImage+ASConvenience.h>
|
||||
|
||||
#import "Utilities.h"
|
||||
|
||||
@interface HeaderWithRightAndLeftItems ()
|
||||
@property (nonatomic, strong) ASTextNode *usernameNode;
|
||||
@property (nonatomic, strong) ASTextNode *postLocationNode;
|
||||
@property (nonatomic, strong) ASTextNode *postTimeNode;
|
||||
@end
|
||||
|
||||
@interface PhotoWithInsetTextOverlay ()
|
||||
@property (nonatomic, strong) ASNetworkImageNode *photoNode;
|
||||
@property (nonatomic, strong) ASTextNode *titleNode;
|
||||
@end
|
||||
|
||||
@interface PhotoWithOutsetIconOverlay ()
|
||||
@property (nonatomic, strong) ASNetworkImageNode *photoNode;
|
||||
@property (nonatomic, strong) ASNetworkImageNode *iconNode;
|
||||
@end
|
||||
|
||||
@interface FlexibleSeparatorSurroundingContent ()
|
||||
@property (nonatomic, strong) ASImageNode *topSeparator;
|
||||
@property (nonatomic, strong) ASImageNode *bottomSeparator;
|
||||
@property (nonatomic, strong) ASTextNode *textNode;
|
||||
@end
|
||||
|
||||
@implementation HeaderWithRightAndLeftItems
|
||||
|
||||
+ (NSString *)title
|
||||
{
|
||||
return @"Header with left and right justified text";
|
||||
}
|
||||
|
||||
+ (NSString *)descriptionTitle
|
||||
{
|
||||
return @"try rotating me!";
|
||||
}
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
self = [super init];
|
||||
|
||||
if (self) {
|
||||
_usernameNode = [[ASTextNode alloc] init];
|
||||
_usernameNode.attributedText = [NSAttributedString attributedStringWithString:@"hannahmbanana"
|
||||
fontSize:20
|
||||
color:[UIColor darkBlueColor]];
|
||||
_usernameNode.maximumNumberOfLines = 1;
|
||||
_usernameNode.truncationMode = NSLineBreakByTruncatingTail;
|
||||
|
||||
_postLocationNode = [[ASTextNode alloc] init];
|
||||
_postLocationNode.maximumNumberOfLines = 1;
|
||||
_postLocationNode.attributedText = [NSAttributedString attributedStringWithString:@"Sunset Beach, San Fransisco, CA"
|
||||
fontSize:20
|
||||
color:[UIColor lightBlueColor]];
|
||||
_postLocationNode.maximumNumberOfLines = 1;
|
||||
_postLocationNode.truncationMode = NSLineBreakByTruncatingTail;
|
||||
|
||||
_postTimeNode = [[ASTextNode alloc] init];
|
||||
_postTimeNode.attributedText = [NSAttributedString attributedStringWithString:@"30m"
|
||||
fontSize:20
|
||||
color:[UIColor lightGrayColor]];
|
||||
_postLocationNode.maximumNumberOfLines = 1;
|
||||
_postLocationNode.truncationMode = NSLineBreakByTruncatingTail;
|
||||
}
|
||||
|
||||
return self;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize
|
||||
{
|
||||
|
||||
ASStackLayoutSpec *nameLocationStack = [ASStackLayoutSpec verticalStackLayoutSpec];
|
||||
nameLocationStack.style.flexShrink = 1.0;
|
||||
nameLocationStack.style.flexGrow = 1.0;
|
||||
|
||||
if (_postLocationNode.attributedText) {
|
||||
nameLocationStack.children = @[_usernameNode, _postLocationNode];
|
||||
} else {
|
||||
nameLocationStack.children = @[_usernameNode];
|
||||
}
|
||||
|
||||
ASStackLayoutSpec *headerStackSpec = [ASStackLayoutSpec stackLayoutSpecWithDirection:ASStackLayoutDirectionHorizontal
|
||||
spacing:40
|
||||
justifyContent:ASStackLayoutJustifyContentStart
|
||||
alignItems:ASStackLayoutAlignItemsCenter
|
||||
children:@[nameLocationStack, _postTimeNode]];
|
||||
|
||||
return [ASInsetLayoutSpec insetLayoutSpecWithInsets:UIEdgeInsetsMake(0, 10, 0, 10) child:headerStackSpec];
|
||||
}
|
||||
|
||||
@end
|
||||
|
||||
|
||||
@implementation PhotoWithInsetTextOverlay
|
||||
|
||||
+ (NSString *)title
|
||||
{
|
||||
return @"Photo with inset text overlay";
|
||||
}
|
||||
|
||||
+ (NSString *)descriptionTitle
|
||||
{
|
||||
return @"try rotating me!";
|
||||
}
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
self = [super init];
|
||||
|
||||
if (self) {
|
||||
self.backgroundColor = [UIColor clearColor];
|
||||
|
||||
_photoNode = [[ASNetworkImageNode alloc] init];
|
||||
_photoNode.URL = [NSURL URLWithString:@"http://texturegroup.org/static/images/layout-examples-photo-with-inset-text-overlay-photo.png"];
|
||||
_photoNode.willDisplayNodeContentWithRenderingContext = ^(CGContextRef context, id drawParameters) {
|
||||
CGRect bounds = CGContextGetClipBoundingBox(context);
|
||||
[[UIBezierPath bezierPathWithRoundedRect:bounds cornerRadius:10] addClip];
|
||||
};
|
||||
|
||||
_titleNode = [[ASTextNode alloc] init];
|
||||
_titleNode.maximumNumberOfLines = 2;
|
||||
_titleNode.truncationMode = NSLineBreakByTruncatingTail;
|
||||
_titleNode.truncationAttributedText = [NSAttributedString attributedStringWithString:@"..." fontSize:16 color:[UIColor whiteColor]];
|
||||
_titleNode.attributedText = [NSAttributedString attributedStringWithString:@"family fall hikes" fontSize:16 color:[UIColor whiteColor]];
|
||||
}
|
||||
|
||||
return self;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize
|
||||
{
|
||||
CGFloat photoDimension = constrainedSize.max.width / 4.0;
|
||||
_photoNode.style.preferredSize = CGSizeMake(photoDimension, photoDimension);
|
||||
|
||||
// INFINITY is used to make the inset unbounded
|
||||
UIEdgeInsets insets = UIEdgeInsetsMake(INFINITY, 12, 12, 12);
|
||||
ASInsetLayoutSpec *textInsetSpec = [ASInsetLayoutSpec insetLayoutSpecWithInsets:insets child:_titleNode];
|
||||
|
||||
return [ASOverlayLayoutSpec overlayLayoutSpecWithChild:_photoNode overlay:textInsetSpec];;
|
||||
}
|
||||
|
||||
@end
|
||||
|
||||
|
||||
@implementation PhotoWithOutsetIconOverlay
|
||||
|
||||
+ (NSString *)title
|
||||
{
|
||||
return @"Photo with outset icon overlay";
|
||||
}
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
self = [super init];
|
||||
|
||||
if (self) {
|
||||
_photoNode = [[ASNetworkImageNode alloc] init];
|
||||
_photoNode.URL = [NSURL URLWithString:@"http://texturegroup.org/static/images/layout-examples-photo-with-outset-icon-overlay-photo.png"];
|
||||
|
||||
_iconNode = [[ASNetworkImageNode alloc] init];
|
||||
_iconNode.URL = [NSURL URLWithString:@"http://texturegroup.org/static/images/layout-examples-photo-with-outset-icon-overlay-icon.png"];
|
||||
|
||||
[_iconNode setImageModificationBlock:^UIImage *(UIImage *image) { // FIXME: in framework autocomplete for setImageModificationBlock line seems broken
|
||||
CGSize profileImageSize = CGSizeMake(60, 60);
|
||||
return [image makeCircularImageWithSize:profileImageSize withBorderWidth:10];
|
||||
}];
|
||||
}
|
||||
|
||||
return self;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize
|
||||
{
|
||||
_iconNode.style.preferredSize = CGSizeMake(40, 40);
|
||||
_iconNode.style.layoutPosition = CGPointMake(150, 0);
|
||||
|
||||
_photoNode.style.preferredSize = CGSizeMake(150, 150);
|
||||
_photoNode.style.layoutPosition = CGPointMake(40 / 2.0, 40 / 2.0);
|
||||
|
||||
ASAbsoluteLayoutSpec *absoluteSpec = [ASAbsoluteLayoutSpec absoluteLayoutSpecWithChildren:@[_photoNode, _iconNode]];
|
||||
|
||||
// ASAbsoluteLayoutSpec's .sizing property recreates the behavior of ASDK Layout API 1.0's "ASStaticLayoutSpec"
|
||||
absoluteSpec.sizing = ASAbsoluteLayoutSpecSizingSizeToFit;
|
||||
|
||||
return absoluteSpec;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@end
|
||||
|
||||
|
||||
@implementation FlexibleSeparatorSurroundingContent
|
||||
|
||||
+ (NSString *)title
|
||||
{
|
||||
return @"Top and bottom cell separator lines";
|
||||
}
|
||||
|
||||
+ (NSString *)descriptionTitle
|
||||
{
|
||||
return @"try rotating me!";
|
||||
}
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
self = [super init];
|
||||
|
||||
if (self) {
|
||||
self.backgroundColor = [UIColor whiteColor];
|
||||
|
||||
_topSeparator = [[ASImageNode alloc] init];
|
||||
_topSeparator.image = [UIImage as_resizableRoundedImageWithCornerRadius:1.0 cornerColor:[UIColor blackColor] fillColor:[UIColor blackColor]];
|
||||
|
||||
_textNode = [[ASTextNode alloc] init];
|
||||
_textNode.attributedText = [NSAttributedString attributedStringWithString:@"this is a long text node"
|
||||
fontSize:16
|
||||
color:[UIColor blackColor]];
|
||||
|
||||
_bottomSeparator = [[ASImageNode alloc] init];
|
||||
_bottomSeparator.image = [UIImage as_resizableRoundedImageWithCornerRadius:1.0 cornerColor:[UIColor blackColor] fillColor:[UIColor blackColor]];
|
||||
}
|
||||
|
||||
return self;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize
|
||||
{
|
||||
_topSeparator.style.flexGrow = 1.0;
|
||||
_bottomSeparator.style.flexGrow = 1.0;
|
||||
_textNode.style.alignSelf = ASStackLayoutAlignSelfCenter;
|
||||
|
||||
ASStackLayoutSpec *verticalStackSpec = [ASStackLayoutSpec verticalStackLayoutSpec];
|
||||
verticalStackSpec.spacing = 20;
|
||||
verticalStackSpec.justifyContent = ASStackLayoutJustifyContentCenter;
|
||||
verticalStackSpec.children = @[_topSeparator, _textNode, _bottomSeparator];
|
||||
|
||||
return [ASInsetLayoutSpec insetLayoutSpecWithInsets:UIEdgeInsetsMake(60, 0, 60, 0) child:verticalStackSpec];
|
||||
}
|
||||
|
||||
@end
|
||||
|
||||
@interface CornerLayoutExample ()
|
||||
@property (nonatomic, strong) ASImageNode *dotNode;
|
||||
@property (nonatomic, strong) ASImageNode *photoNode1;
|
||||
@property (nonatomic, strong) ASTextNode *badgeTextNode;
|
||||
@property (nonatomic, strong) ASImageNode *badgeImageNode;
|
||||
@property (nonatomic, strong) ASImageNode *photoNode2;
|
||||
@end
|
||||
|
||||
@implementation CornerLayoutExample
|
||||
|
||||
static CGFloat const kSampleAvatarSize = 100;
|
||||
static CGFloat const kSampleIconSize = 26;
|
||||
static CGFloat const kSampleBadgeCornerRadius = 12;
|
||||
|
||||
+ (NSString *)title
|
||||
{
|
||||
return @"Declarative way for Corner image Layout";
|
||||
}
|
||||
|
||||
+ (NSString *)descriptionTitle
|
||||
{
|
||||
return nil;
|
||||
}
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
self = [super init];
|
||||
if (self) {
|
||||
UIImage *avatarImage = [self avatarImageWithSize:CGSizeMake(kSampleAvatarSize, kSampleAvatarSize)];
|
||||
UIImage *cornerImage = [self cornerImageWithSize:CGSizeMake(kSampleIconSize, kSampleIconSize)];
|
||||
|
||||
NSAttributedString *numberText = [NSAttributedString attributedStringWithString:@" 999+ " fontSize:20 color:UIColor.whiteColor];
|
||||
|
||||
_dotNode = [ASImageNode new];
|
||||
_dotNode.image = cornerImage;
|
||||
|
||||
_photoNode1 = [ASImageNode new];
|
||||
_photoNode1.image = avatarImage;
|
||||
|
||||
_badgeTextNode = [ASTextNode new];
|
||||
_badgeTextNode.attributedText = numberText;
|
||||
|
||||
_badgeImageNode = [ASImageNode new];
|
||||
_badgeImageNode.image = [UIImage as_resizableRoundedImageWithCornerRadius:kSampleBadgeCornerRadius
|
||||
cornerColor:UIColor.clearColor
|
||||
fillColor:UIColor.redColor];
|
||||
|
||||
_photoNode2 = [ASImageNode new];
|
||||
_photoNode2.image = avatarImage;
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize
|
||||
{
|
||||
|
||||
ASBackgroundLayoutSpec *badgeSpec = [ASBackgroundLayoutSpec backgroundLayoutSpecWithChild:_badgeTextNode
|
||||
background:_badgeImageNode];
|
||||
|
||||
ASCornerLayoutSpec *cornerSpec1 = [ASCornerLayoutSpec cornerLayoutSpecWithChild:_photoNode1 corner:_dotNode location:ASCornerLayoutLocationTopRight];
|
||||
cornerSpec1.offset = CGPointMake(-3, 3);
|
||||
|
||||
ASCornerLayoutSpec *cornerSpec2 = [ASCornerLayoutSpec cornerLayoutSpecWithChild:_photoNode2 corner:badgeSpec location:ASCornerLayoutLocationTopRight];
|
||||
|
||||
self.photoNode.style.preferredSize = CGSizeMake(kSampleAvatarSize, kSampleAvatarSize);
|
||||
self.iconNode.style.preferredSize = CGSizeMake(kSampleIconSize, kSampleIconSize);
|
||||
|
||||
ASCornerLayoutSpec *cornerSpec3 = [ASCornerLayoutSpec cornerLayoutSpecWithChild:self.photoNode corner:self.iconNode location:ASCornerLayoutLocationTopRight];
|
||||
|
||||
ASStackLayoutSpec *stackSpec = [ASStackLayoutSpec verticalStackLayoutSpec];
|
||||
stackSpec.spacing = 40;
|
||||
stackSpec.children = @[cornerSpec1, cornerSpec2, cornerSpec3];
|
||||
|
||||
return stackSpec;
|
||||
}
|
||||
|
||||
- (UIImage *)avatarImageWithSize:(CGSize)size
|
||||
{
|
||||
return [UIImage imageWithSize:size fillColor:UIColor.lightGrayColor shapeBlock:^UIBezierPath *{
|
||||
CGRect rect = (CGRect){ CGPointZero, size };
|
||||
return [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:MIN(size.width, size.height) / 20];
|
||||
}];
|
||||
}
|
||||
|
||||
- (UIImage *)cornerImageWithSize:(CGSize)size
|
||||
{
|
||||
return [UIImage imageWithSize:size fillColor:UIColor.redColor shapeBlock:^UIBezierPath *{
|
||||
return [UIBezierPath bezierPathWithOvalInRect:(CGRect){ CGPointZero, size }];
|
||||
}];
|
||||
}
|
||||
|
||||
@end
|
||||
|
||||
|
||||
@interface UserProfileSample ()
|
||||
@property (nonatomic, strong) ASImageNode *badgeNode;
|
||||
@property (nonatomic, strong) ASImageNode *avatarNode;
|
||||
@property (nonatomic, strong) ASTextNode *usernameNode;
|
||||
@property (nonatomic, strong) ASTextNode *subtitleNode;
|
||||
@property (nonatomic, assign) CGFloat photoSizeValue;
|
||||
@property (nonatomic, assign) CGFloat iconSizeValue;
|
||||
@end
|
||||
|
||||
@implementation UserProfileSample
|
||||
|
||||
+ (NSString *)title
|
||||
{
|
||||
return @"Common user profile layout.";
|
||||
}
|
||||
|
||||
+ (NSString *)descriptionTitle
|
||||
{
|
||||
return @"For corner image layout and text truncation.";
|
||||
}
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
self = [super init];
|
||||
if (self) {
|
||||
_photoSizeValue = 44;
|
||||
_iconSizeValue = 15;
|
||||
|
||||
CGSize iconSize = CGSizeMake(_iconSizeValue, _iconSizeValue);
|
||||
CGSize photoSize = CGSizeMake(_photoSizeValue, _photoSizeValue);
|
||||
|
||||
_badgeNode = [ASImageNode new];
|
||||
_badgeNode.style.preferredSize = iconSize;
|
||||
_badgeNode.image = [UIImage imageWithSize:iconSize fillColor:UIColor.redColor shapeBlock:^UIBezierPath *{
|
||||
return [UIBezierPath bezierPathWithOvalInRect:(CGRect){ CGPointZero, iconSize }];
|
||||
}];
|
||||
|
||||
_avatarNode = [ASImageNode new];
|
||||
_avatarNode.style.preferredSize = photoSize;
|
||||
_avatarNode.image = [UIImage imageWithSize:photoSize fillColor:UIColor.lightGrayColor shapeBlock:^UIBezierPath *{
|
||||
return [UIBezierPath bezierPathWithOvalInRect:(CGRect){ CGPointZero, photoSize }];
|
||||
}];
|
||||
|
||||
_usernameNode = [ASTextNode new];
|
||||
_usernameNode.attributedText = [NSAttributedString attributedStringWithString:@"Hello World" fontSize:17 color:UIColor.blackColor];
|
||||
_usernameNode.maximumNumberOfLines = 1;
|
||||
|
||||
_subtitleNode = [ASTextNode new];
|
||||
_subtitleNode.attributedText = [NSAttributedString attributedStringWithString:@"This is a long long subtitle, with a long long appended string." fontSize:14 color:UIColor.lightGrayColor];
|
||||
_subtitleNode.maximumNumberOfLines = 1;
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize
|
||||
{
|
||||
// Apply avatar with badge
|
||||
// Normally, avatar's box size is the only photo size and it will not include the badge size.
|
||||
// Otherwise, use includeCornerForSizeCalculation property to increase the box's size if needed.
|
||||
ASCornerLayoutSpec *avatarBox = [ASCornerLayoutSpec new];
|
||||
avatarBox.child = _avatarNode;
|
||||
avatarBox.corner = _badgeNode;
|
||||
avatarBox.cornerLocation = ASCornerLayoutLocationBottomRight;
|
||||
avatarBox.offset = CGPointMake(-6, -6);
|
||||
|
||||
ASStackLayoutSpec *textBox = [ASStackLayoutSpec verticalStackLayoutSpec];
|
||||
textBox.justifyContent = ASStackLayoutJustifyContentSpaceAround;
|
||||
textBox.children = @[_usernameNode, _subtitleNode];
|
||||
|
||||
ASStackLayoutSpec *profileBox = [ASStackLayoutSpec horizontalStackLayoutSpec];
|
||||
profileBox.spacing = 10;
|
||||
profileBox.children = @[avatarBox, textBox];
|
||||
|
||||
// Apply text truncation.
|
||||
NSArray *elems = @[_usernameNode, _subtitleNode, textBox, profileBox];
|
||||
for (id <ASLayoutElement> elem in elems) {
|
||||
elem.style.flexShrink = 1;
|
||||
}
|
||||
|
||||
ASInsetLayoutSpec *profileInsetBox = [ASInsetLayoutSpec new];
|
||||
profileInsetBox.insets = UIEdgeInsetsMake(120, 20, INFINITY, 20);
|
||||
profileInsetBox.child = profileBox;
|
||||
|
||||
return profileInsetBox;
|
||||
}
|
||||
|
||||
@end
|
||||
|
||||
@implementation LayoutExampleNode
|
||||
|
||||
+ (NSString *)title
|
||||
{
|
||||
NSAssert(NO, @"All layout example nodes must provide a title!");
|
||||
return nil;
|
||||
}
|
||||
|
||||
+ (NSString *)descriptionTitle
|
||||
{
|
||||
return nil;
|
||||
}
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
self = [super init];
|
||||
if (self) {
|
||||
self.automaticallyManagesSubnodes = YES;
|
||||
self.backgroundColor = [UIColor whiteColor];
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
@end
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
//
|
||||
// LayoutExampleViewController.h
|
||||
// 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 <AsyncDisplayKit/AsyncDisplayKit.h>
|
||||
|
||||
@interface LayoutExampleViewController : ASViewController
|
||||
- (instancetype)initWithLayoutExampleClass:(Class)layoutExampleClass NS_DESIGNATED_INITIALIZER;
|
||||
- (instancetype)initWithNode:(ASDisplayNode *)node NS_UNAVAILABLE;
|
||||
@end
|
||||
@@ -0,0 +1,47 @@
|
||||
//
|
||||
// LayoutExampleViewController.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 "LayoutExampleViewController.h"
|
||||
#import "LayoutExampleNodes.h"
|
||||
|
||||
@interface LayoutExampleViewController ()
|
||||
@property (nonatomic, strong) LayoutExampleNode *customNode;
|
||||
@end
|
||||
|
||||
@implementation LayoutExampleViewController
|
||||
|
||||
- (instancetype)initWithLayoutExampleClass:(Class)layoutExampleClass
|
||||
{
|
||||
NSAssert([layoutExampleClass isSubclassOfClass:[LayoutExampleNode class]], @"Must pass a subclass of LayoutExampleNode.");
|
||||
|
||||
self = [super initWithNode:[ASDisplayNode new]];
|
||||
|
||||
if (self) {
|
||||
self.title = @"Layout Example";
|
||||
|
||||
_customNode = [layoutExampleClass new];
|
||||
[self.node addSubnode:_customNode];
|
||||
|
||||
BOOL needsOnlyYCentering = [layoutExampleClass isEqual:[HeaderWithRightAndLeftItems class]] ||
|
||||
[layoutExampleClass isEqual:[FlexibleSeparatorSurroundingContent class]];
|
||||
|
||||
self.node.backgroundColor = needsOnlyYCentering ? [UIColor lightGrayColor] : [UIColor whiteColor];
|
||||
|
||||
__weak __typeof(self) weakself = self;
|
||||
self.node.layoutSpecBlock = ^ASLayoutSpec*(__kindof ASDisplayNode * _Nonnull node, ASSizeRange constrainedSize) {
|
||||
return [ASCenterLayoutSpec centerLayoutSpecWithCenteringOptions:needsOnlyYCentering ? ASCenterLayoutSpecCenteringY : ASCenterLayoutSpecCenteringXY
|
||||
sizingOptions:ASCenterLayoutSpecSizingOptionMinimumXY
|
||||
child:weakself.customNode];
|
||||
};
|
||||
}
|
||||
|
||||
return self;
|
||||
}
|
||||
|
||||
@end
|
||||
@@ -0,0 +1,19 @@
|
||||
//
|
||||
// OverviewCellNode.h
|
||||
// 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 <AsyncDisplayKit/AsyncDisplayKit.h>
|
||||
|
||||
@interface OverviewCellNode : ASCellNode
|
||||
|
||||
@property (nonatomic, strong) Class layoutExampleClass;
|
||||
|
||||
- (instancetype)initWithLayoutExampleClass:(Class)layoutExampleClass NS_DESIGNATED_INITIALIZER;
|
||||
- (instancetype)init NS_UNAVAILABLE;
|
||||
|
||||
@end
|
||||
@@ -0,0 +1,52 @@
|
||||
//
|
||||
// OverviewCellNode.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 "OverviewCellNode.h"
|
||||
#import "LayoutExampleNodes.h"
|
||||
#import "Utilities.h"
|
||||
|
||||
@interface OverviewCellNode ()
|
||||
@property (nonatomic, strong) ASTextNode *titleNode;
|
||||
@property (nonatomic, strong) ASTextNode *descriptionNode;
|
||||
@end
|
||||
|
||||
@implementation OverviewCellNode
|
||||
|
||||
- (instancetype)initWithLayoutExampleClass:(Class)layoutExampleClass
|
||||
{
|
||||
self = [super init];
|
||||
if (self) {
|
||||
self.automaticallyManagesSubnodes = YES;
|
||||
|
||||
_layoutExampleClass = layoutExampleClass;
|
||||
|
||||
_titleNode = [[ASTextNode alloc] init];
|
||||
_titleNode.attributedText = [NSAttributedString attributedStringWithString:[layoutExampleClass title]
|
||||
fontSize:16
|
||||
color:[UIColor blackColor]];
|
||||
|
||||
_descriptionNode = [[ASTextNode alloc] init];
|
||||
_descriptionNode.attributedText = [NSAttributedString attributedStringWithString:[layoutExampleClass descriptionTitle]
|
||||
fontSize:12
|
||||
color:[UIColor lightGrayColor]];
|
||||
}
|
||||
return self;
|
||||
}
|
||||
|
||||
- (ASLayoutSpec *)layoutSpecThatFits:(ASSizeRange)constrainedSize
|
||||
{
|
||||
ASStackLayoutSpec *verticalStackSpec = [ASStackLayoutSpec verticalStackLayoutSpec];
|
||||
verticalStackSpec.alignItems = ASStackLayoutAlignItemsStart;
|
||||
verticalStackSpec.spacing = 5.0;
|
||||
verticalStackSpec.children = @[self.titleNode, self.descriptionNode];
|
||||
|
||||
return [ASInsetLayoutSpec insetLayoutSpecWithInsets:UIEdgeInsetsMake(10, 16, 10, 10) child:verticalStackSpec];
|
||||
}
|
||||
|
||||
@end
|
||||
@@ -0,0 +1,15 @@
|
||||
//
|
||||
// OverviewViewController.h
|
||||
// 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 <AsyncDisplayKit/AsyncDisplayKit.h>
|
||||
|
||||
|
||||
@interface OverviewViewController : ASViewController
|
||||
|
||||
@end
|
||||
@@ -0,0 +1,77 @@
|
||||
//
|
||||
// OverviewViewController.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 "OverviewViewController.h"
|
||||
#import "LayoutExampleNodes.h"
|
||||
#import "LayoutExampleViewController.h"
|
||||
#import "OverviewCellNode.h"
|
||||
|
||||
@interface OverviewViewController () <ASTableDelegate, ASTableDataSource>
|
||||
@property (nonatomic, strong) NSArray *layoutExamples;
|
||||
@property (nonatomic, strong) ASTableNode *tableNode;
|
||||
@end
|
||||
|
||||
@implementation OverviewViewController
|
||||
|
||||
#pragma mark - Lifecycle Methods
|
||||
|
||||
- (instancetype)init
|
||||
{
|
||||
_tableNode = [ASTableNode new];
|
||||
self = [super initWithNode:_tableNode];
|
||||
|
||||
if (self) {
|
||||
self.title = @"Layout Examples";
|
||||
self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"" style:UIBarButtonItemStylePlain target:nil action:nil];
|
||||
|
||||
_tableNode.delegate = self;
|
||||
_tableNode.dataSource = self;
|
||||
|
||||
_layoutExamples = @[[HeaderWithRightAndLeftItems class],
|
||||
[PhotoWithInsetTextOverlay class],
|
||||
[PhotoWithOutsetIconOverlay class],
|
||||
[FlexibleSeparatorSurroundingContent class],
|
||||
[CornerLayoutExample class],
|
||||
[UserProfileSample class]
|
||||
];
|
||||
}
|
||||
|
||||
return self;
|
||||
}
|
||||
|
||||
- (void)viewWillAppear:(BOOL)animated
|
||||
{
|
||||
[super viewWillAppear:animated];
|
||||
|
||||
NSIndexPath *indexPath = _tableNode.indexPathForSelectedRow;
|
||||
if (indexPath != nil) {
|
||||
[_tableNode deselectRowAtIndexPath:indexPath animated:YES];
|
||||
}
|
||||
}
|
||||
|
||||
#pragma mark - ASTableDelegate, ASTableDataSource
|
||||
|
||||
- (NSInteger)tableNode:(ASTableNode *)tableNode numberOfRowsInSection:(NSInteger)section
|
||||
{
|
||||
return [_layoutExamples count];
|
||||
}
|
||||
|
||||
- (ASCellNode *)tableNode:(ASTableNode *)tableNode nodeForRowAtIndexPath:(NSIndexPath *)indexPath
|
||||
{
|
||||
return [[OverviewCellNode alloc] initWithLayoutExampleClass:_layoutExamples[indexPath.row]];
|
||||
}
|
||||
|
||||
- (void)tableNode:(ASTableNode *)tableNode didSelectRowAtIndexPath:(NSIndexPath *)indexPath
|
||||
{
|
||||
Class layoutExampleClass = [[tableNode nodeForRowAtIndexPath:indexPath] layoutExampleClass];
|
||||
LayoutExampleViewController *detail = [[LayoutExampleViewController alloc] initWithLayoutExampleClass:layoutExampleClass];
|
||||
[self.navigationController pushViewController:detail animated:YES];
|
||||
}
|
||||
|
||||
@end
|
||||
@@ -0,0 +1,25 @@
|
||||
//
|
||||
// Utilities.h
|
||||
// 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 <Foundation/Foundation.h>
|
||||
#import <UIKit/UIKit.h>
|
||||
|
||||
@interface UIColor (Additions)
|
||||
+ (UIColor *)darkBlueColor;
|
||||
+ (UIColor *)lightBlueColor;
|
||||
@end
|
||||
|
||||
@interface UIImage (Additions)
|
||||
- (UIImage *)makeCircularImageWithSize:(CGSize)size withBorderWidth:(CGFloat)width;
|
||||
+ (UIImage *)imageWithSize:(CGSize)size fillColor:(UIColor *)fillColor shapeBlock:(UIBezierPath *(^)(void))shapeBlock;
|
||||
@end
|
||||
|
||||
@interface NSAttributedString (Additions)
|
||||
+ (NSAttributedString *)attributedStringWithString:(NSString *)string fontSize:(CGFloat)size color:(UIColor *)color;
|
||||
@end
|
||||
@@ -0,0 +1,99 @@
|
||||
//
|
||||
// Utilities.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 "Utilities.h"
|
||||
|
||||
#define StrokeRoundedImages 0
|
||||
|
||||
@implementation UIColor (Additions)
|
||||
|
||||
+ (UIColor *)darkBlueColor
|
||||
{
|
||||
return [UIColor colorWithRed:18.0/255.0 green:86.0/255.0 blue:136.0/255.0 alpha:1.0];
|
||||
}
|
||||
|
||||
+ (UIColor *)lightBlueColor
|
||||
{
|
||||
return [UIColor colorWithRed:0.0 green:122.0/255.0 blue:1.0 alpha:1.0];
|
||||
}
|
||||
|
||||
@end
|
||||
|
||||
@implementation UIImage (Additions)
|
||||
|
||||
- (UIImage *)makeCircularImageWithSize:(CGSize)size withBorderWidth:(CGFloat)width
|
||||
{
|
||||
// make a CGRect with the image's size
|
||||
CGRect circleRect = (CGRect) {CGPointZero, size};
|
||||
|
||||
// begin the image context since we're not in a drawRect:
|
||||
UIGraphicsBeginImageContextWithOptions(circleRect.size, NO, 0);
|
||||
|
||||
// create a UIBezierPath circle
|
||||
UIBezierPath *circle = [UIBezierPath bezierPathWithRoundedRect:circleRect cornerRadius:circleRect.size.width/2];
|
||||
|
||||
// clip to the circle
|
||||
[circle addClip];
|
||||
|
||||
[[UIColor whiteColor] set];
|
||||
[circle fill];
|
||||
|
||||
// draw the image in the circleRect *AFTER* the context is clipped
|
||||
[self drawInRect:circleRect];
|
||||
|
||||
// create a border (for white background pictures)
|
||||
if (width > 0) {
|
||||
circle.lineWidth = width;
|
||||
[[UIColor whiteColor] set];
|
||||
[circle stroke];
|
||||
}
|
||||
|
||||
// get an image from the image context
|
||||
UIImage *roundedImage = UIGraphicsGetImageFromCurrentImageContext();
|
||||
|
||||
// end the image context since we're not in a drawRect:
|
||||
UIGraphicsEndImageContext();
|
||||
|
||||
return roundedImage;
|
||||
}
|
||||
|
||||
+ (UIImage *)imageWithSize:(CGSize)size fillColor:(UIColor *)fillColor shapeBlock:(UIBezierPath *(^)(void))shapeBlock
|
||||
{
|
||||
UIGraphicsBeginImageContext(size);
|
||||
[fillColor setFill];
|
||||
|
||||
UIBezierPath *path = shapeBlock();
|
||||
[path addClip];
|
||||
[path fill];
|
||||
|
||||
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
|
||||
UIGraphicsEndImageContext();
|
||||
|
||||
return image;
|
||||
}
|
||||
|
||||
@end
|
||||
|
||||
@implementation NSAttributedString (Additions)
|
||||
|
||||
+ (NSAttributedString *)attributedStringWithString:(NSString *)string fontSize:(CGFloat)size color:(nullable UIColor *)color
|
||||
{
|
||||
if (string == nil) {
|
||||
return nil;
|
||||
}
|
||||
|
||||
NSDictionary *attributes = @{NSForegroundColorAttributeName: color ? : [UIColor blackColor],
|
||||
NSFontAttributeName: [UIFont boldSystemFontOfSize:size]};
|
||||
NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:string];
|
||||
[attributedString addAttributes:attributes range:NSMakeRange(0, string.length)];
|
||||
|
||||
return attributedString;
|
||||
}
|
||||
|
||||
@end
|
||||
@@ -0,0 +1,17 @@
|
||||
//
|
||||
// main.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 <UIKit/UIKit.h>
|
||||
#import "AppDelegate.h"
|
||||
|
||||
int main(int argc, char * argv[]) {
|
||||
@autoreleasepool {
|
||||
return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user