如何在Android中为按钮设置动画以横向展开？

Question

I want a Button (or any View for that matter) to expand / stretch out sideways with an animation and I want it to happen at the click of another Button . For example, before Button 1 is pressed, the Button 2 shouldn't exist. But when Button 1 is pressed, the Button 2 should slowly come into existence with both its sides smoothly expanding to left and right to a certain size.

The following is a photo I drew to explain what I'm trying to achieve

I have looked at several tutorials, but most of them had sliding animation from one fixed end to the other. I have also tried scaling the X & Y of the button from value 0 to 1, but they just don't give the smooth animation effect (they just appear there out of nowhere) and the button doesn't expand / stretch sideways.

Any idea how this can be achieved?

Thank you for your time!!

Answer 1

流畅的动画效果，可以使用ObjectAnimtor。

Answer 2

// scale down button2 at the start of an activity
btn2.setScaleX(0.1f);

// on the click of button 1 let the button2 scale
btn1.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
             btn2.animate()
                     .scaleX(4.0f)
                     .setDuration(1000)
                     .setInterpolator(new OvershootInterpolator(2.0f)) //Will give bounce effect to the scaling
                     .start();
         }
 });

Answer 3

I think you can use this library for Button 2 animation. In order to it happen at the click of another Button just call View.performClick() for Button 2 from Button 1 onClick() method.

Answer 4

first define 2 objects of Animation and Button then create a On Click listener for Button and write these codes in it:

 //here i define :Button btnoff //Animation animation1 //set on click listener in oncreate btnOff.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { animation1 = new ScaleAnimation(0,2,1,1, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); animation1.setDuration(1200); btnOff.startAnimation(animation1);} });

you can learn more in this link .