大家都知道补间动画 可以也可以达到这种效果 但是没有焦点 这次使用的是属性动画,变化之后也有焦点
先来一张效果图
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);
}
}
});
}