ImageView onTouch无法正常移动

我在移动图像时出现问题，我在屏幕上用手指触摸它。这意味着当我触摸它的时候，比如说在一个按钮的中心并且想要移动它，它会让我把左边的一个按钮放在左上角，从这个角度，我可以将它移动到左右，上下左右等等......我想有一个可能性，从移动用户的地方放一个手指上的按钮ImageView onTouch无法正常移动

代码按钮：

public class Joystick extends RelativeLayout implements View.OnTouchListener { 

    private Context context; 
    private ImageView backgroundImageView; 
    private ImageView buttonImageView; 
    float xx = 0; 
    float yy = 0; 
    private static final String TRANSLATIONX = "setTranslationX"; 



    public Joystick(Context context) { 
     super(context); 
     this.context = context; 
     initSlider(); 
     if(buttonImageView != null) { 
      buttonImageView.setOnTouchListener(this); 
     } 
     this.setClipChildren(false); 

    } 

    public ImageView setView (String imageName) { 

     ImageView image = new ImageView(context); 

       LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT); 
       image.setLayoutParams(layoutParams); 

       // load image 
       try { 
        // get input stream 
        InputStream ims = getContext().getAssets().open(imageName); 
        // load image as Drawable 
        Drawable d = Drawable.createFromStream(ims, null); 
        // set image to ImageView 
        image.setImageDrawable(d); 
       } catch (IOException ex) { 



       } 


     return image; 

    } 

    public void initSlider() { 

     backgroundImageView = setView("background.png"); 
     buttonImageView = setView("jostick.png"); 

     addView(backgroundImageView); 
     addView(buttonImageView); 

    } 


    @Override 
    public boolean onTouch(View view, MotionEvent motionEvent) { 


     float x = motionEvent.getRawX(); 
     float y = motionEvent.getRawY(); 

     float cx = buttonImageView.getWidth()/2.f; 
     float cy = buttonImageView.getHeight()/2.f; 

     float w = backgroundImageView.getWidth(); 
     float h = backgroundImageView.getHeight(); 

     double r = cx/2.; 
     double dx = x - cx; 
     double dy = y - cy; 
     double hypot = Math.hypot(dx, dy); 
     double cos = dx/hypot; // cos 
     double sin = dy/hypot; // sin 

     double rcos = r * cos; 
     double rsin = r * sin; 
     double rdx = Math.abs(dx) < Math.abs(rcos) ? dx : rcos; // if,else 
     double rdy = Math.abs(dy) < Math.abs(rsin) ? dy : rsin; 

     Log.d("VALUES", "RAW X:" + motionEvent.getRawX() + ", X:" + motionEvent.getX() + ", CX:" + cx + ", CY:" + cy + ", dx:" + dx + ", dy:" + dy + ", Hypo:" + hypot + ", cos:" + cos + ", sin" + sin); 


     switch (motionEvent.getAction() & MotionEvent.ACTION_MASK) { 
      case MotionEvent.ACTION_DOWN: 

       break; 

      case MotionEvent.ACTION_UP: 


       view.setX(xx); 
       view.setY(yy); 
       break; 

      case MotionEvent.ACTION_POINTER_DOWN: 
       break; 

      case MotionEvent.ACTION_POINTER_UP: 
       break; 

      case MotionEvent.ACTION_MOVE: 

       float transX = (float) (cx + rdx - w/2.); 
       float transY = (float) (cy + rdy - h/2.); 

       buttonImageView.setTranslationX(transX); 
       buttonImageView.setTranslationY(transY); 

       Log.d(TRANSLATIONX,"X:" + transX + ", Y:" + transY); 

       break; 

     } 
     return true; 

    } 
}

某处是一个小bug。我希望有任何帮助。由于

来源

2016-12-19 DM developing

你需要什么'rdx' /'rdy'？ – pskink

将顶部按钮（buttonImageView）设置为不移出圆底（backgroundImageView）。像一个约束。你有更好的解决方案吗？ –

在我看来像view.setX（xx）;和view.setY（yy）;正在将您的视图移动到左上角，因为xx && yy都是0。 –

如果有人有兴趣或寻找一些答案如何使Joystick Button移动箱内，我已经找到了解决办法：

private Point calculate (float x, float y) { 

    float cx = buttonImageView.getWidth()/2.f; 
    float cy = buttonImageView.getHeight()/2.f; 

    double r = cx/2.; // vrednost radius 
    double dx = x; 
    double dy = y; 
    double hypot = Math.hypot(dx, dy); // izracun hipotenuze 
    double cos = dx/hypot; // cos 
    double sin = dy/hypot; // sin 

    double rcos = r * cos; 
    double rsin = r * sin; 

    double rdx = Math.abs(dx) < Math.abs(rcos) ? dx : rcos; // if,else 
    double rdy = Math.abs(dy) < Math.abs(rsin) ? dy : rsin; 

    return new Point((int)rdx, (int)rdy); 

} 

@Override 
public boolean onTouch(View view, MotionEvent motionEvent) { 


    final float x = motionEvent.getRawX(); // x točko 
    final float y = motionEvent.getRawY(); // y točka 

    //Log.d("VALUES", "RAW X:" + motionEvent.getRawX() + ", RAW Y:" + motionEvent.getRawY() + ", X:" + motionEvent.getX() + ", CX:" + cx + ", CY:" + cy + ", dx:" + dx + ", dy:" + dy + ", Hypo:" + hypot + ", cos:" + cos + ", sin" + sin); 


    switch (motionEvent.getAction() & MotionEvent.ACTION_MASK) { 
     case MotionEvent.ACTION_DOWN: 

      xDelta = view.getX() - x; 
      yDelta = view.getY() - y; 

      break; 

     case MotionEvent.ACTION_UP: 

      doBounceAnimation(buttonImageView); 
      doVibration(); 

      view.setX(xx); 
      view.setY(yy); 
      break; 

     case MotionEvent.ACTION_POINTER_DOWN: 
      break; 

     case MotionEvent.ACTION_POINTER_UP: 
      break; 

     case MotionEvent.ACTION_MOVE: 

      final float transX = (float) x; 
      final float transY = (float) y; 

      thread = new Thread() { 
       @Override 
       public void run() { 

        Point newPoint = calculate(transX+ xDelta,transY + yDelta); 
        buttonImageView.setX(newPoint.x); 
        buttonImageView.setY(newPoint.y); 
       } 
      }; 
      thread.start(); 




      Log.d(TRANSLATIONX,"X:" + transX + ", Y:" + transY); 

      break; 

    } 
    return true; 

}

享受编码！

来源

2016-12-20 12:34:49

ImageView onTouch无法正常移动

回答

相关问题