扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
Android中怎么利用SlideListView自定义View,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比绿园网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式绿园网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖绿园地区。费用合理售后完善,10年实体公司更值得信赖。
主要用到了 Scroller 这个滑动类,刚开始拦截触摸事件在 action ==MotionEvent.ACTION_DOWN的时候,根据出点获取我们点击的itemView 然后根据滑动模式(左滑动 or 右滑动)来自动获取左侧或者右侧的宽度;
在 action == MotionEvent.ACTION_MOVE 中根据移动判断是否可以侧滑,以及侧滑的方向,并使用 itemView.scrollTo(deltaX, 0); 来移动itemView ;
***在 ction == MotionEvent.ACTION_UP 中判断模式和移动的距离完成侧滑或者还原到初始状态。
实现
***步 初始化Scroller
scroller = new Scroller(context); mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
第二步 action ==MotionEvent.ACTION_DOWN
case MotionEvent.ACTION_DOWN: if (this.mode == MOD_FORBID) { return super.onTouchEvent(ev); } // 如果处于侧滑完成状态,侧滑回去,并直接返回 if (isSlided) { scrollBack(); return false; } // 假如scroller滚动还没有结束,我们直接返回 if (!scroller.isFinished()) { return false; } downX = (int) ev.getX(); downY = (int) ev.getY(); slidePosition = pointToPosition(downX, downY); // 无效的position, 不做任何处理 if (slidePosition == AdapterView.INVALID_POSITION) { return super.onTouchEvent(ev); } // 获取我们点击的item view itemView = getChildAt(slidePosition - getFirstVisiblePosition()); /*此处根据设置的滑动模式,自动获取左侧或右侧菜单的长度*/ if (this.mode == MOD_BOTH) { this.leftLength = -itemView.getPaddingLeft(); this.rightLength = -itemView.getPaddingRight(); } else if (this.mode == MOD_LEFT) { this.leftLength = -itemView.getPaddingLeft(); } else if (this.mode == MOD_RIGHT) { this.rightLength = -itemView.getPaddingRight(); } break;
第三步 action == MotionEvent.ACTION_MOVE
case MotionEvent.ACTION_MOVE: if (!canMove && slidePosition != AdapterView.INVALID_POSITION && (Math.abs(ev.getX() - downX) > mTouchSlop && Math.abs(ev .getY() - downY) < mTouchSlop)) { if (mSwipeLayout != null) mSwipeLayout.setEnabled(false); int offsetX = downX - lastX; if (offsetX > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)) { /*从右向左滑*/ canMove = true; } else if (offsetX < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)) { /*从左向右滑*/ canMove = true; } else { canMove = false; } /*此段代码是为了避免我们在侧向滑动时同时触发ListView的OnItemClickListener时间*/ MotionEvent cancelEvent = MotionEvent.obtain(ev); cancelEvent .setAction(MotionEvent.ACTION_CANCEL | (ev.getActionIndex() << MotionEvent.ACTION_POINTER_INDEX_SHIFT)); onTouchEvent(cancelEvent); } if (canMove) { /*设置此属性,可以在侧向滑动时,保持ListView不会上下滚动*/ requestDisallowInterceptTouchEvent(true); // 手指拖动itemView滚动, deltaX大于0向左滚动,小于0向右滚 int deltaX = downX - lastX; if (deltaX < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)) { /*向左滑*/ itemView.scrollTo(deltaX, 0); } else if (deltaX > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)) { /*向右滑*/ itemView.scrollTo(deltaX, 0); } else { itemView.scrollTo(0, 0); } return true; } break;
第四步 action == MotionEvent.ACTION_UP
case MotionEvent.ACTION_UP: if (mSwipeLayout != null) mSwipeLayout.setEnabled(true); //requestDisallowInterceptTouchEvent(false); if (canMove){ canMove = false; scrollByDistanceX(); } break;
完整代码
以下是完整代码
package com.jwenfeng.fastdev.view; import android.content.Context; import android.support.v4.widget.SwipeRefreshLayout; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.view.ViewConfiguration; import android.widget.AdapterView; import android.widget.ListView; import android.widget.Scroller; /** * 当前类注释: ListView 侧滑出菜单 * 项目名:fastdev * 包名:com.jwenfeng.fastdev.view * 作者:jinwenfeng on 16/4/11 10:55 * 邮箱:823546371@qq.com * QQ: 823546371 * 公司:南京穆尊信息科技有限公司 * © 2016 jinwenfeng * ©版权所有,未经允许不得传播 */ public class SlideListView extends ListView { /**下拉刷新view*/ private SwipeRefreshLayout mSwipeLayout; /** * 禁止侧滑模式 */ public static int MOD_FORBID = 0; /** * 从左向右滑出菜单模式 */ public static int MOD_LEFT = 1; /** * 从右向左滑出菜单模式 */ public static int MOD_RIGHT = 2; /** * 左右均可以滑出菜单模式 */ public static int MOD_BOTH = 3; /** * 当前的模式 */ private int mode = MOD_FORBID; /** * 左侧菜单的长度 */ private int leftLength = 0; /** * 右侧菜单的长度 */ private int rightLength = 0; /** * 当前滑动的ListView position */ private int slidePosition; /** * 手指按下X的坐标 */ private int downY; /** * 手指按下Y的坐标 */ private int downX; /** * ListView的item */ private View itemView; /** * 滑动类 */ private Scroller scroller; /** * 认为是用户滑动的最小距离 */ private int mTouchSlop; /** * 判断是否可以侧向滑动 */ private boolean canMove = false; /** * 标示是否完成侧滑 */ private boolean isSlided = false; public SlideListView(Context context) { this(context, null); } public SlideListView(Context context, AttributeSet attrs) { this(context, attrs,0); } public SlideListView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); scroller = new Scroller(context); mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); } /** * 初始化菜单的滑出模式 * * @param mode */ public void initSlideMode(int mode) { this.mode = mode; } /** * 处理我们拖动ListView item的逻辑 */ @Override public boolean onTouchEvent(MotionEvent ev) { final int action = ev.getAction(); int lastX = (int) ev.getX(); switch (action) { case MotionEvent.ACTION_DOWN: if (this.mode == MOD_FORBID) { return super.onTouchEvent(ev); } // 如果处于侧滑完成状态,侧滑回去,并直接返回 if (isSlided) { scrollBack(); return false; } // 假如scroller滚动还没有结束,我们直接返回 if (!scroller.isFinished()) { return false; } downX = (int) ev.getX(); downY = (int) ev.getY(); slidePosition = pointToPosition(downX, downY); // 无效的position, 不做任何处理 if (slidePosition == AdapterView.INVALID_POSITION) { return super.onTouchEvent(ev); } // 获取我们点击的item view itemView = getChildAt(slidePosition - getFirstVisiblePosition()); /*此处根据设置的滑动模式,自动获取左侧或右侧菜单的长度*/ if (this.mode == MOD_BOTH) { this.leftLength = -itemView.getPaddingLeft(); this.rightLength = -itemView.getPaddingRight(); } else if (this.mode == MOD_LEFT) { this.leftLength = -itemView.getPaddingLeft(); } else if (this.mode == MOD_RIGHT) { this.rightLength = -itemView.getPaddingRight(); } break; case MotionEvent.ACTION_MOVE: if (!canMove && slidePosition != AdapterView.INVALID_POSITION && (Math.abs(ev.getX() - downX) > mTouchSlop && Math.abs(ev .getY() - downY) < mTouchSlop)) { if (mSwipeLayout != null) mSwipeLayout.setEnabled(false); int offsetX = downX - lastX; if (offsetX > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)) { /*从右向左滑*/ canMove = true; } else if (offsetX < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)) { /*从左向右滑*/ canMove = true; } else { canMove = false; } /*此段代码是为了避免我们在侧向滑动时同时触发ListView的OnItemClickListener时间*/ MotionEvent cancelEvent = MotionEvent.obtain(ev); cancelEvent .setAction(MotionEvent.ACTION_CANCEL | (ev.getActionIndex() << MotionEvent.ACTION_POINTER_INDEX_SHIFT)); onTouchEvent(cancelEvent); } if (canMove) { /*设置此属性,可以在侧向滑动时,保持ListView不会上下滚动*/ requestDisallowInterceptTouchEvent(true); // 手指拖动itemView滚动, deltaX大于0向左滚动,小于0向右滚 int deltaX = downX - lastX; if (deltaX < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)) { /*向左滑*/ itemView.scrollTo(deltaX, 0); } else if (deltaX > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)) { /*向右滑*/ itemView.scrollTo(deltaX, 0); } else { itemView.scrollTo(0, 0); } return true; } break; case MotionEvent.ACTION_UP: if (mSwipeLayout != null) mSwipeLayout.setEnabled(true); //requestDisallowInterceptTouchEvent(false); if (canMove){ canMove = false; scrollByDistanceX(); } break; } return super.onTouchEvent(ev); } private void scrollByDistanceX() { if(this.mode == MOD_FORBID){ return; } if(itemView.getScrollX() > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)){ /*从右向左滑*/ if (itemView.getScrollX() >= rightLength / 2) { scrollLeft(); } else { // 滚回到原始位置 scrollBack(); } }else if(itemView.getScrollX() < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)){ /*从左向右滑*/ if (itemView.getScrollX() <= -leftLength / 2) { scrollRight(); } else { // 滚回到原始位置 scrollBack(); } }else{ // 滚回到原始位置 scrollBack(); } } /** * 往右滑动,getScrollX()返回的是左边缘的距离,就是以View左边缘为原点到开始滑动的距离,所以向右边滑动为负值 */ private void scrollRight() { isSlided = true; final int delta = (leftLength + itemView.getScrollX()); // 调用startScroll方法来设置一些滚动的参数,我们在computeScroll()方法中调用scrollTo来滚动item scroller.startScroll(itemView.getScrollX(), 0, -delta, 0, Math.abs(delta)); postInvalidate(); // 刷新itemView } /** * 向左滑动,根据上面我们知道向左滑动为正值 */ private void scrollLeft() { isSlided = true; final int delta = (rightLength - itemView.getScrollX()); // 调用startScroll方法来设置一些滚动的参数,我们在computeScroll()方法中调用scrollTo来滚动item scroller.startScroll(itemView.getScrollX(), 0, delta, 0, Math.abs(delta)); postInvalidate(); // 刷新itemView } private void scrollBack() { isSlided = false; scroller.startScroll(itemView.getScrollX(), 0, -itemView.getScrollX(), 0, Math.abs(itemView.getScrollX())); postInvalidate(); // 刷新itemView } @Override public void computeScroll() { // 调用startScroll的时候scroller.computeScrollOffset()返回true, if (scroller.computeScrollOffset()) { // 让ListView item根据当前的滚动偏移量进行滚动 itemView.scrollTo(scroller.getCurrX(), scroller.getCurrY()); postInvalidate(); } } /** * 提供给外部调用,用以将侧滑出来的滑回去 */ public void slideBack() { this.scrollBack(); } public void setSwipeLayout(SwipeRefreshLayout mSwipeLayout) { this.mSwipeLayout = mSwipeLayout; } }
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流