Widget "flip" - Verhalten in Core Animation/Kakao

Ich versuche, eine Karte-Klasse, die Duplikate Verhalten von Dashboard-widgets, die Sie können Steuerelemente oder Bilder oder was auch immer auf zwei Seiten der Karte und flip zwischen Ihnen.

Layer-backed Blick auf eine transform-Eigenschaft, sondern zu verändern, die nicht tun, was ich erwarten würde, es zu tun (drehen der Ebene um die y-Achse Falten Sie zur linken Seite).

Wurde ich darauf hingewiesen, einige undokumentierte features und eine .h-Datei mit dem Namen cgsprivate.h, aber ich Frage mich, ob es einen offiziellen Weg, dies zu tun? Diese software müsste versendet werden und ich würde es hassen zu sehen, es nicht später, weil die Apple-Leute ziehen es in 10.6.

Jemand eine Idee, wie dies zu tun? Es ist so komisch für mich, dass ein einfaches widget, was wäre so schwer zu tun in Core Animation.

Vielen Dank im Voraus!

EDIT: ich kann das erreichen dieses Verhalten mit Bildern, die auf Ebenen, aber ich weiß nicht, wie Sie mehr erweiterte Steuerelemente/views/was auch immer auf die Schichten. Die Karte Beispiel Bilder verwendet.

InformationsquelleAutor | 2008-12-16
  1. 11

    Mike Lee hat eine Implementierung der flip-Effekt, für die er freigegeben hat, einige Beispiel-code. (das ist Leider nicht mehr online verfügbar, aber Drew McCormack gebaut aus, die in seinem eigenen Umsetzung.) Es scheint, dass er schnappt sich die Ebenen "background" und "foreground" Ansichten ausgetauscht werden, verwendet eine CATransform3D drehen Sie die beiden Ansichten, die in der animation, und dann kehrt die Aussicht, sobald die animation abgeschlossen ist.

    Durch die Verwendung der Schichten aus den Ansichten, die Sie vermeiden benötigen, um den cache in ein bitmap, denn das ist, was die Schichten sind dabei sowieso. In jedem Fall sein-view-controller aussieht, um ein gutes drop-in-Lösung für das, was Sie wollen.

    • Ausgezeichnet! Das ist viel besser als die bitmap-Zwischenspeicherung aus. Anreise...
    • Ja. Das tut es. Dank einer Tonne!
    • Die links, die Sie zur Verfügung gestellt sind gebrochen. Der erste nun links auf eine Reise-Website und der andere ist ein 404.
    • Mike 's ganze website scheint offline gegangen, so dass die nächste Implementierung, die ich finden konnte, war Drew McCormack design, der etwas ähnliches, das er basierend auf Mike' s original-code.
    InformationsquelleAutor Brad Larson
  2. 6

    Verwendung von Core Animation wie e.James beschrieben...Beachten, diese ist mit garbage collection und einer gehosteten layer:

    #import "AnimationWindows.h"

@interface AnimationFlipWindow (PrivateMethods)

NSRect RectToScreen(NSRect aRect, NSView *aView);
NSRect RectFromScreen(NSRect aRect, NSView *aView);
NSRect RectFromViewToView(NSRect aRect, NSView *fromView, NSView *toView);

@end

#pragma mark -

@implementation AnimationFlipWindow

@synthesize flipForward = _flipForward;

- (id) init {

    if ( self = [super init] ) { 
        _flipForward = YES; 
    }

    return self;
}

- (void) finalize {

    //Hint to GC for cleanup
    [[NSGarbageCollector defaultCollector] collectIfNeeded];
    [super finalize];
}

