Discussion :

[DeveloperBeginner]

Bonjour,

Je veux faire une rotation (animation) d'un objet (un bouton) autour d'un point jusqu'à la j'ai réussi.
Le problème c'est lorsque l'objet tourne autour du point il tourne également sur lui-même et moi je voudrais qu'il garde la même orientation pendant qu'il tourne autour du point(pivotX, pivotY).
Comme dans l'exemple: http://dabblet.com/gist/4389712 mais sous Android.
Comment je peut réaliser ce genre de rotation?

Mon code Java:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
 
public class MainActivity extends AppCompatActivity {
 
    Button button;
    float radius = 195.0f;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        button = (Button) findViewById(R.id.t);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
 
 
                 rotation();
 
            }
        });
 
        button.setX(button.getX() + radius);
 
    }
}

Mon layout:

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin">
 
        <CircularView
              android:layout_width="match_parent"
               android:layout_height="match_parent" />
 
       <Button
                android:id="@+id/t"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:text="R"
                android:layout_centerVertical="true"
                android:layout_centerHorizontal="true" />
 
    </RelativeLayout>

Merci pour toute aide
Cordialement

[DeveloperBeginner]

Solution: ce genre de rotation n'est qu'une simple "translation".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
private void rotate(){
 
             final ValueAnimator animator = ValueAnimator.ofFloat(0.0f, 360.0f);
             animator.setDuration(5000);
             animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                   @Override
                   public void onAnimationUpdate(ValueAnimator valueAnimator) {
                   float value = (Float) animator.getAnimatedValue();
 
                   DisplayMetrics metrics = new DisplayMetrics();
                   getWindowManager().getDefaultDisplay().getMetrics(metrics);
 
                   float cx = metrics.widthPixels / 2;
                   float cy = metrics.heightPixels / 2;
 
                   float x = (float) (cx + radius * Math.cos((float) Math.toRadians(value))); // center x in arc
                   float y = (float) (cy + radius * Math.sin((float) Math.toRadians(value))); // center y in arc
 
                   x -= (button.getWidth() / 2);
                   y -= (button.getHeight() / 2);
 
                   button.setX(x);
                  button.setY(y);
                }
            });
 
            animator.start();
}