蘋果如何做iBooks 2閃卡的動畫？

我試圖用蘋果如何做iBooks 2閃卡的動畫？

[UIView transitionFromView:self.frontsideCardView 
        toView:self.backsideCardView 
        duration:kFlipCardAnimationDuration 
        options:UIViewAnimationOptionTransitionFlipFromTop 
       completion:completion];

的問題從一個UIView到另一個轉變是，當我打開CALayer陰影和圓角的兩種觀點角落動畫成爲laggy。所以我環顧蘋果應用程序，看看他們是否做了類似的事情，我發現iBooks 2應用程序可以。你可以在那裏學習flashcards，如果你點擊一張卡片，它會順利翻轉。從我所看到的，他們也使用圓角和陰影。

我注意到的是，在我的動畫，意見漸變爲黑色，而翻轉 - 在iBooks的這並沒有發生：

iBooks animates so smoothly! My app doesn't :(

（爲例子，我從視圖中刪除一切，否則它只是在10 fps動畫）

蘋果爲創建如此流暢的動畫所做的任何想法？

來源

2012-02-18 fabian789

他們正在使用以普通舊視圖繪製的圖像，我敢打賭。最簡單，最快捷的方式。

來源

2012-02-28 16:44:01 NetworkBurger

感謝您的建議。我嘗試使用帶有透明圖像的「UIImageView」，但它仍然滯後。 – fabian789 2012-03-04 11:25:09

真的嗎？好奇 - 你有什麼財產？框架還是轉換？你是否取消了所有圖層修改？形象有多大？（具有可伸展區域的圖像可以提供很大的性能）。 – NetworkBurger 2012-03-06 14:12:00

圖像非常小，我使用可拉伸區域。我認爲問題在於它有圓角和透明度。爲了動畫，我使用了UIView類的方法。 – fabian789 2012-03-11 15:59:00

有一個例子涉及獅子的滑動，你可能會適應你的使用：https://developer.apple.com/library/mac/samplecode/PictureSwiper。基本上，您可以拍攝前後頁面的圖片，將它們放在圖層頂部的隱藏視圖中，然後在滑動過程中顯示視圖併爲圖層添加動畫。滑動完成後，您將隱藏視圖並重新緩存圖像。整個過程可能比osx更容易在ios中實現。

來源

2012-02-28 18:42:06 pickwick

我不確定我是否理解你的答案。我想實現翻轉動畫，而不是滑動動畫。感謝您的鏈接。 – fabian789 2012-03-04 11:27:35

蘋果如何做iBooks 2閃卡的動畫？

回答

相關問題