如何保持在图像内的布局拖放 [英] How to keep an image within layout with drag and drop

查看:88
本文介绍了如何保持在图像内的布局拖放的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有以下的XML:

 <的FrameLayout
    机器人:layout_width =match_parent
    机器人:layout_height =match_parent
    机器人:背景=@可绘制/ palette2
    机器人:ID =@ + ID / FL>

    < ImageView的
        机器人:ID =@ + ID / IV
        机器人:layout_width =10dp
        机器人:layout_height =10dp
        机器人:SRC =@可绘制/ esquare/>

< /的FrameLayout>
 

这给下面的图片在我的Andr​​oid手机

我怎样才能code,使用户可以在任何地方的布局和的ImageView 将永远留在布局中?

拖动图像

如果 X℃的这将是X =(X + imageview.width())

如果 Y'℃的这将是Y =(Y + imageview.height())

如果 X> layout.width()这将是X =(X-imageview.width())

如果 Y'GT; layout.height()这将是Y =(Y-imageview.height())

也有类似这样:

因此​​,如果用户拖动视图之外,广场上的图像会留在内的最后已知​​位置的FrameLayout

我的布局背景转换为位图,所以我可以用它来获取X和Y坐标,并转换为RGB值我的应用程序。

  F =(的FrameLayout)findViewById(R.id.fl);
f.setOnTouchListener(FLT);
IV =(ImageView的)findViewById(R.id.iv);
f.setDrawingCacheEnabled(真正的);
f.buildDrawingCache();
BM = f.getDrawingCache();
 

我有以下的code的作品,但每过一段时间,我得到了错误NPE X必须是< = layout.width() y必须是< = layout.height(); 。有时,应用程序可以让我拖到右侧或底部出布局本身,这不应该发生,因为我有一个条件的为它不答应。

  @覆盖
    公共布尔onTouch(视图V,MotionEvent事件){
        INT X =(int)的event.getX();
        INT Y =(INT)event.getY();
        如果(X℃,){
            iv.setX(0);
            iv.setY(Y);
            X = 0;
            Toast.makeText(getApplicationContext(),X = 0,2000年).show();
        }
        如果(γ℃,){
            iv.setY(0);
            iv.setX(X);
            Y = 0;
            Toast.makeText(getApplicationContext(),Y = 0,2000年).show();
        }
        如果(X GT; bm.getWidth()){
            X = bm.getWidth() -  20;
            iv.setX(X);
            iv.setY(Y);
            Toast.makeText(getApplicationContext(),×= bitmap.maxwidth(},2000年).show();
        }
        如果(γ> bm.getHeight()){
            Y = bm.getHeight() -  20;
            iv.setY(Y);
            iv.setX(X);
            Toast.makeText(getApplicationContext(),Y = bitmap.maxheight(},2000年).show();
        }
        如果(X大于0 || X  - 其中; bm.getWidth()|| Y'大于0 || Y'其中; bm.getHeight()){
            INT行动= event.getAction();
            INT像素= bm.getPixel((INT)X,(INT)Y);

            开关(行动及放大器; MotionEvent.ACTION_MASK){
                案例MotionEvent.ACTION_DOWN:{
                    Log.i(坐标,触摸坐标:X+将String.valueOf(X)+Y+将String.valueOf(Y));
                    iv.setX(X);
                    iv.setY(Y);
                    inRed = Color.red(象素);
                    inBlue = Color.blue(象素);
                    inGreen = Color.green(象素);
                    Log.d(颜色,R+ inRed +G:+ inGreen +B:+ inBlue);
                    打破;
                }
                案例MotionEvent.ACTION_MOVE:{
                    Log.i(坐标,触摸坐标:X+将String.valueOf(X)+Y+将String.valueOf(Y));
                    iv.setX(X);
                    iv.setY(Y);
                    inRed = Color.red(象素);
                    inBlue = Color.blue(象素);
                    inGreen = Color.green(象素);
                    Log.d(颜色,R+ inRed +G:+ inGreen +B:+ inBlue);
                    打破;
                }
            }
        }
        返回true;
    }
 

通过下面的code时,X = 0,Y = 0的作品好了! ImageView的停留里面,但是当我拖在X或Y过去的位图的宽度和高度的问题发生。

