viewgroup 实现类似viewpage效果

最新推荐文章于 2020-11-04 15:28:23 发布
最新推荐文章于 2020-11-04 15:28:23 发布
阅读量786 收藏
点赞数
分类专栏： Android 文章标签： Android交互效果
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shix_foot/article/details/10450703
版权

项目用viewpage出现了问题，决定自己用viewpage实现一个类似效果，网上有现成的例子，跑起来之后发现touch事件demo中没做处理，自己把touch事件处理加了上去 ，可能不是最好的方法 但是目前能满足需求。（顺便学习了一下android touch时间传递 ）

核心代码就是一个自定义的viewgroup

package com.shixforever.viewgroupdemo;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Scroller;

public class MyScrollLayout extends ViewGroup {

	private static final String TAG = "ScrollLayout";
	private VelocityTracker mVelocityTracker; // 用于判断甩动手势
	private static final int SNAP_VELOCITY = 600; // X轴速度基值，大于该值时进行切换
	private Scroller mScroller; // 滑动控制
	private int mCurScreen; // 当前页面为第几屏

	private int mDefaultScreen = 0;
	private float mLastMotionX;
	private float lastInterceptX;
	private float lastInterceptY;
	private OnViewChangeListener mOnViewChangeListener;

	public MyScrollLayout(Context context) {
		super(context);
		init(context);
	}

	public MyScrollLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
	}

	private void init(Context context) {
		mCurScreen = mDefaultScreen;
		mScroller = new Scroller(context);
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {

		Log.e("a", "a");
		// if (changed) {
		int childLeft = 0;
		final int childCount = getChildCount();
		Log.e("count", childCount + "");
		for (int i = 0; i < childCount; i++) {
			final View childView = getChildAt(i);
			if (childView.getVisibility() != View.GONE) {
				final int childWidth = childView.getMeasuredWidth();
				childView.layout(childLeft, 0, childLeft + childWidth,
						childView.getMeasuredHeight());
				childLeft += childWidth;
			}
		}
		// }
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);

		Log.e("b", "b");
		final int width = MeasureSpec.getSize(widthMeasureSpec);

		final int count = getChildCount();
		for (int i = 0; i < count; i++) {
			getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);
		}

		scrollTo(mCurScreen * width, 0);

	}

	public void snapToDestination() {
		final int screenWidth = getWidth();

		final int destScreen = (getScrollX() + screenWidth / 2) / screenWidth;
		snapToScreen(destScreen);
	}

	// 使屏幕移动到第whichScreen+1屏
	public void snapToScreen(int whichScreen) {

		if (getScrollX() != (whichScreen * getWidth())) {
			final int delta = whichScreen * getWidth() - getScrollX();
			mScroller.startScroll(getScrollX(), 0, delta, 0,
					Math.abs(delta) * 2);
			mCurScreen = whichScreen;
			invalidate();

			if (mOnViewChangeListener != null) {
				mOnViewChangeListener.OnViewChange(mCurScreen);
			}
		}
	}

	@Override
	public void computeScroll() {
		if (mScroller.computeScrollOffset()) {
			scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
			postInvalidate();
		}
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {

		final int action = event.getAction();
		final float x = event.getX();
		final float y = event.getY();

		switch (action) {
		case MotionEvent.ACTION_DOWN:

			Log.i("", "onTouchEvent  ACTION_DOWN");
			if (mVelocityTracker == null) {
				mVelocityTracker = VelocityTracker.obtain();
				mVelocityTracker.addMovement(event);
			}
			if (!mScroller.isFinished()) {
				mScroller.abortAnimation();
			}
			mLastMotionX = x;
			break;

		case MotionEvent.ACTION_MOVE:

			int deltaX = (int) (mLastMotionX - x);
			if (IsCanMove(deltaX)) {
				if (mVelocityTracker != null) {
					mVelocityTracker.addMovement(event);
				}
				mLastMotionX = x;
				// 正向或者负向移动，屏幕跟随手指移动
				scrollBy(deltaX, 0);
			}
			break;

		case MotionEvent.ACTION_UP:

			int velocityX = 0;
			if (mVelocityTracker != null) {
				mVelocityTracker.addMovement(event);
				mVelocityTracker.computeCurrentVelocity(1000);
				// 得到X轴方向手指移动速度
				velocityX = (int) mVelocityTracker.getXVelocity();
			}
			// velocityX为正值说明手指向右滑动，为负值说明手指向左滑动
			if (velocityX > SNAP_VELOCITY && mCurScreen > 0) {
				// Fling enough to move left
				Log.e(TAG, "snap left");
				snapToScreen(mCurScreen - 1);
			} else if (velocityX < -SNAP_VELOCITY
					&& mCurScreen < getChildCount() - 1) {
				// Fling enough to move right
				Log.e(TAG, "snap right");
				snapToScreen(mCurScreen + 1);
			} else {
				snapToDestination();
			}

			if (mVelocityTracker != null) {
				mVelocityTracker.recycle();
				mVelocityTracker = null;
			}

			break;
		}
		return true;
	}

	private boolean IsCanMove(int deltaX) {
		// deltaX<0说明手指向右划
		if (getScrollX() <= 0 && deltaX < 0) {
			return false;
		}
		// deltaX>0说明手指向左划
		if (getScrollX() >= (getChildCount() - 1) * getWidth() && deltaX > 0) {
			return false;
		}
		return true;
	}

	public void SetOnViewChangeListener(OnViewChangeListener listener) {
		mOnViewChangeListener = listener;
	}

	/**
	 * 判断touch事件传递
	 */
	@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {

		final int action = ev.getAction();
		boolean deliver = false;
		switch (action) {
		case MotionEvent.ACTION_DOWN:

			if (mVelocityTracker == null) {
				mVelocityTracker = VelocityTracker.obtain();
				mVelocityTracker.addMovement(ev);
			}
			if (!mScroller.isFinished()) {
				mScroller.abortAnimation();
			}
			mLastMotionX = ev.getX();
			lastInterceptX = ev.getX();
			lastInterceptY = ev.getY();
			deliver = false;
			break;

		case MotionEvent.ACTION_MOVE:
			float x = ev.getX();
			float y = ev.getY();
			float dx = x - lastInterceptX;
			float dy = y - lastInterceptY;
			if (Math.abs(dx) > 5 && Math.abs(dx) - Math.abs(dy) > 0) {

				deliver = true;
			} else {
				deliver = false;
				if (mVelocityTracker != null) {
					mVelocityTracker.recycle();
					mVelocityTracker = null;
				}
			}
			break;

		case MotionEvent.ACTION_UP:
			lastInterceptX = 0;
			lastInterceptY = 0;
			break;
		}

		return deliver;
	}

	public int getmCurScreen() {
		return mCurScreen;
	}

	public void setmCurScreen(int mCurScreen) {
		this.mCurScreen = mCurScreen;
	}
}
init方法中初始化一个Scroller

