插入动画和绑定

Question

注意：我将ReactiveCocoaLayout 用于基于信号的动画。

我有一个 UILabel，我想将它绑定到视图模型上的 NSString* 属性。

RACSignal* statusSignal = [RACObserve(self, viewModel.status) distinctUntilChanged];

足够简单。但是，现在我想添加一些精美的动画。当status 发生变化时，我想连续发生什么：

1. 淡出标签（alpha 从 1 -> 0）
2. 将新文本应用到 UILabel
3. 将标签淡入（alpha from 1 -> 0）

这是我目前所能想到的：

RACSignal* statusSignal = [RACObserve(self, viewModel.status) distinctUntilChanged];

// An animation signal that initially moves from (current) -> 1 and moves from (current) -> 0 -> 1 after that
RACSignal* alphaValues = [[statusSignal flattenMap:^RACStream *(id _) {

    // An animation signal that moves towards a value of 1
    return [[[RACSignal return:@1]
             delay:animationDuration]
            animateWithDuration:animationDuration];

}] takeUntilReplacement:[[statusSignal skip:1] flattenMap:^RACStream *(id _) {

    // An animation signal that moves towards a value of 0, waits for that to complete, then moves towards a value of 1
    return [[[RACSignal return:@(0)]
             animateWithDuration:animationDuration]
            concat:[[[RACSignal return:@1]
                     delay:animationDuration]
                    animateWithDuration:animationDuration]];
}]];

RAC(self, statusLabel.alpha) = alphaValues;

// The initial status should be applied immediately.  Combined with the initial animation logic above, this will nicely fade in the first
// status.  Subsequent status changes are delayed by [animationDuration] in order to allow the "fade" animation (alpha from 1 -> 0) to
// finish before the text is changed.
RAC(self, statusLabel.text) = [[statusSignal take:1]
                               concat:[[statusSignal delay:animationDuration]
                                       deliverOn:[RACScheduler mainThreadScheduler]]];

这行得通，但我无法摆脱它有点……设计的感觉。大部分复杂性来自我的基本情况 - 初始文本应该只是淡入，随后的文本更改应该淡出然后淡入。

关于如何简化或优化的任何想法？

Answer 1

我还没用过 RCL，如果我用错了-animateWithDuration:，请告诉我。

首先，我定义了一个信号，它发送@YES 而不是第一个状态，以及@NO 而不是所有后续状态。这是通过利用 -bind: 运算符来完成的，该运算符允许通过块捕获自定义每个订阅者变量。

RACSignal *isFirstStatus = [statusSignal bind:^{
    __block BOOL first = YES;
    return ^(id _, BOOL *stop) {
        BOOL isFirst = first;
        first = NO;
        return [RACSignal return:@(isFirst)];
    };
}];

接下来，将isFirstStatus与+if:then:else:放在一起，以初始动画信号开始，然后切换到永久动画信号。

RAC(self, statusLabel.alpha) = [[RACSignal
    if:isFirstStatus
        // Initially, an animation signal to 1.
        then:[RACSignal return:@1]
        // Subsequently, an animation signal to 0, then, to 1.
        else:[[[RACSignal return:@1] delay:animationDuration] startWith:@0]]
    animateWithDuration:animationDuration];

我一直在寻找一种方法来通过动画完成来处理带内文本属性更新，但没有找到我喜欢的任何东西。如果还没有好的方法，这可能是为这种场景添加操作员到 RCL 的机会。

Answer 2

只需以类似的方式实施解决方案。

[RACObserve(self, curChannel) subscribeNext:^(NSNumber* v) {
    BGChannel* ch = self.model.subscriptions[v.intValue];
    [UIView transitionWithView:self.channelLabel duration:0.75 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
        self.channelLabel.text = ch.name;
    } completion:nil];
}];