5

この興味深いインターフェース（33秒http://vimeo.com/22946428から開始）を見つけたので、自分のアプリに似たものをデザインしたいと思います。添付の画像のように、円形の強度ゲージ/ノブの制御に特に興味があります。 非常に未来的な感覚があり、touchesMoved：ジェスチャレコグナイザーコールバックを使用して実装するのはかなり簡単なはずです。

しかし、車輪の再発明をしないために、写真/ビデオのような高度なUI機能を提供するオープンソースライブラリはありますか？

更新：Hubertによる回答は、1本の指の動きを使用してダイヤルを回転させる方法を示しています。パズルの2番目の部分は、コントロールを色で塗りつぶす方法です。

背景色の画像を回転させることを考えていますが、空の背景から完全な背景に変化させるには、その一部を切り取るか、何か他のもので覆う必要があります。おそらく、切り取られた要素（約1ラジアン）は、指に続く扇状のセグメントのセットを隠し、ゲージの塗りつぶしが連続的に増加または減少しているような錯覚を引き起こす可能性があります。6つのセグメントx、yは継続的にアニメーション化され、コントロールの必要な部分のみをカバーするように配置されます。

強度ゲージ

4

2 に答える 2

8

そのコントロールが正確に見つかるとは思いませんが、iOSのロータリーコントロールの操作とチュートリアルへのリンクがいくつかあります。

http://www.raywenderlich.com/9864/how-to-create-a-rotating-wheel-control-with-uikit

http://maniacdev.com/2012/02/tutorial-creating-a-one-figure-rotation-gesture-recognizer-for-a-rotary-knob-control-on-ios/

http://maniacdev.com/2011/12/open-source-libraries-for-easily-adding-rotary-knob-controls-in-your-ios-apps/

于 2012-03-08T17:41:31.853 に答える
0

これは、円形の進行状況ビューの例です。1本の指の回転式コントロールと組み合わせると、要求されたものと同様のゲージが作成されます（2つのコントロールを互いに重ねるだけです）

次に、2つのコントロールをローテーションコールバックにリンクします。

  - (void) rotation: (CGFloat) angle
{
    // calculate rotation angle
    imageAngle += angle;
    if (imageAngle > 360)
        imageAngle -= 360;
    else if (imageAngle < -360)
        imageAngle += 360;

 progress = imageAngle/360.0;
}

DACircularProgressビュー + OneFingerRotationGestrureRecognizer

于 2012-03-13T18:53:21.240 に答える