为什么视图动画有时会被剪裁？

Question

我有一个包含子类 SurfaceView 和 ImageView 的 FrameLayout。我想在 ImageView 上执行 TranslateAnimation。我可以让它工作的唯一方法是向 FrameLayout 添加一个空视图。否则，在动画过程中 ImageView 会被剪裁（到动画开始时 ImageView 位置的边界）。

我很好奇为什么空的同级视图允许 ImageView 正确地设置动画。使其工作的行在下面的代码中用注释标记。

public class Test5 extends Activity {
    private static final String TAG = "Test5";
    private MySurfaceView mMSV;
    private ImageView mRectView;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mMSV = new MySurfaceView(this);

        mRectView = new ImageView(this);
        ShapeDrawable sd = new ShapeDrawable(new RectShape());
        sd.getPaint().setColor(Color.RED);
        sd.setIntrinsicWidth(300);
        sd.setIntrinsicHeight(100);
        mRectView.setImageDrawable(sd);

        FrameLayout frameLayout = new FrameLayout(this);
        frameLayout.addView(mMSV);
        frameLayout.addView(mRectView, new FrameLayout.LayoutParams(
                FrameLayout.LayoutParams.WRAP_CONTENT,
                FrameLayout.LayoutParams.WRAP_CONTENT));

        // I don't know why the following line prevents clipping during
        // animation. It simply adds a vacuous View.
        frameLayout.addView(new View(this));

        setContentView(frameLayout);
    }  // onCreate

    public class MySurfaceView extends SurfaceView implements
            SurfaceHolder.Callback {

        public MySurfaceView(Context context) {
            super(context);
            getHolder().addCallback(this);
        }

        @Override
        public void surfaceCreated(SurfaceHolder holder) {
            Canvas can = mMSV.getHolder().lockCanvas();
            can.drawColor(Color.GRAY);
            mMSV.getHolder().unlockCanvasAndPost(can);
        }

        @Override
        public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2,
                int arg3) {
        }

        @Override
        public void surfaceDestroyed(SurfaceHolder holder) {
        }

        @Override
        public boolean onTouchEvent(MotionEvent ev) {
            if (ev.getAction() == MotionEvent.ACTION_UP) {
                Log.v(TAG, String.format("ACTION_UP, w=%d, h=%d", mRectView
                        .getWidth(), mRectView.getHeight()));
                Animation an = new TranslateAnimation(0f, 200f, 0f, 200f);
                // Animation an = new RotateAnimation(0f, 90f);
                an.setStartOffset(200);
                an.setDuration(1000);
                mRectView.startAnimation(an);
            }
            return true;
        }
    } // MySurfaceView
}  // Test5

Answer 1

这很有趣......我猜想当添加空视图时 FrameLayout 的大小会改变。你的框架布局没有填充父级，我想知道如果你改变布局参数来填充父级，会发生什么？

我将您的代码简化为：

    FrameLayout frameLayout = new FrameLayout(this); 

    frameLayout.addView(mMSV); 
    frameLayout.addView(mRectView, 50, 50); 
    frameLayout.addView(new View(this)); //expands frame layout

看来 FrameLayout 大小本身等于最后添加的子视图。如果在添加矩形之前设置 addView(new View(this)) ，那么它会减小到 50 x 50 并且动画会被剪裁。我假设 addView(new View(this));将 FrameLayout 扩展到全屏。

Answer 2

我不知道你是怎么想出来的，但这似乎对我也有用。我刚刚切换到使用 SurfaceView，并注意到动画被剪裁了。添加一个空视图会停止剪辑。

Answer 3

诀窍是将 setClipChildren 设置为
包含视图的布局。