NSSlider 动画

Question

如何在更改其浮点值时创建 NSSlider 动画。我正在尝试：

[[mySlider animator] setFloatValue:-5];

但这不起作用..只需更改没有动画的值。那么也许有人知道如何做到这一点？

提前致谢。

Answer 1

好的 - 所以这并不像我希望的那样快速和漂亮，但它确实有效。 您实际上不能在滑块旋钮上使用动画师和核心动画 - 因为核心动画仅适用于图层，并且无法访问滑块图层中的旋钮值。

所以我们不得不求助于手动动画滑块值。 由于我们在 Mac 上执行此操作 - 您可以使用 NSAnimation（在 iOS 上不可用）。

NSAnimation 所做的很简单——它提供了一种计时/插值机制来允许您制作动画（与核心动画相反，它也连接到视图并处理对它们的更改）。

要使用 NSAnimation - 你通常会继承它并覆盖 setCurrentProgress: 并把你的逻辑放在那里。

以下是我的实现方式 - 我创建了一个名为 NSAnimationForSlider 的新 NSAnimation 子类

NSAnimationForSlider.h：

@interface NSAnimationForSlider : NSAnimation  
{  
    NSSlider *delegateSlider;  
    float animateToValue;    
    double max;   
    double min;  
    float initValue;  
}  
@property (nonatomic, retain) NSSlider *delegateSlider;  
@property (nonatomic, assign) float animateToValue;    
@end  

NSAnimationForSlider.m：

#import "NSAnimationForSlider.h"

@implementation NSAnimationForSlider
@synthesize delegateSlider;
@synthesize animateToValue;

-(void)dealloc
{
    [delegateSlider release], delegateSlider = nil;
}

-(void)startAnimation
{
    //Setup initial values for every animation
    initValue = [delegateSlider floatValue];
    if (animateToValue >= initValue) {
        min = initValue;
        max = animateToValue;
    } else  {
        min = animateToValue;
        max = initValue;
    }

    [super startAnimation];
}


- (void)setCurrentProgress:(NSAnimationProgress)progress
{
    [super setCurrentProgress:progress];

    double newValue;
    if (animateToValue >= initValue) {
        newValue = min + (max - min) * progress;        
    } else  {
        newValue = max - (max - min) * progress;
    }

    [delegateSlider setDoubleValue:newValue];
}

@end

要使用它 - 您只需创建一个新的 NSAnimationForSlider，将您正在处理的滑块作为委托给它，并在每个动画之前将其设置为 animateToValue，然后启动动画。

例如：

slider = [[NSSlider alloc] initWithFrame:NSMakeRect(50, 150, 400, 25)];
[slider setMaxValue:200];
[slider setMinValue:50];
[slider setDoubleValue:50];

[[window contentView] addSubview:slider];

NSAnimationForSlider *sliderAnimation = [[NSAnimationForSlider alloc] initWithDuration:2.0 animationCurve:NSAnimationEaseIn];
[sliderAnimation setAnimationBlockingMode:NSAnimationNonblocking];
[sliderAnimation setDelegateSlider:slider];
[sliderAnimation setAnimateToValue:150];

[sliderAnimation startAnimation];

Answer 2

您的方法有效，但有一些更简单的方法。

您可以使用动画代理，您只需要告诉它如何制作动画即可。 为此，您需要实现NSAnimatablePropertyContainer 协议中的defaultAnimationForKey: 方法。

---

这是NSSlider 的一个简单子类，它执行此操作：

#import "NSAnimatableSlider.h"
#import <QuartzCore/QuartzCore.h>

@implementation NSAnimatableSlider

+ (id)defaultAnimationForKey:(NSString *)key
{
    if ([key isEqualToString:@"doubleValue"]) {
        return [CABasicAnimation animation];
    } else {
        return [super defaultAnimationForKey:key];
    }
}

@end

---

现在您可以简单地使用动画代理：

[self.slider.animator setDoubleValue:100.0];

---

确保链接QuartzCore 框架。