Drag & Drop Button in Android

Question

0.00/5 (No votes)

See more:

Hi dears
I want to create dragable button in android using Api7 or Api8.
I search for it but I couln't find my answer.
How could I create this button?

Posted 30-Aug-13 22:25pm

_Sahar

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

_Sahar · Accepted Answer · 2013-08-31T00:02:00

Solution 1

Java

myOnTouchListener = new OnTouchListener() {
        public boolean onTouch(View v, MotionEvent me){
            if (me.getAction() == MotionEvent.ACTION_DOWN){
                oldXvalue = me.getX();
                oldYvalue = me.getY();
                Log.i(myTag, "Action Down " + oldXvalue + "," + oldYvalue);
            }else if (me.getAction() == MotionEvent.ACTION_MOVE  ){
               LayoutParams params = new LayoutParams(v.getWidth(), v.getHeight(),(int)(me.getRawX() - (v.getWidth() / 2)), (int)(me.getRawY() - (v.getHeight())));
               v.setLayoutParams(params);
            }
            return true;
        }
    };

v is the view that you are wanting to move, in your case it you'd replace v with your button.
Also note that in order to get this to work you had to use an AbsoluteLayout as the parent view in my xml file.
I know that it is deprecated but it seemed more logical to use that then a RelativeLayout and trying to set the margins dynamically to move the view around.

original

Posted 31-Aug-13 0:02am

_Sahar

Comments

omid.nazifi 4-Sep-13 22:17pm

What kind of Layout implementd 'LayoutParams' that you used here?

_Sahar 5-Sep-13 5:51am

I used 'AbsoluteLayout'

omid.nazifi 7-Sep-13 1:17am

Thanks Sahar, it worked very well. but you know AbsoluteLayout was deprecated in new versions. Do you know any replacement for it?

_Sahar 7-Sep-13 3:11am

No,I don't know.
I'm beginner in android.
Would you help me what I should do?

omid.nazifi 7-Sep-13 7:37am

Yes, you should change it with RelativeLayout either in xml and code. follow below link ;-)

http://stackoverflow.com/a/3295056/967548

_Sahar 8-Sep-13 2:16am

Would you please help me more?
I couldn't work with this LayoutParams.
it occurs some runtime errors in 'ACTION_MOVE' or 'rl.addView(iv, params)'

omid.nazifi 8-Sep-13 2:22am

I'll put a answer completely

_Sahar 8-Sep-13 3:19am

Yes,you're right.
But it doesn't good for me,I wouldn't wanna change the position once.
So at first I should use removeView then addView.

omid.nazifi 8-Sep-13 4:03am

but I think doesn't need to change your view. please check my solution maybe it'll work for you.

omid.nazifi · Accepted Answer · 2013-09-07T22:00:00

First of all, use a RelativeLayout in your xml file:

XML

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android">
                android:id="@+id/my_relative_layout"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

    <imageview>
            android:id="@+id/image1"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/splash0"/>


    <imageview>
            android:id="@+id/image2"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/splash0" 
            android:layout_x="110dp" 
             android:layout_y="152dp"/>
</imageview></imageview></relativelayout>

Then change your activity, see my example:

Java

public class MyActivity extends Activity implements View.OnTouchListener {
 
    private float oldXvalue;
    private float oldYvalue;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        ImageView image1 = (ImageView) findViewById(R.id.image1);
        ImageView image2 = (ImageView) findViewById(R.id.image2);
        image1.setOnTouchListener(this);
        image2.setOnTouchListener(this);
    }

    @Override
    public boolean onTouch(View v, MotionEvent me) {
        if (me.getAction() == MotionEvent.ACTION_DOWN) {
            oldXvalue = me.getX();
            oldYvalue = me.getY();
            Log.i("Omid", "Action Down " + oldXvalue + "," + oldYvalue);
        } else if (me.getAction() == MotionEvent.ACTION_MOVE) {
            RelativeLayout rl = (RelativeLayout) findViewById(R.id.my_relative_layout);
            RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(v.getWidth(), v.getHeight());
            params.leftMargin = (int) (me.getRawX() - (v.getWidth() / 2));
            params.topMargin = (int) (me.getRawY() - (v.getHeight()));
v.getHeight(), (int) (me.getRawX() - (v.getWidth() / 2)), (int) (me.getRawY() - (v.getHeight())));
            v.setLayoutParams(params);
        }
        return true;
    }
}

I tested it, it worked well. I hope it'll be fine for your :-)