title: Animated swap position of two buttons
body: <p>I am trying to swap the position of two buttons.
  My swapping code looks is:</p>
  
  <pre><code>private void exchangeButtons(Button btn1, Button btn2) {
      // Create the animation set
      AnimationSet exchangeAnimation = new AnimationSet(true);
      TranslateAnimation translate = new TranslateAnimation(
          Animation.RELATIVE_TO_SELF, btn2.getLeft(),
          Animation.RELATIVE_TO_SELF, btn1.getLeft(),
          Animation.RELATIVE_TO_SELF, btn2.getRight(),
          Animation.RELATIVE_TO_SELF, btn1.getRight());
      translate.setDuration(500);
      exchangeAnimation.addAnimation(translate);
      //int fromX = btn1.getLeft();
      //int fromY = btn1.getRight();
      //int toX = btn2.getLeft();
      //int toY = btn2.getRight();
      Log.d("ArrangeMe", 
          "view1 pos:" + btn1.getLeft() + ", 
          " +btn1.getRight() + "view2 pos:" + 
          btn2.getLeft() + ", " + btn2.getRight());
      AnimationSet exchangeAnimation1 = new AnimationSet(true);
      TranslateAnimation translate1 = new TranslateAnimation( 
          Animation.RELATIVE_TO_SELF, btn1.getLeft(),
          Animation.RELATIVE_TO_SELF, btn2.getLeft(),
          Animation.RELATIVE_TO_SELF, btn1.getRight(),
          Animation.RELATIVE_TO_SELF, btn2.getRight());
      translate1.setDuration(500);
      exchangeAnimation1.addAnimation(translate1);
      // EXECUTE btn1.startAnimation(exchangeAnimation);
      btn2.startAnimation(exchangeAnimation1);
  }
  </code></pre>
  
  <p>I call the code as below:</p>
  
  <pre><code>exchangeButtons(button1, button2);
  </code></pre>
  
  <p>My layout looks as below:</p>
  
  <pre><code>&lt;LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"&gt;
  
      &lt;Button 
          android:text="One" 
          android:id="@+id/button1" 
          android:layout_height="70px" 
          android:layout_width="70px" 
          android:layout_weight="1"&gt;
      &lt;/Button&gt;
      &lt;Button 
          android:text="Two" 
          android:id="@+id/button2" 
          android:layout_height="70px" 
          android:layout_width="70px" 
          android:layout_weight="1"&gt;
      &lt;/Button&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>What happens when I execute the code is:</p>
  
  <p>Instead of the buttons exchanging their positions, they just disappear for sometime[may be 500 ms] and reappear as they were originally.</p>
  
  <p>How to resolve this problem ? Will it work properly in device ?</p>