title: Move ImageView elliptically around a center in a RelativeView
body: <p>I have a setup in which I have some ImageViews around a center, and when the user clicks a Button, I want the Views to rotate around the center view, in an elliptical way.
  What I have at current time is an elliptical movement, but the view is rotating in a weird axis, not on the center axis, as required.</p>
  
  <pre><code>&lt;RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  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"
  tools:context="com.didasko.calculus.maca.TelaAtomo"
  &gt;
  &lt;ImageButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/tela_atomo_maca_central"
      android:layout_centerVertical="true"
      android:layout_centerHorizontal="true"
      android:src="@drawable/maca_cinza"
      android:background="@null"/&gt;
  
  &lt;ImageButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/tela_atomo_eletron_0"
      android:src="@drawable/eletron_nao_completado"
      android:background="@null"
      android:layout_marginRight="46dp"
      android:layout_toLeftOf="@+id/tela_atomo_maca_central"
      android:layout_marginBottom="78dp"
      android:layout_above="@+id/tela_atomo_maca_central"/&gt;
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>tela_atomo_maca_central is the center element
  tela_atomo_eletron_0 is the view I want to move elliptically</p>
  
  <pre><code>final ImageButton eletron = (ImageButton) findViewById(R.id.tela_atomo_eletron_0);
  
      //Getting all points in the ellipse
      for(int i=0;i&lt;360;i++) {
          double x = 46 * Math.cos(i);
          double y = 78 * Math.sin(i);
          Ponto p = new Ponto(x,y);
          pontos.add(p);
      }
  
      Runnable eletronRunnable = new Runnable() {
          @Override
          public void run() {
              if (contagem &lt; 360) {
                  Ponto p = pontos.get(contagem);
                  contagem++;
                  RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) eletron.getLayoutParams();
                  params.rightMargin = (int)p.getX();
                  params.bottomMargin = (int)p.getY();
                  eletron.setLayoutParams(params);
  
                  eletron.postDelayed(this,100);
              }else {
                  contagem = 0;
                  eletron.postDelayed(this,100);
              }
          }
      };
  
      eletron.postDelayed(eletronRunnable,100);
  
  
  }
  
  
  private class Ponto {
  
      private double x,y;
  
      public Ponto(double x, double y) {
          this.x = x;
          this.y = y;
      }
  
      public double getX() {
          return x;
      }
  
      public double getY() {
          return y;
      }
  
  }
  </code></pre>
  
  <p>I'm probably making logical mistakes, because I can make it move elliptically, just not where I want.</p>
  
  <p>How can I make the Image move elliptically around the center?</p>