制作動畫效果，就像Skype iOS應用程序的菜單一樣

Question

我試圖在iPhone中創建像Skype底部菜單這樣的動畫。 我嘗試了多種方法來解決它，但無法配置准確的解決方案。 我努力了，

(1)CGPathAddLineToPoint
(2)CGPathAddArc
(3)CGPathAddArcToPoint
(4)[UIView animateWithDuration:5000 delay:500 usingSpringWithDamping:0.5 initialSpringVelocity:0.5 options:option animations:^{
        square.layer.cornerRadius = 25;
        square.layer.masksToBounds = YES;
    } completion:^(BOOL flag){
        square.layer.cornerRadius = 0;
        square.layer.masksToBounds = YES;
    }];

還有一些UIKit Dynamic方法。 不幸的是，他們都沒有為我工作以獲得確切的解決方案。 我面臨的主要問題是CornerRadius可以對整個視圖進行倒圓角處理，而我需要一些“彎曲/弧形”的東西。 方舟方法也未提供所需的解決方案。

Skype中的動畫以這種方式工作。

工作演示

（1）首先，用戶點擊右下角，

（2）然后，菜單通過彎曲（外部彎曲）效果向上動畫，

（3）與頂部邊界發生碰撞后（我猜它正在使用UIKit Dynamic，並且頂部存在不可見的邊界），Menu顯示了反彈效果，再次顯示了彎曲效果，但是此時間曲線在內部，

請指導我是否使用正確的方法或應該怎么做？ 謝謝

Answer 1

這是一篇有關如何制作這種動畫的精美教程： http : //holko.pl/2014/06/26/recreating-skypes-action-sheet-animation/

在本教程的最后，作者還提供了托管可重用框架的github地址，您可以直接使用該框架來創建這種效果。

希望這可以幫助。