android 如何实现边缘拖动侧滑？

Posted 2023-04-04

据需求需要自己自定义一个ListView来实现该功能，接下来先贴出代码再讲解具体的实现

package com.example.slidecutlistview;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Scroller;

/**
* @blog http://blog.csdn.net/xiaanming
*
* @author xiaanming
*
*/
public class SlideCutListView extends ListView
/**
* 当前滑动的ListView　position
*/
private int slidePosition;
/**
* 手指按下X的坐标
*/
private int downY;
/**
* 手指按下Y的坐标
*/
private int downX;
/**
* 屏幕宽度
*/
private int screenWidth;
/**
* ListView的item
*/
private View itemView;
/**
* 滑动类
*/
private Scroller scroller;
private static final int SNAP_VELOCITY = 600;
/**
* 速度追踪对象
*/
private VelocityTracker velocityTracker;
/**
* 是否响应滑动，默认为不响应
*/
private boolean isSlide = false;
/**
* 认为是用户滑动的最小距离
*/
private int mTouchSlop;
/**
* 移除item后的回调接口
*/
private RemoveListener mRemoveListener;
/**
* 用来指示item滑出屏幕的方向,向左或者向右,用一个枚举值来标记
*/
private RemoveDirection removeDirection;

// 滑动删除方向的枚举值
public enum RemoveDirection
RIGHT, LEFT;


public SlideCutListView(Context context)
this(context, null);


public SlideCutListView(Context context, AttributeSet attrs)
this(context, attrs, 0);


