「読み上げリストに追加する」アニメーション効果を作成する方法

私は、リーディングリストに要素を追加するときに、Safari(iPhone)のものと似たアニメーション効果を出そうとしています。 App Storeアプリケーションからアイテムをダウンロードするときに表示されるものと似ています。アプリケーションアイテムがドックにドロップされてダウンロードが開始されます。 最初にそれはバウンスしてからドックに行きます。これは、AppleがOSで使用する非常に素晴らしい効果です。

私はこの種のアニメーションをアプリケーションのツールバーにドロップしたい、画面上のイメージビューを持っています。

それをやった人がいる場合や、効果の名前が分かっている場合は、その方法を教えてください。

ありがとうございました。

1

1 答え

「読み上げリストに追加」は私の電話にはアニメーションを表示しませんが、あなたの説明ではSafari(iPhone)の「Open in background」 - アニメーションのように聞こえます。私の答えはそのアニメーションを記述します。


私は数ヶ月前にそのようなことを書いていましたが、その多くは実行可能で、一部は実行できません。あなたの質問は、より多くの人々がそれがどのように行われるかを知ることを示していることを示しました。create a new layer and draw the content of your layer into an image and set that image as the content of the layer that you are animating

終了位置の計算

The start position of the animation is simply the frame of the view. The end position is very tricky since bar items (both tool bar items and tab bar items) are not UIView subclasses and doesn't have a public view property. This causes problems when you want to shake the bar item later on.

私はいくつかの簡単な経験則を使って最終的な位置を視覚的に近似することにしました。手前で1つのバー項目のみをアニメートすることがわかっている場合は、終了位置を適切なフレームにハードコードすることができます。

パスに沿ったアニメーション

There is nothing special to moving, scaling and rotating the layer from the start to the end position. If you want to read more about how I did it you can look at the post I wrote.

バーアイテムを振る

This cannot be done without a lot of custom code or using private API at the moment. Since bar items doesn't have a view or a layer there is no accessible layer for you to animate. I guess that you could have a custom animating image that does the shake and set that during the animation and set the new image afterwards. The approach of drawing into an image and animating that doesn't work that well either since there is no accessible layer who can draw its content into the image (you want this for the special effect of the tool bar item and tab bar item).

...これをまとめて特別なニーズに合わせて調整すれば、あなたが探しているアニメーションに似たアニメーションが作成されます。

0
追加された