Amitabha
Amitabha

Reputation: 1662

How to reposition an ImageView

I have some ImageViews in my xml file. In my code section I want to move an image according to my wish. For that, I've done event.getx() and event.getY() and then use imageView.layout(). This process is not working. How can i move that image?

Upvotes: 1

Views: 193

Answers (1)

ChicoDelaBarrio
ChicoDelaBarrio

Reputation: 341

I think this might help:

    package com.example.moveimageview;


import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;
import android.widget.RelativeLayout;


public class MainActivity extends Activity {

    ImageView im;
    RelativeLayout rl;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //getting the wrapper layout from the xml
        rl = (RelativeLayout) findViewById(R.id.relative1);

        //getting the ImageView from xml
        im = (ImageView) findViewById(R.id.myImageView);

        rl.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent e) {
                // TODO Auto-generated method stub
                if(e.getAction()==android.view.MotionEvent.ACTION_DOWN)
                {
                    //sending the new coordinates to the method
                    //that will change the view's location
                    setImageViewLocation(e.getX(), e.getY());


                return true;
                }
                return false;
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    private void setImageViewLocation(float x, float y)
    {
        //setting the coordinates
        im.setX(x);
        im.setY(y);

        runOnUiThread(new Runnable() {

            @Override
            public void run() {
                // TODO Auto-generated method stub
                im.invalidate();//invoking the view onDraw
            }
        });

    }
}

(Edit) If you want to your ImageView around, here's the onTouchListner code for this (Same code as before just replace the OnTouchListner with this):

rl.setOnTouchListener(new OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent e) {
            // TODO Auto-generated method stub
            if(e.getAction()==android.view.MotionEvent.ACTION_DOWN)
            {
                //sending the new coordinates to the method
                //that will change the view's location
                setImageViewLocation(e.getRawX(), e.getRawY());


            return true;
            }

            if(e.getAction()==android.view.MotionEvent.ACTION_MOVE)
            {
                setImageViewLocation(e.getRawX(), e.getRawY());
                return true;
            }
            return false;
        }
    });

Upvotes: 1

Related Questions