iOS图标微动算法 [英] iOS icon jiggle algorithm

问题描述

我正在编写一个iPad应用程序，它提供类似于Pages呈现方式的用户文档（作为实际文档的大图标）。当用户点击编辑按钮时，我也想模仿摇晃行为。当您在iPhone和iPad上点按并按住图标时，这与图标在主屏幕上所做的抖动模式相同。

I am writing an iPad app that presents user documents similar to the way Pages presents them (as large icons of the actual document). I also want to mimic the jiggling behavior when the user taps the edit button. This is the same jiggle pattern that icons make on the home screen when you tap and hold on them on both the iPhone and iPad.

我在互联网上搜索并找到了一些算法，但它们只是让视图来回摇摆，这完全不像Apple的摇摆。似乎有一些随机性，因为每个图标都有点不同。

I've searched the Internet and have found a few algorithms but they just cause the view to rock back and forth which is not at all like the Apple jiggle. It seems there is some randomness in there as each icon jiggles a little differently.

有没有人知道某些代码可以重新创建相同的微动模式（或者非常接近它的东西）？谢谢!!!

Does anyone have or know of some code that can re-create the same jiggle pattern (or something very close to it)? Thanks!!!

推荐答案

好的，所以openspringboard代码对我来说不是很好但我确实允许我创建我认为一些代码有点好，但仍然不是完美而是更好。如果有人有建议让这更好，我很乐意听到他们......（将此添加到您想要摇晃的视图的子类）

OK, so the openspringboard code didn't quite do it for me but I did allow me to create some code that I think is a bit better, still not prefect but better. If anyone has suggestions to make this better, I would love to hear them... (add this to the subclass of the view(s) you want to jiggle)

#define degreesToRadians(x) (M_PI * (x) / 180.0)
#define kAnimationRotateDeg 1.0
#define kAnimationTranslateX 2.0
#define kAnimationTranslateY 2.0

- (void)startJiggling:(NSInteger)count {

    CGAffineTransform leftWobble = CGAffineTransformMakeRotation(degreesToRadians( kAnimationRotateDeg * (count%2 ? +1 : -1 ) ));
    CGAffineTransform rightWobble = CGAffineTransformMakeRotation(degreesToRadians( kAnimationRotateDeg * (count%2 ? -1 : +1 ) ));
    CGAffineTransform moveTransform = CGAffineTransformTranslate(rightWobble, -kAnimationTranslateX, -kAnimationTranslateY);
    CGAffineTransform conCatTransform = CGAffineTransformConcat(rightWobble, moveTransform);

    self.transform = leftWobble;  // starting point

    [UIView animateWithDuration:0.1
                          delay:(count * 0.08)
                        options:UIViewAnimationOptionAllowUserInteraction | UIViewAnimationOptionRepeat | UIViewAnimationOptionAutoreverse
                     animations:^{ self.transform = conCatTransform; }
                     completion:nil];
}

- (void)stopJiggling {
    [self.layer removeAllAnimations];
    self.transform = CGAffineTransformIdentity;  // Set it straight 
}

这篇关于iOS图标微动算法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！