Android属性动画弹出效果

大家都知道补间动画 可以也可以达到这种效果  但是没有焦点  这次使用的是属性动画，变化之后也有焦点

先来一张效果图

public class MainActivity extends AppCompatActivity {
    private ImageView mOne,mTwo, mThree, mFore;

    //判断是否点击过
    private boolean state=false;
    private Handler mHandler = new Handler(Looper.getMainLooper());

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

    private void init() {
        mOne = (ImageView) findViewById(R.id.one);
        mTwo = (ImageView) findViewById(R.id.two);
        mThree = (ImageView) findViewById(R.id.three);
        mFore = (ImageView) findViewById(R.id.fore);
        mWidth = DisplayUtils.getWidthPx();
        mHight = DisplayUtils.getHeightPx();

    }
    private void setListener() {
        mOne.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (!state) {
                    mOne.setClickable(false);
                    mTwo.animate().xBy(-100).yBy(-100).setDuration(200).start();
                    mThree.animate().xBy(0).yBy(-100).setDuration(400).start();
                    mFore.animate().xBy(100).yBy(-100).setDuration(600).start();
                    mHandler.postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            mOne.setClickable(true);
                            state = true;
                        }
                    },600);

                } else {
                    mOne.setClickable(false);
                    mTwo.animate().xBy(100).yBy(100).setDuration(600).start();
                    mThree.animate().xBy(0).yBy(100).setDuration(400).start();
                    mFore.animate().xBy(-100).yBy(100).setDuration(200).start();
                    mOne.postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            mOne.setClickable(true);
                            state = false;
                        }
                    }, 600);

                }
            }
        });

    }