2016-11-28 19:09:46 +00:00
|
|
|
/**
|
|
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
|
|
* All rights reserved.
|
|
|
|
*
|
|
|
|
* This source code is licensed under the BSD-style license found in the
|
|
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
|
|
*/
|
|
|
|
|
|
|
|
#import "RCTNativeAnimatedNodesManager.h"
|
|
|
|
|
|
|
|
#import <React/RCTConvert.h>
|
|
|
|
|
|
|
|
#import "RCTAnimatedNode.h"
|
|
|
|
#import "RCTAnimationDriver.h"
|
|
|
|
#import "RCTEventAnimation.h"
|
|
|
|
|
|
|
|
#import "RCTAdditionAnimatedNode.h"
|
|
|
|
#import "RCTInterpolationAnimatedNode.h"
|
|
|
|
#import "RCTDiffClampAnimatedNode.h"
|
|
|
|
#import "RCTDivisionAnimatedNode.h"
|
|
|
|
#import "RCTModuloAnimatedNode.h"
|
|
|
|
#import "RCTMultiplicationAnimatedNode.h"
|
|
|
|
#import "RCTModuloAnimatedNode.h"
|
|
|
|
#import "RCTPropsAnimatedNode.h"
|
|
|
|
#import "RCTStyleAnimatedNode.h"
|
|
|
|
#import "RCTTransformAnimatedNode.h"
|
|
|
|
#import "RCTValueAnimatedNode.h"
|
|
|
|
#import "RCTFrameAnimation.h"
|
|
|
|
#import "RCTSpringAnimation.h"
|
|
|
|
|
|
|
|
@implementation RCTNativeAnimatedNodesManager
|
|
|
|
{
|
|
|
|
RCTUIManager *_uiManager;
|
|
|
|
NSMutableDictionary<NSNumber *, RCTAnimatedNode *> *_animationNodes;
|
2017-03-06 19:13:49 +00:00
|
|
|
NSMutableDictionary<NSString *, RCTEventAnimation *> *_eventDrivers;
|
2016-11-28 19:09:46 +00:00
|
|
|
NSMutableSet<id<RCTAnimationDriver>> *_activeAnimations;
|
|
|
|
CADisplayLink *_displayLink;
|
|
|
|
}
|
|
|
|
|
|
|
|
- (instancetype)initWithUIManager:(nonnull RCTUIManager *)uiManager
|
|
|
|
{
|
|
|
|
if ((self = [super init])) {
|
|
|
|
_uiManager = uiManager;
|
|
|
|
_animationNodes = [NSMutableDictionary new];
|
|
|
|
_eventDrivers = [NSMutableDictionary new];
|
|
|
|
_activeAnimations = [NSMutableSet new];
|
|
|
|
}
|
|
|
|
return self;
|
|
|
|
}
|
|
|
|
|
|
|
|
#pragma mark -- Graph
|
|
|
|
|
|
|
|
- (void)createAnimatedNode:(nonnull NSNumber *)tag
|
|
|
|
config:(NSDictionary<NSString *, id> *)config
|
|
|
|
{
|
|
|
|
static NSDictionary *map;
|
|
|
|
static dispatch_once_t mapToken;
|
|
|
|
dispatch_once(&mapToken, ^{
|
|
|
|
map = @{@"style" : [RCTStyleAnimatedNode class],
|
|
|
|
@"value" : [RCTValueAnimatedNode class],
|
|
|
|
@"props" : [RCTPropsAnimatedNode class],
|
|
|
|
@"interpolation" : [RCTInterpolationAnimatedNode class],
|
|
|
|
@"addition" : [RCTAdditionAnimatedNode class],
|
|
|
|
@"diffclamp": [RCTDiffClampAnimatedNode class],
|
|
|
|
@"division" : [RCTDivisionAnimatedNode class],
|
|
|
|
@"multiplication" : [RCTMultiplicationAnimatedNode class],
|
|
|
|
@"modulus" : [RCTModuloAnimatedNode class],
|
|
|
|
@"transform" : [RCTTransformAnimatedNode class]};
|
|
|
|
});
|
|
|
|
|
|
|
|
NSString *nodeType = [RCTConvert NSString:config[@"type"]];
|
|
|
|
|
|
|
|
Class nodeClass = map[nodeType];
|
|
|
|
if (!nodeClass) {
|
|
|
|
RCTLogError(@"Animated node type %@ not supported natively", nodeType);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
RCTAnimatedNode *node = [[nodeClass alloc] initWithTag:tag config:config];
|
|
|
|
_animationNodes[tag] = node;
|
|
|
|
[node setNeedsUpdate];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)connectAnimatedNodes:(nonnull NSNumber *)parentTag
|
|
|
|
childTag:(nonnull NSNumber *)childTag
|
|
|
|
{
|
|
|
|
RCTAssertParam(parentTag);
|
|
|
|
RCTAssertParam(childTag);
|
|
|
|
|
|
|
|
RCTAnimatedNode *parentNode = _animationNodes[parentTag];
|
|
|
|
RCTAnimatedNode *childNode = _animationNodes[childTag];
|
|
|
|
|
|
|
|
RCTAssertParam(parentNode);
|
|
|
|
RCTAssertParam(childNode);
|
|
|
|
|
|
|
|
[parentNode addChild:childNode];
|
|
|
|
[childNode setNeedsUpdate];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)disconnectAnimatedNodes:(nonnull NSNumber *)parentTag
|
|
|
|
childTag:(nonnull NSNumber *)childTag
|
|
|
|
{
|
|
|
|
RCTAssertParam(parentTag);
|
|
|
|
RCTAssertParam(childTag);
|
|
|
|
|
|
|
|
RCTAnimatedNode *parentNode = _animationNodes[parentTag];
|
|
|
|
RCTAnimatedNode *childNode = _animationNodes[childTag];
|
|
|
|
|
|
|
|
RCTAssertParam(parentNode);
|
|
|
|
RCTAssertParam(childNode);
|
|
|
|
|
|
|
|
[parentNode removeChild:childNode];
|
|
|
|
[childNode setNeedsUpdate];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)connectAnimatedNodeToView:(nonnull NSNumber *)nodeTag
|
|
|
|
viewTag:(nonnull NSNumber *)viewTag
|
2017-01-27 02:14:40 +00:00
|
|
|
viewName:(nonnull NSString *)viewName
|
2016-11-28 19:09:46 +00:00
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[nodeTag];
|
2017-01-27 02:14:40 +00:00
|
|
|
if ([node isKindOfClass:[RCTPropsAnimatedNode class]]) {
|
|
|
|
[(RCTPropsAnimatedNode *)node connectToView:viewTag viewName:viewName uiManager:_uiManager];
|
2016-11-28 19:09:46 +00:00
|
|
|
}
|
|
|
|
[node setNeedsUpdate];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)disconnectAnimatedNodeFromView:(nonnull NSNumber *)nodeTag
|
|
|
|
viewTag:(nonnull NSNumber *)viewTag
|
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[nodeTag];
|
2017-01-27 02:14:40 +00:00
|
|
|
if ([node isKindOfClass:[RCTPropsAnimatedNode class]]) {
|
2016-11-28 19:09:46 +00:00
|
|
|
[(RCTPropsAnimatedNode *)node disconnectFromView:viewTag];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)dropAnimatedNode:(nonnull NSNumber *)tag
|
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[tag];
|
|
|
|
if (node) {
|
|
|
|
[node detachNode];
|
|
|
|
[_animationNodes removeObjectForKey:tag];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#pragma mark -- Mutations
|
|
|
|
|
|
|
|
- (void)setAnimatedNodeValue:(nonnull NSNumber *)nodeTag
|
|
|
|
value:(nonnull NSNumber *)value
|
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[nodeTag];
|
|
|
|
if (![node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
|
|
|
RCTLogError(@"Not a value node.");
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
RCTValueAnimatedNode *valueNode = (RCTValueAnimatedNode *)node;
|
|
|
|
valueNode.value = value.floatValue;
|
|
|
|
[valueNode setNeedsUpdate];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)setAnimatedNodeOffset:(nonnull NSNumber *)nodeTag
|
|
|
|
offset:(nonnull NSNumber *)offset
|
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[nodeTag];
|
|
|
|
if (![node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
|
|
|
RCTLogError(@"Not a value node.");
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
RCTValueAnimatedNode *valueNode = (RCTValueAnimatedNode *)node;
|
|
|
|
[valueNode setOffset:offset.floatValue];
|
|
|
|
[valueNode setNeedsUpdate];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)flattenAnimatedNodeOffset:(nonnull NSNumber *)nodeTag
|
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[nodeTag];
|
|
|
|
if (![node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
|
|
|
RCTLogError(@"Not a value node.");
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
RCTValueAnimatedNode *valueNode = (RCTValueAnimatedNode *)node;
|
|
|
|
[valueNode flattenOffset];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)extractAnimatedNodeOffset:(nonnull NSNumber *)nodeTag
|
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[nodeTag];
|
|
|
|
if (![node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
|
|
|
RCTLogError(@"Not a value node.");
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
RCTValueAnimatedNode *valueNode = (RCTValueAnimatedNode *)node;
|
|
|
|
[valueNode extractOffset];
|
|
|
|
}
|
|
|
|
|
|
|
|
#pragma mark -- Drivers
|
|
|
|
|
|
|
|
- (void)startAnimatingNode:(nonnull NSNumber *)animationId
|
|
|
|
nodeTag:(nonnull NSNumber *)nodeTag
|
|
|
|
config:(NSDictionary<NSString *, id> *)config
|
|
|
|
endCallback:(RCTResponseSenderBlock)callBack
|
|
|
|
{
|
|
|
|
RCTValueAnimatedNode *valueNode = (RCTValueAnimatedNode *)_animationNodes[nodeTag];
|
|
|
|
|
|
|
|
NSString *type = config[@"type"];
|
|
|
|
id<RCTAnimationDriver>animationDriver;
|
|
|
|
|
|
|
|
if ([type isEqual:@"frames"]) {
|
|
|
|
animationDriver = [[RCTFrameAnimation alloc] initWithId:animationId
|
|
|
|
config:config
|
|
|
|
forNode:valueNode
|
|
|
|
callBack:callBack];
|
|
|
|
|
|
|
|
} else if ([type isEqual:@"spring"]) {
|
|
|
|
animationDriver = [[RCTSpringAnimation alloc] initWithId:animationId
|
|
|
|
config:config
|
|
|
|
forNode:valueNode
|
|
|
|
callBack:callBack];
|
|
|
|
|
|
|
|
} else {
|
|
|
|
RCTLogError(@"Unsupported animation type: %@", config[@"type"]);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
[_activeAnimations addObject:animationDriver];
|
|
|
|
[animationDriver startAnimation];
|
|
|
|
[self startAnimationLoopIfNeeded];
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)stopAnimation:(nonnull NSNumber *)animationId
|
|
|
|
{
|
|
|
|
for (id<RCTAnimationDriver>driver in _activeAnimations) {
|
|
|
|
if ([driver.animationId isEqual:animationId]) {
|
|
|
|
[driver removeAnimation];
|
|
|
|
[_activeAnimations removeObject:driver];
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#pragma mark -- Events
|
|
|
|
|
|
|
|
- (void)addAnimatedEventToView:(nonnull NSNumber *)viewTag
|
|
|
|
eventName:(nonnull NSString *)eventName
|
|
|
|
eventMapping:(NSDictionary<NSString *, id> *)eventMapping
|
|
|
|
{
|
|
|
|
NSNumber *nodeTag = [RCTConvert NSNumber:eventMapping[@"animatedValueTag"]];
|
|
|
|
RCTAnimatedNode *node = _animationNodes[nodeTag];
|
|
|
|
|
|
|
|
if (!node) {
|
|
|
|
RCTLogError(@"Animated node with tag %@ does not exists", nodeTag);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (![node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
|
|
|
RCTLogError(@"Animated node connected to event should be of type RCTValueAnimatedNode");
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
NSArray<NSString *> *eventPath = [RCTConvert NSStringArray:eventMapping[@"nativeEventPath"]];
|
|
|
|
|
|
|
|
RCTEventAnimation *driver =
|
2017-03-06 19:13:49 +00:00
|
|
|
[[RCTEventAnimation alloc] initWithEventPath:eventPath valueNode:(RCTValueAnimatedNode *)node];
|
2016-11-28 19:09:46 +00:00
|
|
|
|
2017-03-06 19:13:49 +00:00
|
|
|
_eventDrivers[[NSString stringWithFormat:@"%@%@", viewTag, eventName]] = driver;
|
2016-11-28 19:09:46 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
- (void)removeAnimatedEventFromView:(nonnull NSNumber *)viewTag
|
|
|
|
eventName:(nonnull NSString *)eventName
|
|
|
|
{
|
2017-03-06 19:13:49 +00:00
|
|
|
[_eventDrivers removeObjectForKey:[NSString stringWithFormat:@"%@%@", viewTag, eventName]];
|
2016-11-28 19:09:46 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
- (void)handleAnimatedEvent:(id<RCTEvent>)event
|
|
|
|
{
|
|
|
|
if (_eventDrivers.count == 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
NSString *key = [NSString stringWithFormat:@"%@%@", event.viewTag, event.eventName];
|
2017-03-06 19:13:49 +00:00
|
|
|
RCTEventAnimation *driver = _eventDrivers[key];
|
|
|
|
if (driver) {
|
|
|
|
[driver updateWithEvent:event];
|
2016-11-28 19:09:46 +00:00
|
|
|
[self updateAnimations];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#pragma mark -- Listeners
|
|
|
|
|
|
|
|
- (void)startListeningToAnimatedNodeValue:(nonnull NSNumber *)tag
|
|
|
|
valueObserver:(id<RCTValueAnimatedNodeObserver>)valueObserver
|
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[tag];
|
2017-01-27 02:14:40 +00:00
|
|
|
if ([node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
2016-11-28 19:09:46 +00:00
|
|
|
((RCTValueAnimatedNode *)node).valueObserver = valueObserver;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)stopListeningToAnimatedNodeValue:(nonnull NSNumber *)tag
|
|
|
|
valueObserver:(id<RCTValueAnimatedNodeObserver>)valueObserver
|
|
|
|
{
|
|
|
|
RCTAnimatedNode *node = _animationNodes[tag];
|
2017-01-27 02:14:40 +00:00
|
|
|
if ([node isKindOfClass:[RCTValueAnimatedNode class]]) {
|
2016-11-28 19:09:46 +00:00
|
|
|
((RCTValueAnimatedNode *)node).valueObserver = valueObserver;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#pragma mark -- Animation Loop
|
|
|
|
|
|
|
|
- (void)startAnimationLoopIfNeeded
|
|
|
|
{
|
|
|
|
if (!_displayLink && _activeAnimations.count > 0) {
|
|
|
|
_displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(stepAnimations)];
|
|
|
|
[_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)stopAnimationLoopIfNeeded
|
|
|
|
{
|
2017-01-06 05:48:10 +00:00
|
|
|
if (_activeAnimations.count == 0) {
|
|
|
|
[self stopAnimationLoop];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)stopAnimationLoop
|
|
|
|
{
|
|
|
|
if (_displayLink) {
|
2016-11-28 19:09:46 +00:00
|
|
|
[_displayLink invalidate];
|
|
|
|
_displayLink = nil;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
- (void)stepAnimations
|
|
|
|
{
|
|
|
|
for (id<RCTAnimationDriver>animationDriver in _activeAnimations) {
|
|
|
|
[animationDriver stepAnimation];
|
|
|
|
}
|
|
|
|
|
|
|
|
[self updateAnimations];
|
|
|
|
|
|
|
|
for (id<RCTAnimationDriver>animationDriver in [_activeAnimations copy]) {
|
|
|
|
if (animationDriver.animationHasFinished) {
|
|
|
|
[animationDriver removeAnimation];
|
|
|
|
[_activeAnimations removeObject:animationDriver];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
[self stopAnimationLoopIfNeeded];
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#pragma mark -- Updates
|
|
|
|
|
|
|
|
- (void)updateAnimations
|
|
|
|
{
|
|
|
|
[_animationNodes enumerateKeysAndObjectsUsingBlock:^(NSNumber *key, RCTAnimatedNode *node, BOOL *stop) {
|
|
|
|
if (node.needsUpdate) {
|
|
|
|
[node updateNodeIfNecessary];
|
|
|
|
}
|
|
|
|
}];
|
|
|
|
}
|
|
|
|
|
|
|
|
@end
|