Android scale button on touch

Question

I know how to scale the button to a determinated value, but is there a way to increase/decrease the button size per time as long the user is touching it? Something like this:

Button myButton = (Button)findViewById(R.id.myButton);
    myButton.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_DOWN) {
                // Some timer action here or is there a better way?
                v.setScaleX(v.getScaleX() + 0.1f);
                v.setScaleY(v.getScaleY() + 0.1f);
                return true;
            }
            else if(event.getAction() == MotionEvent.ACTION_UP) {
                v.setScaleX(1);
                v.setScaleY(1);
                return true;
            }

            return false;
        }
    });

Other Idea - doesn't work:

    myButton.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_DOWN) {
                Timer timer = new Timer();
                TimerTask timerTask = new TimerTask() {
                    @Override
                    public void run() {
                      myButton.setScaleX(myButton.getScaleX() + 0.1f);
                      myButton.setScaleY(myButton.getScaleY() + 0.1f);
                    }
                };
                while(event.getAction() != MotionEvent.ACTION_UP){ //Seems to be an infinite loop
                    timer.schedule(timerTask, 100);
                }

            }
            else if(event.getAction() == MotionEvent.ACTION_UP) {
                v.setScaleX(1);
                v.setScaleY(1);
            }

            return false;
        }
    });

And is there a way to do the whole thing with xml (drawable and animations)?

[Here](http://www.tutorialspoint.com/android/android_animations.htm) is a very good example for what you are trying to achieve. Instead of imageview in the tutorial, you can animate your button. — chejaras, Jul 20 '16 at 07:21
Does this answer your question? [Animatedly reduce button size on press and regain it's size on release](https://stackoverflow.com/questions/37318133/animatedly-reduce-button-size-on-press-and-regain-its-size-on-release) — Valeriy Katkov, Nov 19 '20 at 12:17

Alex Walger · Accepted Answer · 2016-07-20T11:29:03.250

12

Try the following:

@Override
public boolean onTouch(View v, MotionEvent motionEvent) {
    int action = motionEvent.getAction();
    if (action == MotionEvent.ACTION_DOWN) {
        v.animate().scaleXBy(100f).setDuration(5000).start();
        v.animate().scaleYBy(100f).setDuration(5000).start();
        return true;
    } else if (action == MotionEvent.ACTION_UP) {
        v.animate().cancel();
        v.animate().scaleX(1f).setDuration(1000).start();
        v.animate().scaleY(1f).setDuration(1000).start();
        return true;
    }

    return false;
}

This should do the trick ;)

edited Jul 20 '16 at 11:29

answered Jul 20 '16 at 07:39

Alex Walger

244
2
5

this works ok, but you have to move your finger while touching the button to increase the size. – Maik Jul 20 '16 at 10:01
I edited my answer. Give it a try and let me know if it's what you're looking for. – Alex Walger Jul 20 '16 at 11:30
There we go, that's it! – Maik Jul 20 '16 at 12:14
My issue with this is if you slide your finger off the view and release it, the view will be stuck in the down state. – passatgt Feb 13 '18 at 17:06
2

it is nice to cancel animation when MotionEvent.ACTION_CANCEL too – Vladislav Shcherbakov Dec 10 '18 at 00:51

score 1 · Answer 2 · answered Nov 19 '20 at 12:22

1

Since API 21 (Lollipop) an xml-only solution is available based on the stateListAnimator attribute. Take a look at this answer of a similar question for an example.

answered Nov 19 '20 at 12:22

Valeriy Katkov

33,616
20
100
123

Android scale button on touch

2 Answers2

Linked