安卓中控件跟随手指移动

最新推荐文章于 2021-12-21 16:59:30 发布

Moluth

最新推荐文章于 2021-12-21 16:59:30 发布

阅读量938

点赞数 1

CC 4.0 BY-SA版权

分类专栏：安卓文章标签： android 控件移动随手指移动

本文链接：https://blog.youkuaiyun.com/Moluth/article/details/52935657

安卓专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在安卓应用中实现控件跟随手指移动的技术方法，并通过对比两种不同实现方式，强调了使用getRawX()和getRawY()方法的重要性。此外，还提出了一种优化方案以减少重绘次数，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安卓中控件跟随手指移动

今天写了个代码，需要用的控件随手指移动的功能，写完之后还以为大功告成，运行的时候发现有瑕疵。

错误写法：

public class MainActivity extends Activity implements View.OnTouchListener

    View v;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        v=findViewById(R.id.test);
        v.setOnTouchListener(this);
    }


    private float x,y,vx,vy;
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if(event.getAction()==MotionEvent.ACTION_DOWN)
        {
            x=event.getX();//按下时的坐标x
            y=event.getY();//按下时的坐标y
            vx=v.getX();//要移动控件坐标x
            vy=v.getY();//要移动控件坐标y
        }else{
            v.setX(vx+event.getX()-x);//控件x坐标加上手指在x轴的变化量
            v.setY(vy+event.getY()-y);//控件y坐标加上手指在y轴的变化量
        }
        return true;
    }

}

这样写,运行时会发现,手指移动了好远了，而控件移动相对较近。控件就像得了羊羔疯颤抖个不停，因此这样写并不合适,就有了下面的写法：

public class MainActivity extends Activity implements View.OnTouchListener

    View v;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        v=findViewById(R.id.test);
        v.setOnTouchListener(this);
    }


    private float x,y,vx,vy;
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if(event.getAction()==MotionEvent.ACTION_DOWN)
        {
            x=event.getRawX();//按下时的坐标x
            y=event.getRawY();//按下时的坐标y
            vx=v.getX();//要移动控件坐标x
            vy=v.getY();//要移动控件坐标y
        }else{
            v.setX(vx+event.getRawX()-x);//控件x坐标加上手指在x轴的变化量
            v.setY(vy+event.getRawY()-y);//控件y坐标加上手指在y轴的变化量
        }
        return true;
    }

}

不细心的哥们儿可能并没有出区别在哪里,那就仔细看吧。想要深究其中原因的,可以去搜搜 getX() 和 getRawX()的区别,答案就在那里！
这个代码并不完美，稍微提高一下效率吧，每次移动控件系统就会重新绘制整个页面，提高效率的方法是减少移动次数：

public class MainActivity extends Activity implements View.OnTouchListener

    View v;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        v=findViewById(R.id.test);
        v.setOnTouchListener(this);
    }


    private float x,y,vx,vy;
    private change;
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if(event.getAction()==MotionEvent.ACTION_DOWN)
        {
            x=event.getRawX();//按下时的坐标x
            y=event.getRawY();//按下时的坐标y
            vx=v.getX();//要移动控件坐标x
            vy=v.getY();//要移动控件坐标y
        }else if(change==0){
            v.setX(vx+event.getRawX()-x);//控件x坐标加上手指在x轴的变化量
            v.setY(vy+event.getRawY()-y);//控件y坐标加上手指在y轴的变化量
        }
        change++;
        if(change>5)change=0;
        return true;
    }

}

每触发5次，重绘1次。这样不仅可以提高效率，还能在一定程度上避免窗口微小的抖动，造成视觉上的不美观。