public SlideCutListView(Context context, AttributeSet attrs, int defStyle)
super(context, attrs, defStyle);
screenWidth = ((WindowManager) context.getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay().getWidth();
scroller = new Scroller(context);
mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();


/**
* 设置滑动删除的回调接口
* @param removeListener
*/
public void setRemoveListener(RemoveListener removeListener)
this.mRemoveListener = removeListener;


/**
* 分发事件，主要做的是判断点击的是那个item, 以及通过postDelayed来设置响应左右滑动事件
*/
@Override
public boolean dispatchTouchEvent(MotionEvent event)
switch (event.getAction())
case MotionEvent.ACTION_DOWN:
addVelocityTracker(event);

// 假如scroller滚动还没有结束，我们直接返回
if (!scroller.isFinished())
return super.dispatchTouchEvent(event);

downX = (int) event.getX();
downY = (int) event.getY();

slidePosition = pointToPosition(downX, downY);

// 无效的position, 不做任何处理
if (slidePosition == AdapterView.INVALID_POSITION)
return super.dispatchTouchEvent(event);


// 获取我们点击的item view
itemView = getChildAt(slidePosition - getFirstVisiblePosition());
break;

case MotionEvent.ACTION_MOVE:
if (Math.abs(getScrollVelocity()) > SNAP_VELOCITY
|| (Math.abs(event.getX() - downX) > mTouchSlop && Math
.abs(event.getY() - downY) < mTouchSlop))
isSlide = true;

break;

case MotionEvent.ACTION_UP:
recycleVelocityTracker();
break;


return super.dispatchTouchEvent(event);


/**
* 往右滑动，getScrollX()返回的是左边缘的距离，就是以View左边缘为原点到开始滑动的距离，所以向右边滑动为负值
*/
private void scrollRight()
removeDirection = RemoveDirection.RIGHT;
final int delta = (screenWidth + itemView.getScrollX());
// 调用startScroll方法来设置一些滚动的参数，我们在computeScroll()方法中调用scrollTo来滚动item
scroller.startScroll(itemView.getScrollX(), 0, -delta, 0,
Math.abs(delta));
postInvalidate(); // 刷新itemView


/**
* 向左滑动，根据上面我们知道向左滑动为正值
*/
private void scrollLeft()
removeDirection = RemoveDirection.LEFT;
final int delta = (screenWidth - itemView.getScrollX());
// 调用startScroll方法来设置一些滚动的参数，我们在computeScroll()方法中调用scrollTo来滚动item
scroller.startScroll(itemView.getScrollX(), 0, delta, 0,
Math.abs(delta));
postInvalidate(); // 刷新itemView


/**
* 根据手指滚动itemView的距离来判断是滚动到开始位置还是向左或者向右滚动
*/
private void scrollByDistanceX()
// 如果向左滚动的距离大于屏幕的三分之一，就让其删除
if (itemView.getScrollX() >= screenWidth / 3)
scrollLeft();
else if (itemView.getScrollX() <= -screenWidth / 3)
scrollRight();
else
// 滚回到原始位置,为了偷下懒这里是直接调用scrollTo滚动
itemView.scrollTo(0, 0);




/**
* 处理我们拖动ListView item的逻辑
*/
@Override
public boolean onTouchEvent(MotionEvent ev)
if (isSlide && slidePosition != AdapterView.INVALID_POSITION)
addVelocityTracker(ev);
final int action = ev.getAction();
int x = (int) ev.getX();
switch (action)
case MotionEvent.ACTION_MOVE:
int deltaX = downX - x;
downX = x;

// 手指拖动itemView滚动, deltaX大于0向左滚动，小于0向右滚
itemView.scrollBy(deltaX, 0);
break;
case MotionEvent.ACTION_UP:
int velocityX = getScrollVelocity();
if (velocityX > SNAP_VELOCITY)
scrollRight();
else if (velocityX < -SNAP_VELOCITY)
scrollLeft();
else
scrollByDistanceX();


recycleVelocityTracker();
// 手指离开的时候就不响应左右滚动
isSlide = false;
break;


return true; // 拖动的时候ListView不滚动


//否则直接交给ListView来处理onTouchEvent事件
return super.onTouchEvent(ev);


@Override
public void computeScroll()
// 调用startScroll的时候scroller.computeScrollOffset()返回true，
if (scroller.computeScrollOffset())
// 让ListView item根据当前的滚动偏移量进行滚动
itemView.scrollTo(scroller.getCurrX(), scroller.getCurrY());

postInvalidate();

// 滚动动画结束的时候调用回调接口
if (scroller.isFinished())
if (mRemoveListener == null)
throw new NullPointerException(RemoveListener is null, we should called setRemoveListener());


itemView.scrollTo(0, 0);
mRemoveListener.removeItem(removeDirection, slidePosition);




/**
* 添加用户的速度跟踪器
*
* @param event
*/
private void addVelocityTracker(MotionEvent event)
if (velocityTracker == null)
velocityTracker = VelocityTracker.obtain();


velocityTracker.addMovement(event);


/**
* 移除用户速度跟踪器
*/
private void recycleVelocityTracker()
if (velocityTracker != null)
velocityTracker.recycle();
velocityTracker = null;



/**
* 获取X方向的滑动速度,大于0向右滑动，反之向左
*
* @return
*/
private int getScrollVelocity()
velocityTracker.computeCurrentVelocity(1000);
int velocity = (int) velocityTracker.getXVelocity();
return velocity;


/**
*
* 当ListView item滑出屏幕，回调这个接口
* 我们需要在回调方法removeItem()中移除该Item,然后刷新ListView
*
* @author xiaanming
*
*/
public interface RemoveListener
public void removeItem(RemoveDirection direction, int position);


参考技术A 实现这个功能需要编写一个自定义控件，你可以使用网上的开源控件。SlidingMenu 。下载下来可以直接使用。祝成功。 参考技术B 我和楼主有同样的问题，，请问你实现了边缘侧滑了吗？我也是仿照慕课网的实现的 参考技术C 边缘拖动侧滑 参考技术D CSDN、EOEandroid都有具体的案例demo 可以参考追问

以下是我结合QQ，今日头条，慕课网修改的结果，slidemenu右侧不能全屏，所以想自己写个简单库，就是想实现实现边缘拖动侧滑

如何通过拖动视图边缘/角来实现缩放，如应用官方照片应用裁剪控制？

【中文标题】如何通过拖动视图边缘/角来实现缩放，如应用官方照片应用裁剪控制？

【英文标题】：How to implement scaling by dragging view edges/corners like Apply Official Photos app crop control?

【发布时间】：2016-03-01 04:30:47

【问题描述】：

苹果官方照片应用程序有一个编辑功能，您可以裁剪照片。我想为裁剪照片实现类似的控件。我想知道如何实现裁剪蒙版的大小调整。

裁剪蒙版的大小调整有以下要求。

裁剪蒙版只能通过拖动边缘或角来调整大小。 缩放的锚点与起始边或角相对。 裁剪蒙版可以锁定纵横比。 裁剪蒙版不应属于受限范围。

我已经完成了前 3 个要求，但是第 4 个要求让我很困扰。考虑裁剪蒙版在受限边界框左下角的最小尺寸的情况。拖动顶部边缘将使视图缩放，锚点位于左下角。有了这种奇怪的行为，我认为我用相反的锚点改变边界的实现不能有这种行为。所以我认为苹果的实现与我的不同。我想知道如何实现这些行为。

【参考方案1】：

问题是你采取了什么程序。

我建议使用简单的UIScrollView 来完成。您的“裁剪蒙版”可以是滚动视图，可以通过拖动它的角来调整大小和重新定位。滚动视图必须禁用“剪辑子视图”，以便您可以在滚动视图之外看到内容视图（内容视图是实际图像）。

因此，此过程已经为您在滚动图像时省去了所有边界问题。移动滚动视图仍然需要一些工作......根据您拖动的角落，您可能需要修改内容偏移量，因为您似乎已经想到并且应该没有任何问题。然后剩下的是当图像超出范围时将图像放入裁剪蒙版中，这应该通过调用滚动矩形来对整个内容视图框架可见；如果不是，它也可以很容易地手动计算。

您还必须重写命中测试方法，以便滚动发生在滚动视图之外。