2016-04-25 9 views
-1

私はこれを何とかしなければなりませんでしたが、どこから始めるべきか分かりません。 このデザインの名前は何ですか?私は要素を持つ円ですか? と、どのように回転角度でテクスビューを配置するのですか?アイテムの円をデザインするAndroid

目標は円をクリックするとカテゴリが画像のように表示されるため、どのようにこのアニメーションを行うことができますか? enter image description here

答えて

0

これらの不揃い線を作成するには、いくつかのアセットが必要です。

TextViewsetRotation()で回転して、ビューを膨張させるときの回転を計算できます。これを行うには、まず、テキストを配置する位置を決めてから、円の中心からの位置をxyの差で見て角度を計算する必要があります。

編集:OPは、この問題に関するコメントで要件を指定した後:

は、すべてのテキスト要素の隠された '(あなたのxmlファイル内android:visibility="gone")との見解を膨らませると、外のすべてのための最終的な回転と位置を計算あなたが動かす必要がある円。変更するすべての要素にアニメーションを開始した初期円、上のリスナーを設定します。

  • 彼らの視界View.VISIBLE
  • その位置にあなたが計算されたものに
  • その回転を計算したものに

この場合、AnimationSetを使用することをお勧めします。詳細はthis SO questionをご覧ください。

+0

感謝のを作るが、私はありませんでした、ポストを編集します明確な目標は、円の中をクリックして画像のような他のカテゴリを表示することです。どのようにこのアニメーションを行うことができますか? – Euphor08

+0

あなたはどんなアニメーションについて話していますか?フェードイン、サークルの中心から滑り出し、展開しますか?あなたはデザインのアニメーションを持っていますか? – AlexWalterbos

+0

アニメーションはそうです:最初に円だけが表示されますが、円の中心からスライドしているカテゴリをクリックすると、ごめんなさい申し訳ありません。 – Euphor08

0

このanswerの後ろに、あなたのxmlファイルのローテーションタグを使用してTextViewをローテーションできます。

1

あなたが質問から理解しているもの。最初に1abcのような円が描かれています。円のタブをタップすると円の周りに円形のアイテムのリストが表示されます。ライツ?

ステップ1:最速かつ最も便利な方法は、アニメーション

使用によって回転させることである

を使用してサークルの周りのTextViewのを設定しますので、あなたのような定期的なのTextViewにアニメーションを回転させます。デモのために

rotateAnimation.xml: 

<rotate xmlns:android="http://schemas.android.com/apk/res/android" 
      android:fromDegrees="0" 
      android:toDegrees="-90" 
      android:pivotX="50%" 
      android:duration="0" 
      android:fillAfter="true" /> 

私はあなたがあなたの条件 Javaコードに基づいて角度を付けることができ90度の回転を与えている:

TextView text = (TextView)findViewById(R.id.txtview);  
    text.setText("rotated text here"); 

    RotateAnimation rotate= (RotateAnimation)AnimationUtils.loadAnimation(this,R.anim.rotateAnimation); 
    text.setAnimation(rotate); 

はそれを適切な位置に配置するためにすべてのあなたのTextViewのためにこれを行います。

ステップ2:設計した後、彼らにInvisibleyourTextView.setVisibility(View.Gone);

ステップ3作る:Circleに触れるオンをすべてTextView'sVisible

yourTextView.setVisibility(View.Visible); 
+0

ありがとう、あなたもupvoteに値する。 – Euphor08

+0

upvoteそれは他の人には役に立ちます –

関連する問題