Android进阶-控件的拖拽

最新推荐文章于 2025-05-27 17:21:32 发布

_SuiXin

最新推荐文章于 2025-05-27 17:21:32 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： android 控件移动

本文链接：https://blog.youkuaiyun.com/sdlg2015/article/details/49933243

Android 专栏收录该内容

43 篇文章

订阅专栏

本文介绍如何在Android中实现控件的拖拽功能，包括在触摸事件中记录控件起始坐标、计算移动偏移量、更新控件位置，并强调View.layout()的使用时机及其注意事项，以及如何在onCreate()方法中设置控件布局位置。

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

Android进阶-控件的拖拽

需求：使控件可以再屏幕上自由拖拽。

思路：
- 可以在 View.setOnTouchListener()中监听控件的触摸事件，在触摸事件中我们应做以下处理
- 记下控件的起始坐标 (ACTION_DOWN)
- 计算控件的移动偏移量（ACTION_MOVE）
- 更新控件的位置 (ACTION_MOVE）
- 使用View.layout()
- 重新初始化控件起始坐标，以便下次更新

示例代码要点：

View.layout()并不可以在Activity的onCreate()方法中调用

这是因为Android系统在绘制界面时要经过3个过程： onMeasure(), onLayout(), onDraw()
可以联想到View.layout()是在onLayout()时调用的. Activity的onCreate()方法可定是在这三个方法之前调用的
如果你在onCrate()方法中就给控件设置了布局参数，到后面这三个方法调用时也会被覆盖吧（我猜的）
所以View.layout()不能再onCreate()方法中调用

那么如何在onCreate()方法中设置控件的布局位置呢？(就类似于代码布局了)

其实很简单，我们只需在android系统绘制界面之前，改一下布局参数就可以了，
即调用View.setLayoutParams(layoutParams);// 重新设置位置,
上面两点与下面代码并没什么关系，下面代码应注意
1. ivDrag.layout(l, t, r, b); 的4个参数，分别代表
l：屏幕左边界到控件左边界的距离
t：屏幕上边界到控件上边界的距离
r：屏幕左边界到控件右边界的距离
b：屏幕上边界到控件下边界的距离
在使用ivDrag.layout(l, t, r, b);动态更新控件位置时，不要忘记判断与屏幕边界的问题
例如：控件右边界不能超出屏幕右边界。如果超出，控件的显示可能会和实际有差别
控件位置更新完之后，应重新初始化，控件的坐标起点
rawX代表在屏幕坐标系下的X坐标

public class DragViewActivity extends Activity {


    private ImageView ivDrag;

    private int startX;
    private int startY;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_drag_view);
        ivDrag = (ImageView) findViewById(R.id.iv_drag);

        // 设置触摸监听
        ivDrag.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    // 初始化起点坐标
                    startX = (int) event.getRawX();
                    startY = (int) event.getRawY();
                    break;
                case MotionEvent.ACTION_MOVE:
                    int endX = (int) event.getRawX();
                    int endY = (int) event.getRawY();

                    // 计算移动偏移量
                    int dx = endX - startX;
                    int dy = endY - startY;

                    // 更新左上右下距离
                    int l = ivDrag.getLeft() + dx;
                    int r = ivDrag.getRight() + dx;
                    int t = ivDrag.getTop() + dy;
                    int b = ivDrag.getBottom() + dy;

                    // 判断是否超出屏幕边界, 注意状态栏的高度
                    if (l < 0 || r > winWidth || t < 0 || b > winHeight - 20) {
                        break;
                    }

                    // 更新界面
                    ivDrag.layout(l, t, r, b);

                    // 重新初始化起点坐标
                    startX = (int) event.getRawX();
                    startY = (int) event.getRawY();
                    break;
                case MotionEvent.ACTION_UP:
                    break;
                default:
                    break;
                }
                return true;
            }
        });
    }
}