这是我的LogCat中,如果我拖累了太多的权利:

  12月2号至9号:34:32.791:E / AndroidRuntime(12607):致命异常:主要
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):java.lang.IllegalArgumentException:如果x必须< bitmap.width()
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.graphics.Bitmap.checkPixelAccess(Bitmap.java:1155)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.graphics.Bitmap.getPixel(Bitmap.java:1107)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在com.example.dragdrop.MainActivity $ 1.onTouch(MainActivity.java:116)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.View.dispatchTouchEvent(View.java:7241)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2168)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1903)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2174)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1917)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2174)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1917)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2174)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1917)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2174)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1917)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在com.android.internal.policy.impl.PhoneWindow$DecorView.superDispatchTouchEvent(PhoneWindow.java:1953)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在com.android.internal.policy.impl.PhoneWindow.superDispatchTouchEvent(PhoneWindow.java:1405)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.app.Activity.dispatchTouchEvent(Activity.java:2410)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在com.android.internal.policy.impl.PhoneWindow $ DecorView.dispatchTouchEvent(PhoneWindow.java:1901)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.View.dispatchPointerEvent(View.java:7426)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewRootImpl.deliverPointerEvent(ViewRootImpl.java:3220)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewRootImpl.deliverInputEvent(ViewRootImpl.java:3165)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewRootImpl.doProcessInputEvents(ViewRootImpl.java:4292)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewRootImpl.enqueueInputEvent(ViewRootImpl.java:4271)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewRootImpl $ WindowInputEventReceiver.onInputEvent(ViewRootImpl.java:4363)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.InputEventReceiver.dispatchInputEvent(InputEventReceiver.java:179)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.InputEventReceiver.nativeConsumeBatchedInputEvents(本机方法)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.InputEventReceiver.consumeBatchedInputEvents(InputEventReceiver.java:171)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewRootImpl.doConsumeBatchedInput(ViewRootImpl.java:4342)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.ViewRootImpl $ ConsumeBatchedInputRunnable.run(ViewRootImpl.java:4382)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.Choreographer $ CallbackRecord.run(Choreographer.java:749)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.Choreographer.doCallbacks(Choreographer.java:562)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.Choreographer.doFrame(Choreographer.java:530)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.view.Choreographer $ FrameDisplayEventReceiver.run(Choreographer.java:735)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.os.Handler.handleCallback(Handler.java:725)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.os.Handler.dispatchMessage(Handler.java:92)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.os.Looper.loop(Looper.java:137)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在android.app.ActivityThread.main(ActivityThread.java:5195)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在java.lang.reflect.Method.invokeNative(本机方法)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在java.lang.reflect.Method.invoke(Method.java:511)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在com.android.internal.os.ZygoteInit $ MethodAndArgsCaller.run(ZygoteInit.java:795)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在com.android.internal.os.ZygoteInit.main(ZygoteInit.java:562)
十二月2号至9日:34:32.791:E / AndroidRuntime(12607):在dalvik.system.NativeStart.main(本机方法)
 

解决方案

看起来你有使发错​​别字,导致你的问题。

修改

 如果(X> 0 || X'LT; bm.getWidth()||Ÿ大于0 || Y'LT; bm.getHeight())
 

这个

 如果(X> 0安培;&放大器,X< bm.getWidth()及和放大器; Y> 0安培;&安培; Y< bm.getHeight())
 

也许这会解决您的问题。

I have the following XML:

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/palette2"
    android:id="@+id/fl" >

    <ImageView
        android:id="@+id/iv"
        android:layout_width="10dp"
        android:layout_height="10dp"
        android:src="@drawable/esquare" />

</FrameLayout>

Which gives the following image in my Android Phone

How can I code so that user can drag the image anywhere in a layout and the ImageView will always stay within the layout?

If X<0 it will be X=(X+imageview.width())

If Y<0 it will be Y=(Y+imageview.height())

If X>layout.width() it will be X=(X-imageview.width())

If Y>layout.height() it will be Y=(Y-imageview.height())?

Something similar to this:

So if the user drags outside of the view, the square image will stay in the last known location within the FrameLayout

I convert the layout background to a bitmap so I can use it to get the X and Y coordinate and convert to RGB value for my app.

f = (FrameLayout) findViewById(R.id.fl);
f.setOnTouchListener(flt);
iv = (ImageView) findViewById(R.id.iv);
f.setDrawingCacheEnabled(true);
f.buildDrawingCache();
bm = f.getDrawingCache();

