How to zoom whole activity on multi touch?

Question

`Problem:`

It's easy to zoom images and web views. But I want to zoom a whole activity. How can I do this?

`Here, I provide wire-frame:`

Wire-Frame-Of-Activity

From this you can understand, what I want to do.

`Request`

If you have any solution of this, then please share.
Thank you.

Have you tried to apply transformation matrix to root activity view and not to ImgeView? — Leonidos, Feb 11 '13 at 06:30
Does your activity contain buttons and actions? Or is it just some kind of display? — Sherif elKhatib, May 24 '13 at 12:35
@SherifelKhatib Yes, My Activity contains TextView,EditText,ImageView and Buttons. — Darshak, May 24 '13 at 13:29
If you do not need it to be pressable after zooming, you can extract the drawing cache (ScreenShot) and zoom inside the Image. However, views wont receive touches. — Sherif elKhatib, May 24 '13 at 14:58
@SherifelKhatib I need to scroll the ScrollView and also need to press the buttons. So, now if possible then tell me. Thank you. — Darshak, May 25 '13 at 05:04
@Darshak , did you find the solution for the question you have asked, I'm having the same problem — Nirmal Prajapat, Mar 05 '18 at 12:57

Barney · Answer 1 · 2013-02-19T02:25:55.380

You can simulate zooming in and out by scaling the root activity view. Here's some starter code:

View v = findViewById(android.R.id.content); // get reference to root activity view
v.setOnClickListener(new OnClickListener() {
    float zoomFactor = 1.5f;
    boolean zoomedOut = false;

    @Override
    public void onClick(View v) {
        if(zoomedOut) { 
            // now zoom in
            v.setScaleX(1);
            v.setScaleY(1);
            zoomedOut = false;
        }
        else {
            v.setScaleX(zoomFactor);
            v.setScaleY(zoomFactor);
            zoomedOut = true;
        }
    }
});

Note, the activity will zoom on single clicks as opposed to zooming upon double tap. Also, you probably want to animate the zooming. Look up Property Animation for details how to accomplish this.

[EDIT] For older API levels, you can use ScaleAnimation. You can also set the duration of the animation. However, a major caveat is that it only modifies the look of the view, but the actual view doesn't change.

if(zoomedOut) { // zoom in
    ScaleAnimation anim = new ScaleAnimation(1f, 1.5f, 1f, 1.5f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    anim.setDuration(500);
    anim.setFillAfter(true);
    v.startAnimation(anim);
    zoomedOut = false;
}
else {
    ScaleAnimation anim = new ScaleAnimation(1.5f, 1f, 1.5f, 1f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    anim.setDuration(500);
    anim.setFillAfter(true);
    v.startAnimation(anim);
    zoomedOut = true;

I suppose that is true. One could use ScaleAnimation, which is available for every API level, to achieve zoom. The drawback is that it only modifies where every view is drawn and not the actual View itself. — Barney, Feb 19 '13 at 02:19
@Barney Hsiao I suppose this code must _work for me._ I will try this code. **Thank you** in advance. — Darshak, Feb 20 '13 at 05:55

score 1 · Answer 2 · edited May 23 '17 at 11:50

1

You can use setScaleX and setScaleY to zoom the complete activity view.

Then you need to set the pivot point with setPivotX and setPivotY.

The good examples with details for the whole activity zoom with multitouch:

1) MultiTouch for whole activity.

2) Zooming view completely.

edited May 23 '17 at 11:50

Community

1
1

answered May 24 '13 at 12:30

sjain

23,126
28
107
185

How to zoom whole activity on multi touch?

`Problem:`

`Here, I provide wire-frame:`

`Request`

2 Answers2

Linked