- (void) flip:(NSWindow *)activeWindow 
       toBack:(NSWindow *)targetWindow {

    CGFloat duration = 1.0f * (activeWindow.currentEvent.modifierFlags & NSShiftKeyMask ? 10.0 : 1.0);
    CGFloat zDistance = 1500.0f;

    NSView *activeView = [activeWindow.contentView superview];
    NSView *targetView = [targetWindow.contentView superview];

    //Create an animation window
    CGFloat maxWidth  = MAX(NSWidth(activeWindow.frame), NSWidth(targetWindow.frame)) + 500;
    CGFloat maxHeight = MAX(NSHeight(activeWindow.frame), NSHeight(targetWindow.frame)) + 500;

    CGRect animationFrame = CGRectMake(NSMidX(activeWindow.frame) - (maxWidth / 2), 
                                       NSMidY(activeWindow.frame) - (maxHeight / 2), 
                                       maxWidth, 
                                       maxHeight);

    mAnimationWindow = [NSWindow initForAnimation:NSRectFromCGRect(animationFrame)];

    //Add a touch of perspective
    CATransform3D transform = CATransform3DIdentity; 
    transform.m34 = -1.0 / zDistance;
    [mAnimationWindow.contentView layer].sublayerTransform = transform;

    //Relocate target window near active window
    CGRect targetFrame = CGRectMake(NSMidX(activeWindow.frame) - (NSWidth(targetWindow.frame) / 2 ), 
                                    NSMaxY(activeWindow.frame) - NSHeight(targetWindow.frame),
                                    NSWidth(targetWindow.frame),
                                    NSHeight(targetWindow.frame));

    [targetWindow setFrame:NSRectFromCGRect(targetFrame) display:NO];

    mTargetWindow = targetWindow;

    //New Active/Target Layers
    [CATransaction begin];
    CALayer *activeWindowLayer = [activeView layerFromWindow];
    CALayer *targetWindowLayer = [targetView layerFromWindow];
    [CATransaction commit];

    activeWindowLayer.frame = NSRectToCGRect(RectFromViewToView(activeView.frame, activeView, [mAnimationWindow contentView]));
    targetWindowLayer.frame = NSRectToCGRect(RectFromViewToView(targetView.frame, targetView, [mAnimationWindow contentView]));

    [CATransaction begin];
    [[mAnimationWindow.contentView layer] addSublayer:activeWindowLayer];
    [CATransaction commit];

    [mAnimationWindow orderFront:nil];  

    [CATransaction begin];
    [[mAnimationWindow.contentView layer] addSublayer:targetWindowLayer];
    [CATransaction commit];

    //Animate our new layers
    [CATransaction begin];
    CAAnimation *activeAnim = [CAAnimation animationWithDuration:(duration * 0.5) flip:YES forward:_flipForward];
    CAAnimation *targetAnim = [CAAnimation animationWithDuration:(duration * 0.5) flip:NO  forward:_flipForward];
    [CATransaction commit];

    targetAnim.delegate = self;
    [activeWindow orderOut:nil];

    [CATransaction begin];
    [activeWindowLayer addAnimation:activeAnim forKey:@"flip"];
    [targetWindowLayer addAnimation:targetAnim forKey:@"flip"];
    [CATransaction commit];
}

- (void) animationDidStop:(CAAnimation *)animation finished:(BOOL)flag {

    if (flag) {
        [mTargetWindow makeKeyAndOrderFront:nil];
        [mAnimationWindow orderOut:nil];

        mTargetWindow = nil;
        mAnimationWindow = nil;
    }
}

#pragma mark PrivateMethods:

NSRect RectToScreen(NSRect aRect, NSView *aView) {
    aRect = [aView convertRect:aRect toView:nil];
    aRect.origin = [aView.window convertBaseToScreen:aRect.origin];
    return aRect;
}

NSRect RectFromScreen(NSRect aRect, NSView *aView) {
    aRect.origin = [aView.window convertScreenToBase:aRect.origin];
    aRect = [aView convertRect:aRect fromView:nil];
    return aRect;
}

NSRect RectFromViewToView(NSRect aRect, NSView *fromView, NSView *toView) {

    aRect = RectToScreen(aRect, fromView);
    aRect = RectFromScreen(aRect, toView);

    return aRect;
}

@end

#pragma mark -
#pragma mark CategoryMethods:

@implementation CAAnimation (AnimationFlipWindow)

+ (CAAnimation *) animationWithDuration:(CGFloat)time flip:(BOOL)bFlip forward:(BOOL)forwardFlip{

    CABasicAnimation *flipAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"];

    CGFloat startValue, endValue;

    if ( forwardFlip ) {
        startValue = bFlip ? 0.0f : -M_PI;
        endValue = bFlip ? M_PI : 0.0f;
    } else {
        startValue = bFlip ? 0.0f : M_PI;
        endValue = bFlip ? -M_PI : 0.0f;
    }

    flipAnimation.fromValue = [NSNumber numberWithDouble:startValue];
    flipAnimation.toValue = [NSNumber numberWithDouble:endValue];

    CABasicAnimation *shrinkAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
    shrinkAnimation.toValue = [NSNumber numberWithFloat:1.3f];
    shrinkAnimation.duration = time * 0.5;
    shrinkAnimation.autoreverses = YES;

    CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
    animationGroup.animations = [NSArray arrayWithObjects:flipAnimation, shrinkAnimation, nil];
    animationGroup.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    animationGroup.duration = time;
    animationGroup.fillMode = kCAFillModeForwards;
    animationGroup.removedOnCompletion = NO;

    return animationGroup;
}

@end

#pragma mark -

@implementation NSWindow (AnimationFlipWindow)

+ (NSWindow *) initForAnimation:(NSRect)aFrame {

    NSWindow *window =  [[NSWindow alloc] initWithContentRect:aFrame 
                                                    styleMask:NSBorderlessWindowMask 
                                                      backing:NSBackingStoreBuffered 
                                                        defer:NO];
    [window setOpaque:NO];
    [window setHasShadow:NO];
    [window setBackgroundColor:[NSColor clearColor]];
    [window.contentView setWantsLayer:YES];

    return window;
}

@end

#pragma mark -