传送门 http://www.cnblogs.com/over140/archive/2010/12/16/1907528.html

http://ipjmc.iteye.com/blog/1615828

在onMeasure()方法中大致计算每个子view的宽高

onLayout()中对childview布局

在onInterceptTouchEvent() 中判断touch事件传递

和touchevent中一样用了VelocityTracker来区别是滑动还是点击

判断依据是x轴位移大于5并且x轴位移大于y轴位移

关于onInterceptTouchEvent()判断方法网上有很多介绍

代码不复杂 大家期待的demo在下面～

· http://download.csdn.net/detail/shix_foot/6027089

shix_foot
关注
专栏目录
自定义ViewGroup仿ViewPager
12-27
scrollTo scrollBy Scroller的使用，自定义ViewGroup 使用scroll 仿ViewPager
Android ViewGroup实现页面滑动效果并实现不同的动画效果
iteye_20331的博客
08-28 212
这应该是自己第一次开始写博客，今天起想要记录下自己工作上学到的一些东西，除了能随时查看自己的曾经学到的东西，也可以跟大家分享一下自己的一些经验。由于自己刚到3g门户去实习，其实有很多技术上东西都不是很懂，也只能慢慢去学了。一进来的实习，带我的那位辅导员就让我实现像Launcher那样的滑动，并且实现滑动过程中的效果~~~这下惨了，自己最薄弱的一环，对一些界面上的东西都很少去碰，只能乖乖的去网上搜搜...
Android自定义控件系列六：自定义ViewGroup（一）实现ViewPager效果
苦咖啡的自留地
11-27 5067
本文介绍如何使用自定义ViewGroup实现ViewPager效果，欢迎拍砖！
(转)android 自定义ViewGroup和对view进行切图动画实现滑动菜单SlidingMenu
gxj1680的专栏
02-28 607
示意图就不展示了，和上一节的一样,滑动菜单SlidingMenu效果如何大家都比较熟悉，在这里我简单说明一下用自定义ViewGroup来实现.     实现方法：我们自定义一个ViewGroup实现左右滑动，第一屏隐藏，第二屏显示.     代码如下： [java] view plaincopy package com.jj.sliding_
自定义ViewGroup—实现自定义ViewPager
weixin_40763897的博客
01-21 1975
ViewGroup和View １、 ViewGroup是一个可以容纳View的容器，负责测量子视图或子控件的宽和高；并决定子视图或子控件的位置。常用的方法有： onMesure()：测量子视图或子控件的宽高，以及设置自己的宽和高。 onLayout()：通过getChildCount()获取子view数量，getChildAt获取所有子View，分别调用layout(int l, int t, ...
viewgroup实现viewpage效果
08-28
本篇文章将详细介绍如何利用`ViewGroup`来实现类似`ViewPager`的效果，并解决触摸事件处理问题。 首先，我们需要了解`ViewPager`的核心功能。`ViewPager`提供了平滑的左右滑动切换页面的能力，它会自动管理子页面的...
android 通过向viewpage中添加listview来完成滑动效果(类似于qq滑动界面)
09-05
在Android开发中，实现类似QQ滑动界面的效果通常涉及到`ViewPager`组件的使用，它可以创建一个可以左右滑动切换的页面容器。在这个场景下，我们不仅要实现`ViewPager`的滑动，还要在每个`ViewPager`的页面中嵌入`...
android使用ViewPage实现卡片式画廊效果
10-27
在Android开发中，为了创建富有吸引力的用户界面，开发者经常需要实现各种动态效果，其中之一就是“卡片式画廊”效果。这种效果常用于展示一系列图片或内容卡片，用户可以通过滑动来浏览不同的卡片。本教程将详细...
QQSlidingPaneDemo:高仿QQ5.0首页侧拉栏实现效果，完美解决首页viewpage滑动冲突
06-22
5. **自定义ViewGroup**: 为了实现特定的滑动效果，开发者可能需要创建自定义的ViewGroup，继承自SlidingPaneLayout，并覆盖其滑动逻辑。这可能涉及到重写`onInterceptTouchEvent`和`onTouchEvent`方法，以处理滑动...
Android进阶之自定义ViewGroup—带你一步步轻松实现ViewPager
weixin_34348111的博客
08-17 298
本文导语： ViewPager相信读者们都用得很多了，在项目中的使用场景可以说是相当的多了，例如： （1）项目框架的搭建，可以使用ViewPager+Fragment （2）App引导页 （3）banner轮播图 （4）多张图片的浏览等等 可能根据不同的需求，还有其他的一些使用场景，在这里就不逐一列举了。今天...
自定义ViewGroup实现ViewPager的滑动效果（附源码下载）
EyeAndroid
10-20 84
该Demo是来源于网上，作者继承ViewGroup写了一个自定义的ViewGroup，来实现ViewPager的滑动效果（在当前屏幕未全部滑出去时，下一屏幕会显示在当前屏幕上），因为ViewPager一般用于Activity或者Fragment，但是我们自定义的这个ViewGroup能适用于任何View，我这里强烈建议大家仔细研读该Demo. 不懂的可以问我，一起学习。...
自定义ViewGroup实现纵向滑动切换的ViewPager
Revival_Liang的博客
08-09 818
package com.example.k.scroll_test_1.custom; import android.content.Context; import android.support.v4.view.MotionEventCompat; import android.util.AttributeSet; import android.view.MotionEvent; import
自定义ViewGroup（这里以自定义一个类似ViewPager的控件为例）
rrongkun_huang
07-18 388
首先，我们得先要明白ViewGroup是什么，职责是什么？ ViewGroup就是用来放置View控件的的容器，职责是测量每一个子view的大小，还有摆放的位置。  * 1，写一个类继承于ViewGroup  * 2，重载onMeasure方法，用于测量的子View的大小  * 3，重载onLayout，用于安置子view的位置 到这里，一个ViewGroup就算
Android ViewGroup实现页面滑动效果并实现不同的动画效果(转载)
weixin_34352449的博客
04-27 128
为什么80%的码农都做不了架构师？>>> ...
ViewGroup类
yuerliang的专栏
11-04 123
public abstract class ViewGroup extends View implements ViewParent, ViewManager { protected void measureChildren(int widthMeasureSpec, int heightMeasureSpec) { final int size = mChildrenCount; final View[] children = mChildren; .
自定义ViewGroup实现循环轮播ViewPager
吃饭不玩手机的博客
06-12 1091
自定义Viewgroup实现ViewPager轮播
android-使用ViewGroup实现左右滑动切换界面以及界面裂开的效果
Central-Perk的专栏
03-15 4656
效果图：         源码下载：http://download.csdn.net/detail/centralperk/5142933   关于ViewGroup的一点介绍： 这里有个地方要注意，那就要明白ViewGroup的绘图流程：ViewGroup绘制包括两个步骤：1.measure 2.layout 在两个步骤中分别调用回调函数：1.onMeasure()   2.
android ViewGroup实现左右滑屏效果方法3
10-20 56
设置了三个页面，布局文件如下： view plaincopy to clipboardprint? &lt;?xmlversion="1.0"encoding="utf-8"?&gt; &lt;AbsoluteLayoutxmlns:android="http://schemas.android.com/apk/res/android" android:orie...
ViewGroup事件处理之动态切换ViewPagerIndicator页签
小磊's blog
12-26 1028
在上一篇中实现了ViewPagerIndicator来绑定ViewPager动态转换小标题的功能，这一篇会通过事件的角度，去实现滑动ViewPager，转换切换不同的小标题，并在恰当的时候，拉出SlidingMenu。 Android系统中的每个ViewGroup的子类都具有下面三个和TouchEvent处理密切相关的方法： 1）public boolean dispatchTouchEven
自定义ViewGroup实现ViewPager滑动效果
"关于Android自定义ViewGroup实现类似ViewPager滑动效果的教程" 在Android开发中，ViewPager是一个非常实用的组件，它允许用户左右滑动来浏览多个页面，常用于实现滑动切换的效果，如引导页、轮播图等。然而，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值