天天看点

android:View随手指的移动而移动

我们经常要做一些效果,比如,点击之后的动画,随着手指的移动而移动。那么它们如何实现的呢?我们直到,view的自动移动,我们可以设置动画,比如之前写的Fragment的进入与弹出动画:​​https://github.com/nuptboyzhb/FragmentAnimationDemo​​​ 那么,我们如何是一个View随着手指的移动而移动呢?

1.onTouch事件

我们为view添加onTouch事件,获取移动过程中,手指相对屏幕的位置信息:[code]

@Override
  public boolean onTouch(View v, MotionEvent event) {
    switch (event.getAction()) {
    case MotionEvent.ACTION_DOWN:
      break;
    case MotionEvent.ACTION_MOVE:
      moveViewWithFinger(view, event.getRawX(), event.getRawY());
      break;
    case MotionEvent.ACTION_UP:
      break;
    }
    return true;
  }      

2.方法1:setLayoutParams

获得手指的位置之后,就可以通过动态设置View的布局,达到“移动”view的目的。[code]

/**
   * 设置View的布局属性,使得view随着手指移动 注意:view所在的布局必须使用RelativeLayout 而且不得设置居中等样式
   * 
   * @param view
   * @param rawX
   * @param rawY
   */
  private void moveViewWithFinger(View view, float rawX, float rawY) {
    RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) view
        .getLayoutParams();
    params.leftMargin = (int) rawX - ivMove.getWidth() / 2;
    params.topMargin = (int) rawY - topTitleHeight - ivMove.getHeight() / 2;
    view.setLayoutParams(params);
  }      

3.方法2:view.layout(l,t,r,b)

方法二的局限,主要是对view所在的布局有较高的要求,而layout则没有太多要求,既可以是RelativeLayout,也可以是LinearLayout。

/**
   * 通过layout方法,移动view 
   * 优点:对view所在的布局,要求不苛刻,不要是RelativeLayout,而且可以修改view的大小
   * 
   * @param view
   * @param rawX
   * @param rawY
   */
  private void moveViewByLayout(View view, int rawX, int rawY) {
    int left = rawX - ivMove.getWidth() / 2;
    int top = rawY - topTitleHeight - ivMove.getHeight() / 2;
    int width = left + view.getWidth();
    int height = top + view.getHeight();
    view.layout(left, top, width, height);
  }      

另外,在移动的过程中,还可以动态改变view的大小

注意:部分手机(比如华为,小米等),设置leftMargin无效,会出现View不跟手的现象。此时,我们可以使用view.setX()和view.setY()这两个属性替代。

4.Surfaceview中的对象

在SurfaceView中,我们更容易移动一个view,可以参见“新版飞机大战”源代码[

​​https://github.com/nuptboyzhb/newplanegame​​]中,主飞机的移动,随着手指的移动而移动。

5.方法1和2的源代码:

​​https://github.com/nuptboyzhb/MoveViewWithFinger​​

继续阅读