私はこれを何とかしなければなりませんでしたが、どこから始めるべきか分かりません。 このデザインの名前は何ですか?私は要素を持つ円ですか? と、どのように回転角度でテクスビューを配置するのですか?アイテムの円をデザインするAndroid
目標は円をクリックするとカテゴリが画像のように表示されるため、どのようにこのアニメーションを行うことができますか?
私はこれを何とかしなければなりませんでしたが、どこから始めるべきか分かりません。 このデザインの名前は何ですか?私は要素を持つ円ですか? と、どのように回転角度でテクスビューを配置するのですか?アイテムの円をデザインするAndroid
目標は円をクリックするとカテゴリが画像のように表示されるため、どのようにこのアニメーションを行うことができますか?
これらの不揃い線を作成するには、いくつかのアセットが必要です。
TextView
をsetRotation()で回転して、ビューを膨張させるときの回転を計算できます。これを行うには、まず、テキストを配置する位置を決めてから、円の中心からの位置をx
とy
の差で見て角度を計算する必要があります。
編集:OPは、この問題に関するコメントで要件を指定した後:
は、すべてのテキスト要素の隠された '(あなたのxmlファイル内android:visibility="gone"
)との見解を膨らませると、外のすべてのための最終的な回転と位置を計算あなたが動かす必要がある円。変更するすべての要素にアニメーションを開始した初期円、上のリスナーを設定します。
View.VISIBLE
この場合、AnimationSet
を使用することをお勧めします。詳細はthis SO questionをご覧ください。
このanswerの後ろに、あなたのxmlファイルのローテーションタグを使用してTextView
をローテーションできます。
あなたが質問から理解しているもの。最初に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:設計した後、彼らにInvisible
yourTextView.setVisibility(View.Gone);
ステップ3作る:Circle
に触れるオンをすべてTextView's
Visible
yourTextView.setVisibility(View.Visible);
ありがとう、あなたもupvoteに値する。 – Euphor08
upvoteそれは他の人には役に立ちます –
感謝のを作るが、私はありませんでした、ポストを編集します明確な目標は、円の中をクリックして画像のような他のカテゴリを表示することです。どのようにこのアニメーションを行うことができますか? – Euphor08
あなたはどんなアニメーションについて話していますか?フェードイン、サークルの中心から滑り出し、展開しますか?あなたはデザインのアニメーションを持っていますか? – AlexWalterbos
アニメーションはそうです:最初に円だけが表示されますが、円の中心からスライドしているカテゴリをクリックすると、ごめんなさい申し訳ありません。 – Euphor08