ios - UIImageViewのエッジを折りたたむ/カールする

Question

お気に入りとしてマークするには、UIImageViewの端を折りたたむ/展開する必要があります。複数のサイトを検索しましたが、何も見つかりませんでした。

いくつかのサンプル画像を添付し、可能であればアニメーション効果を付けました。

Answer 1

これを行う1つの方法は、OpenGLを使用してビューをアニメーション化することです。XBPageCurlと呼ばれるそのための素晴らしいライブラリがあります

ただし、カール効果のマスクを作成し、それに移行するときにビューをアニメーション化することで、はるかに軽いソリューションを実現できます。これがどのように見えるかです

[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:0.3];

UIImage *maskedImage = [yourImage imageMaskedWithImage:yourMask];
[yourImageView setImage:maskedImage];

[UIView commitAnimations];

画像をマスクする方法については、こちらをご覧くださいhttp://mobiledevelopertips.com/cocoa/how-to-mask-an-image.html

Answer 2

UIViewController'spresentModalViewController:animated:を使用して、をに設定してmodalTransistionStyle実行できますUIModalTransitionStylePartialCurl。Appleのドキュメントを参照してください。

Answer 3

@IBAction func curl(_ sender: Any, forEvent event: UIEvent) {
    
    if b == 1 {
    UIView.transition(with: imageview, duration: 1.5, options: .transitionCurlUp, animations: {self.imageview.isHidden = true}, completion: nil)
        b = 2
    }
    else if b == 2
    {
        self.imageview.isHidden  = false
        UIView.transition(with: imageview, duration: 1.5, options: .transitionCurlDown, animations: {self.imageview.isHighlighted = true}, completion: nil)
        b = 1
    }
}