4

円グラフのような「円形」の画像があります。円グラフが0から値まで自分自身を埋めるときのように、見栄えの良いアニメーションが欲しいです。

ビューをアニメーション化するときは、通常、次のようなものを使用します。

[UIView animateWithDuration: 3.0 
                      delay: 0.0 
                    options: UIViewAnimationCurveEaseInOut 
                 animations: ^ {
                             // The animation
                     } 
                 completion: ^(BOOL finished) {
                             // On completion
                     } ];

円形のアニメーションでも同じことができますか？私はそれをどうやってやるのか本当に分かりません。

リードをありがとう！

注：iOS 5、ストーリーボード、ARC、その他すべて:)

編集：将来の議論のために、画像は次のようになります：

ここに画像の説明を入力してください

4

2 に答える 2

3

さて、ここに行きます:)

最初のオプション（簡単なもの）。UIImageViewのanimationImagesプロパティを使用できます。アニメーション画像（あなたNSArrayの場合、0から完全な円まで塗りつぶされる円形の画像）で作成し、設定animationDurationして、呼び出します[imageView startAnimating]（私はあなたUIImageViewがであると仮定しています）、そしてプロセスが完了したときにimageView呼び出すことができます。[imageView stopAnimating]

2番目：このリンクhttp://www.cocoacontrols.com/platforms/ios/controls/jpradialactivityindicatorをチェックしてください。サンプルプロジェクトは、あなたがやろうとしているのとほぼ同じように機能すると思います:)

幸運を ;）

于 2012-09-26T07:52:20.557 に答える
2

1）使用できますCAShapeLayer

  • これは、strokeStartプロパティとstrokeEndプロパティをアニメーション化することで実現できます。完全な円のパスを作成し、strokeStartプロパティとstrokeEndプロパティを使用して、円の特定の部分のみをストロークすることができます。

2）また、このチュートリアルを参照することもできます：カスタムCALayerを使用したパイスライスのアニメーション

幸運を！！！

于 2012-09-26T07:56:30.553 に答える