Android：旋转LinearLayout会留下痕迹

Question

使用ObjectAnimator旋转LinearLayout。单击该按钮可使LinearLayout旋转360度（度），底部为旋转。

布局完成旋转后，它会留下“轨迹”/黑色标记，整个视图看起来很奇怪。我该如何避免这种情况发生？在布局完成360动画之后，我希望视图看起来像在开始时一样（基本上是干净的）。 是否有一个view.refresh或更新命令我想在某处调用？

1）我如何在最后看到干净的视图？

2）当图像处于中间状态时，为什么背部显示为黑色？我怎样才能看到它（即相对布局的颜色）？

参数initialstate＆GT; IntermediateState＆GT; FinalState：

MainActivity

Button bt1;

float pivotX=0f;
float pivotY=0f;

int a=0;

float width,height;

ViewGroup mContainer=null;

Thread t;

private Handler mHandler = new Handler();

@Override
protected void onCreate(Bundle savedInstanceState) 
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    bt1 = (Button) findViewById(R.id.button1);
    mContainer = (ViewGroup) findViewById(R.id.container);

    bt1.setOnClickListener(this);

            t=new Thread()
    {
        @Override
        public void run()
        {
            try {
                while(true)
                {
                    relativeLayout.postInvalidate();
                }
            } catch (Exception e) {
                // TODO: handle exception
            }
        }
    };
}

@Override
public void onWindowFocusChanged(boolean hasFocus) 
{
  super.onWindowFocusChanged(hasFocus);

  //Here you can get the size!

    width = mContainer.getWidth();
    height = mContainer.getHeight();

    pivotX = mContainer.getPivotX()+width; 
    pivotY = mContainer.getPivotY()+height; 

    mContainer.setPivotX(pivotX);
    mContainer.setPivotY(pivotY);
}

private void rotate()
{
    a -=360;

    ObjectAnimator rotate = ObjectAnimator.ofFloat(mContainer, View.ROTATION_X,a);
    rotate.setDuration(2000);

    AnimatorSet aSet = new AnimatorSet();
    aSet.play(rotate);
    aSet.start();

    mHandler.post(new Runnable() 
    {
        @Override
        public void run() 
        {
            b+=1;
            relativeLayout.invalidate();
            relativeLayout.postInvalidate();
            bt1.setText(Integer.toString(b));
        }
    });

    rotate.addListener(new AnimatorListener() 
    {

        @Override
        public void onAnimationStart(Animator animation) {
            // TODO Auto-generated method stub
            //relativeLayout.invalidate();
            t.start();
        }

        @Override
        public void onAnimationRepeat(Animator animation) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onAnimationEnd(Animator animation) {
            // TODO Auto-generated method stub
            //mContainer.invalidate();
            //relativeLayout.invalidate();
            try {
                t.join();
            } catch (InterruptedException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }

        @Override
        public void onAnimationCancel(Animator animation) {
            // TODO Auto-generated method stub

        }
    });
}

@Override
public void onClick(View v) 
{
    switch(v.getId())
    {
    case R.id.button1:
        rotate();
        break;

    }
}

}

activity_main.xml中

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
tools:context=".MainActivity" >

<LinearLayout
    android:id="@+id/container"
    android:layout_width="fill_parent"
    android:layout_height="200dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:background="#140A1F"
    android:orientation="horizontal" >
</LinearLayout>

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/container"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="80dp"
    android:text="Rotate" />

</RelativeLayout>

修改：添加了一个帖子。 ** Edit2：****添加了一个处理程序并注释掉了帖子

Answer 1

将动画添加到代码中会在动画完成后修复视图，但中间阶段看起来仍然相同。一旦我弄明白，就会更新这个。

        rotate.addListener(new AnimatorListener() 
    {

        @Override
        public void onAnimationStart(Animator animation) {
            // TODO Auto-generated method stub
            relativeLayout.invalidate();
        }

        @Override
        public void onAnimationRepeat(Animator animation) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onAnimationEnd(Animator animation) {
            // TODO Auto-generated method stub
            //mContainer.invalidate();
            relativeLayout.invalidate();
        }

        @Override
        public void onAnimationCancel(Animator animation) {
            // TODO Auto-generated method stub

        }
    });