@implementation NSView (AnimationFlipWindow)

- (CALayer *) layerFromWindow {

    NSBitmapImageRep *image = [self bitmapImageRepForCachingDisplayInRect:self.bounds];
    [self cacheDisplayInRect:self.bounds toBitmapImageRep:image];

    CALayer *layer = [CALayer layer];
    layer.contents = (id)image.CGImage;
    layer.doubleSided = NO;

    //Shadow settings based upon Mac OS X 10.6
    [layer setShadowOpacity:0.5f];
    [layer setShadowOffset:CGSizeMake(0,-10)];
    [layer setShadowRadius:15.0f];


    return layer;
}

@end

    Header-Datei:

    @interface AnimationFlipWindow : NSObject {

    BOOL _flipForward;

    NSWindow *mAnimationWindow;
    NSWindow *mTargetWindow;
}

//Direction of flip animation (property)
@property (readwrite, getter=isFlipForward) BOOL flipForward;

- (void) flip:(NSWindow *)activeWindow 
       toBack:(NSWindow *)targetWindow;
@end

#pragma mark -
#pragma mark CategoryMethods:

@interface CAAnimation (AnimationFlipWindow)
+ (CAAnimation *) animationWithDuration:(CGFloat)time 
                                   flip:(BOOL)bFlip //Flip for each side
                                forward:(BOOL)forwardFlip; //Direction of flip
@end

@interface NSWindow (AnimationFlipWindow)
+ (NSWindow *) initForAnimation:(NSRect)aFrame;
@end

@interface NSView (AnimationFlipWindow)
- (CALayer *) layerFromWindow;
@end

    EDIT: Dies animiert zu flip von einem Fenster zu einem anderen Fenster. Sie können die gleichen Prinzipien auf einen Blick.

    • Toller code, danke!
    InformationsquelleAutor Arvin
  3. 3

    Es ist overkill für deine Zwecke (da es enthält eine weitgehend vollständige Brett-und Kartenspiel-Referenz-app), aber überprüfen Sie heraus dieses sample vom ADC. Die Kartenspiele enthalten, die es tun, die flip-Effekt ganz nett.

    • Die Karten in diesem Beispiel sind Schichten, die haben die Bilder geliefert, als deren Inhalte. Ich Steuerelemente (buttons, text-Felder, Ansichten) auf die Ebenen und ich kann nicht scheinen zu finden ein schöner Weg, das zu tun.
    • Viel rauer, in der Tat ...
    InformationsquelleAutor John Rudy
  4. 2

    Wenn Sie sind in der Lage, dies zu tun mit den Bildern, vielleicht Sie können alle Steuerelemente in einem NSView Objekt (wie üblich), und dann machen die NSView in ein bitmap-Bild mit cacheDisplayInRect:toBitmapImageRep: nur vor der Ausführung der flip-Effekt. Die Schritte wären:

    1. Machen die NSView zu einer bitmap
    2. Anzeige, dass die bitmap in einer Ebene geeignet für die flip-Effekt
    3. Ausblenden der NSView und setzen Sie das Bild Schicht
    4. Führen Sie den flip-Effekt
    • Ja. Das ist genau die Lösung, die ich versuchte, zu vermeiden, oder zumindest zu vermeiden, implementieren Sie mich. Ich vermute, das ist genau das, was die Dashboard-Widgets zu tun, wie du sehen kannst es einfrieren und zu aktualisieren. Ich habe nur gehofft, es wurde ein gegründet Methode, um diese. Vielen Dank für die NSView Methoden!
    InformationsquelleAutor e.James
  5. 1

    Ich weiß, das ist spät, aber Apple hat ein Beispiel-Projekt hier, die weiterhelfen können, um noch jemand stolpern auf diese Frage.

    https://developer.apple.com/library/mac/#samplecode/ImageTransition/Introduction/Intro.html#//apple_ref/doc/uid/DTS40010277

    InformationsquelleAutor Shantanu
  6. 0

    Hier gibt es eine komplette open-source-Implementierung dieses von den Jungs zu Mizage.

    Können Sie check it out hier: https://github.com/mizage/Flip-Animation

    InformationsquelleAutor Tyler
  7. -3

    Wohl nicht der Fall im Jahr 2008, als diese Frage gestellt wurde, aber das ist ziemlich leicht in diesen Tagen:

    [UIView animateWithDuration:0.5 animations:^{
    [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.iconView cache:YES];
    /* changes to the view made here will be reflected on the flipped to side */
}];

    Hinweis: Anscheinend funktioniert dies nur auf iOS.

    • Frage ist für MacOS, iOS nicht
    • Wirklich, ein bisschen lächerlich, da jemand suchen, um dies zu tun, auf iOS ist genau so wahrscheinlich zu finden, wie diese Frage jemanden, der sich dazu auf OSX unabhängig davon, was die OP wurde mit back in 2008.
    InformationsquelleAutor aepryus
Schreibe einen Kommentar