Animação deslizante com vários problemas de sincronização de visualizações

Eu estou tentando fazer uma animação com duas textviews. Ambos estão em um layout relativo. A funcionalidade da animação é deixada textview vai um pouco à esquerda e ao mesmo tempo textview direita também vai um pouco à esquerda. Eu tentei:

http://nineoldandroids.com/ e maneira padrão.

Mas, para ambos os casos, estou tendo uma lacuna durante o processo. Eu já coloquei uma questão, mas não estou recebendo nenhuma resposta positiva:

A animação do controle deslizante Android não está sincronizada

Código Nineoldandroids:

arquivo xml:

 <RelativeLayout  
android:layout_width="match_parent" android:layout_height="wrap_content"  
android:orientation="horizontal"
android:layout_below="@+id/target"
android:layout_marginTop="50dp"> 

<TextView
    android:id="@+id/TextView01"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentLeft="true"     
    android:background="#f00"
    android:gravity="center"
    android:text="RED"
    android:textColor="#000" />

<Button
        android:id="@+id/TextView02"
        android:layout_width="50dp"
        android:layout_height="match_parent"
        android:layout_alignBottom="@+id/TextView01"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/TextView01"
        android:background="#0F0"
        android:text="TXT"
        android:visibility="invisible" />
</RelativeLayout>

MainActivity.java:

public class MainActivity extends Activity {
  double counter = 0;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.toggles);
    final View target = findViewById(R.id.target);
    final int duration = 5*1000;
    final int duration1 = 300;

    final View textView1 = findViewById(R.id.TextView01);
    final View textView2 = findViewById(R.id.TextView02);
    textView1.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        if (counter == 0) {
          textView2.setVisibility(View.VISIBLE);
          ObjectAnimator.ofFloat(textView1, "translationX", 0, -50).setDuration(duration1).start();
          ObjectAnimator.ofFloat(textView2, "translationX", 100, 0).setDuration(duration1).start();
          counter++;

        }
        else {
          ObjectAnimator.ofFloat(textView1, "translationX", -50,0).setDuration(duration1).start();
          ObjectAnimator.ofFloat(textView2, "translationX", 0,100).setDuration(duration1).start();
          counter--;
        }
      }
    });
  }
}

Como posso consertar isso?

caso contrário, estou tentando colocar as duas textview dentro de um layout, onde a segunda textview estará fora da tela e, usando a animação, moverei todo o layout. Como posso fazer o xml assim?

questionAnswers(2)

yourAnswerToTheQuestion