Instagram“喜歡”動畫iOS

Question

我要實現在將圖片雙擊到我的iOS應用中時Instagram使用的“喜歡”動畫。 這是一個非常漂亮的功能，並認為它將為我的應用程序增添些許風味。 我張貼了雙擊的前后照片。 心臟在大約兩秒鍾內消失。 我想不明白。 讓我知道！

Answer 1

好吧，如果您想使用動畫方法，則可以使用幀序列進行此操作。

Toast（因為它在android中）也很完美，為此，您可以在此處檢查iOS的重復問題Growl / toast樣式通知庫 。

Answer 2

#define LIKED 100 //change as per your requirement
#define UNLIKE 200 //change as per your requirement

- (void) likeUnlike:(UIGestureRecognizer *)sender
{
    [imageViewSub setHidden:NO];

    UIImageView *imageView = (UIImageView *)sender.view;

    if(imageView.tag==LIKED)
    {
        [imageViewSub setImage:[UIImage imageNamed:@"unlike.png"]];
        [imageView setTag:UNLIKE];
    }
    else
    {
        [imageViewSub setImage:[UIImage imageNamed:@"like.png"]];
        [imageView setTag:LIKED];
    }

    //here, your like/unlike update call to server for store selection.

    //set the frame exactly you want or
    //implement some other way to hide `imageViewSub` after like/unlike
    [imageViewSub setFrame:CGRectMake( 110, 180, 100, 100)];
    [UIView beginAnimations:@"anim" context:nil];
    [UIView setAnimationDuration:1.0];
    [imageViewSub setFrame:CGRectMake(200, 200, 0, 0)]; 
    [UIView commitAnimations];
}

//Add below code where you're added/showing your images. There's always two `UIImageView`s one is `main` and other one is `sub`.

[imageViewSub bringSubviewToFront:imageViewMain];

UITapGestureRecognizer *doubleTap = [[UITapGestureRecognizer alloc] init];
[doubleTap setNumberOfTapsRequired:2];
[doubleTap addTarget:self action:@selector(likeUnlike:)];
[imageViewMain addGestureRecognizer:doubleTap];
[doubleTap release];

PS imageViewMain最初將具有標簽UNLIKED和imageViewSub有unlike.png和應該被隱藏。

Answer 3

在我的一些項目中，我一直在使用MBProgressHUD 。 您可以設置標准圖像/進度圈或自定義圖像，還可以自定義標簽的字體。 我很喜歡 如果將它與performBlockAfterDelay一起使用（選中此類別） ，則可以節省大量時間，並使您的生活更輕松。