I have the following code which works but every once in a while I get an error NPE for x must be <= layout.width() or y must be <= layout.height();. Sometime the app allows me to drag to the right or bottom out of the layout itself which shouldn't be happening because I have a condition for it to not allow it.

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int x = (int)event.getX();
        int y = (int)event.getY();
        if (x<0) {
            iv.setX(0);
            iv.setY(y);
            x=0;
            Toast.makeText(getApplicationContext(), "x=0", 2000).show();
        }
        if (y<0) {
            iv.setY(0);
            iv.setX(x);
            y=0;
            Toast.makeText(getApplicationContext(), "y=0", 2000).show();
        }
        if (x>bm.getWidth()) {
            x=bm.getWidth()-20;
            iv.setX(x);
            iv.setY(y);
            Toast.makeText(getApplicationContext(), "x=bitmap.maxwidth(}", 2000).show();
        }
        if (y>bm.getHeight()) {
            y=bm.getHeight()-20;
            iv.setY(y);
            iv.setX(x);
            Toast.makeText(getApplicationContext(), "y=bitmap.maxheight(}", 2000).show();
        }
        if (x>0 || x<bm.getWidth() || y>0 || y<bm.getHeight()) {
            int action = event.getAction();
            int pixel = bm.getPixel((int)x,(int) y);

            switch (action & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_DOWN: {
                    Log.i("COORDINATES","Touch coordinates : x" + String.valueOf(x) + "y" + String.valueOf(y));
                    iv.setX(x);
                    iv.setY(y);
                    inRed = Color.red(pixel);
                    inBlue = Color.blue(pixel);
                    inGreen = Color.green(pixel);
                    Log.d("Colors","R:" +inRed +" G:" +inGreen+" B:" + inBlue);
                    break;
                }
                case MotionEvent.ACTION_MOVE:{
                    Log.i("COORDINATES","Touch coordinates : x" + String.valueOf(x) + "y" + String.valueOf(y));
                    iv.setX(x);
                    iv.setY(y);
                    inRed = Color.red(pixel);
                    inBlue = Color.blue(pixel);
                    inGreen = Color.green(pixel);
                    Log.d("Colors","R:" +inRed +" G:" +inGreen+" B:" + inBlue);
                    break;
                }
            }
        }
        return true;
    }

With the below code, the X=0 and the Y=0 works just great! the imageview stays inside but the issue happens when I drag the X or the Y past the bitmap's width and height.

This is my LogCat if I drag too much to the right:

02-09 12:34:32.791: E/AndroidRuntime(12607): FATAL EXCEPTION: main
02-09 12:34:32.791: E/AndroidRuntime(12607): java.lang.IllegalArgumentException: x must be < bitmap.width()
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.graphics.Bitmap.checkPixelAccess(Bitmap.java:1155)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.graphics.Bitmap.getPixel(Bitmap.java:1107)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at com.example.dragdrop.MainActivity$1.onTouch(MainActivity.java:116)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.View.dispatchTouchEvent(View.java:7241)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2168)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1903)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2174)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1917)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2174)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1917)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2174)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1917)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2174)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:1917)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at com.android.internal.policy.impl.PhoneWindow$DecorView.superDispatchTouchEvent(PhoneWindow.java:1953)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at com.android.internal.policy.impl.PhoneWindow.superDispatchTouchEvent(PhoneWindow.java:1405)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.app.Activity.dispatchTouchEvent(Activity.java:2410)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at com.android.internal.policy.impl.PhoneWindow$DecorView.dispatchTouchEvent(PhoneWindow.java:1901)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.View.dispatchPointerEvent(View.java:7426)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewRootImpl.deliverPointerEvent(ViewRootImpl.java:3220)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewRootImpl.deliverInputEvent(ViewRootImpl.java:3165)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewRootImpl.doProcessInputEvents(ViewRootImpl.java:4292)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewRootImpl.enqueueInputEvent(ViewRootImpl.java:4271)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewRootImpl$WindowInputEventReceiver.onInputEvent(ViewRootImpl.java:4363)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.InputEventReceiver.dispatchInputEvent(InputEventReceiver.java:179)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.InputEventReceiver.nativeConsumeBatchedInputEvents(Native Method)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.InputEventReceiver.consumeBatchedInputEvents(InputEventReceiver.java:171)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewRootImpl.doConsumeBatchedInput(ViewRootImpl.java:4342)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.ViewRootImpl$ConsumeBatchedInputRunnable.run(ViewRootImpl.java:4382)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.Choreographer$CallbackRecord.run(Choreographer.java:749)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.Choreographer.doCallbacks(Choreographer.java:562)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.Choreographer.doFrame(Choreographer.java:530)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:735)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.os.Handler.handleCallback(Handler.java:725)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.os.Handler.dispatchMessage(Handler.java:92)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.os.Looper.loop(Looper.java:137)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at android.app.ActivityThread.main(ActivityThread.java:5195)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at java.lang.reflect.Method.invokeNative(Native Method)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at java.lang.reflect.Method.invoke(Method.java:511)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:795)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:562)
02-09 12:34:32.791: E/AndroidRuntime(12607):    at dalvik.system.NativeStart.main(Native Method)

解决方案

Looks like you have so e typos that cause your problem.

Change

if (x>0 || x<bm.getWidth() || y>0 || y<bm.getHeight())

into this

if (x>0 && x<bm.getWidth() && y>0 && y<bm.getHeight())

Maybe that'll fix your issue.

这篇关于如何保持在图像内的布局拖放的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