前言
- ViewDragHelper 是一个用于编写自定义 ViewGroup 的工具类，它提供了许多有用的操作和状态跟踪，允许用户在其父 ViewGroup 中拖动和重新定位视图。
- 本文是结合 ViewDragHelper 和自定义 ViewGroup 相关知识来实现固定头部与列表的拖拽功能。
1.概述
1.1 功能描述
在自定义的 ViewGroup 中放两个布局，本例中头部是一个固定的 TextView ，也可以是其他任意布局，而拖动部分为了简单起见，是一个 ListView，也可以是 Recyclerview。当然，无论是固定还是拖动部分，都是可以修改成其他的布局，此处主要讲述的是 ViewGroup 中如何结合 ViewDragHelper 实现一些效果。下图是实现的效果图。
效果图.gif
1.2 涉及主要知识点
- 自定义 ViewGroup
- ViewDragHelper 的使用
- 事件分发机制
1.3 实现步骤分析
- 新建 VerticalDragListView extends FrameLayout，做好初始化工作
- 构建 ViewDragHelper 实例
- 指定可拖拽的 View
- 计算相关拖拽点
- 计算相关滑动距离
- 滑动拦截
2.具体实现
此处我直接上代码，关联性逻辑较多，相关内容看注释。
public class VerticalDragListView extends FrameLayout {
// 可以认为这是系统给我们写好的一个工具类
private ViewDragHelper mDragHelper;
private View mDragListView;
// 后面菜单的高度
private int mMenuHeight;
// 菜单是否打开
private boolean mMenuIsOpen = false;
public VerticalDragListView(Context context) {
this(context, null);
}
public VerticalDragListView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public VerticalDragListView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mDragHelper = ViewDragHelper.create(this, mDragHelperCallback);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
if (changed) {
View menuView = getChildAt(0);
mMenuHeight = menuView.getMeasuredHeight();
}
}
@Override
protected void onFinishInflate() {
super.onFinishInflate();
int childCount = getChildCount();
if (childCount != 2) {
throw new RuntimeException("VerticalDragListView 只能包含两个子布局");
}
mDragListView = getChildAt(1);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
mDragHelper.processTouchEvent(event);
return true;
}
// 1.拖动我们的子View
private ViewDragHelper.Callback mDragHelperCallback = new ViewDragHelper.Callback() {
@Override
public boolean tryCaptureView(View child, int pointerId) {
// 指定该子View是否可以拖动，就是 child
// 只能是列表可以拖动
// 2.1 固定头部不能拖动
return mDragListView == child;
}
@Override
public int clampViewPositionVertical(View child, int top, int dy) {
// 垂直拖动移动的位置
// 2.3 垂直拖动的范围只能是头部 View 的高度
if (top <= 0) {
top = 0;
}
if (top >= mMenuHeight) {
top = mMenuHeight;
}
return top;
}
// 2.2 列表只能垂直拖动
/*@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
// 水平拖动移动的位置
return left;
}*/
// 2.4 手指松开的时候两者选其一，要么打开要么关闭
@Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
if (releasedChild == mDragListView) {
if (mDragListView.getTop() > mMenuHeight / 2) {
// 滚动到头部的高度（打开）
mDragHelper.settleCapturedViewAt(0, mMenuHeight);
mMenuIsOpen = true;
} else {
// 滚动到0的位置（关闭）
mDragHelper.settleCapturedViewAt(0, 0);
mMenuIsOpen = false;
}
invalidate();
}
}
};
private float mDownY;
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
// 头部打开要拦截
if (mMenuIsOpen) {
return true;
}
// 向下滑动拦截，不要给ListView做处理
// 谁拦截谁 父View拦截子View ，但是子 View 可以调这个方法
// requestDisallowInterceptTouchEvent 请求父View不要拦截，改变的其实就是 mGroupFlags 的值
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mDownY = ev.getY();
// 让 DragHelper 拿一个完整的事件
mDragHelper.processTouchEvent(ev);
break;
case MotionEvent.ACTION_MOVE:
float moveY = ev.getY();
if ((moveY - mDownY) > 0 && !canChildScrollUp()) {
// 向下滑动 && 滚动到了顶部，拦截不让ListView做处理
return true;
}
break;
}
return super.onInterceptTouchEvent(ev);
}
/**
* @return Whether it is possible for the child view of this layout to
* scroll up. Override this if the child view is a custom view.
* 此处参考系统 SwipeRefreshLayout 中的方法，判断View是否滚动到了最顶部,还能不能向上滚
*/
public boolean canChildScrollUp() {
if (android.os.Build.VERSION.SDK_INT < 14) {
if (mDragListView instanceof AbsListView) {
final AbsListView absListView = (AbsListView) mDragListView;
return absListView.getChildCount() > 0
&& (absListView.getFirstVisiblePosition() > 0 || absListView.getChildAt(0)
.getTop() < absListView.getPaddingTop());
} else {
return ViewCompat.canScrollVertically(mDragListView, -1) || mDragListView.getScrollY() > 0;
}
} else {
return ViewCompat.canScrollVertically(mDragListView, -1);
}
}
/**
* 响应滚动
*/
@Override
public void computeScroll() {
if (mDragHelper.continueSettling(true)) {
invalidate();
}
}
}
在Activity中只作简单的测试实现
public class MainActivity extends AppCompatActivity {
private ListView mListView;
private List<String> mItems;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mListView = (ListView) findViewById(R.id.list_view);
mItems = new ArrayList<String>();
for (int i = 0; i < 100; i++) {
mItems.add("i -> " + i);
}
mListView.setAdapter(new BaseAdapter() {
@Override
public int getCount() {
return mItems.size();
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
TextView item = (TextView) LayoutInflater.from(MainActivity.this)
.inflate(R.layout.item_lv, parent, false);
item.setText(mItems.get(position));
return item;
}
});
}
}
3.总结
通过上面自定义 ViewGroup 的实现，可以了解到 ViewDragHelper 的神奇用法，而 ViewDragHelper 的用法不仅仅于此，对于 View 的拖拽，可以实现更多神奇的效果，在网上这方面的 demo 比较多，读者可自行搜索，后续有必要再出一些炫酷效果的实现。
网友评论