转载请表明出处：http://write.blog.csdn.net/postedit/23692439
一般进入APP都有欢迎界面，基本都是水平滚动的，今天和大家分享一个垂直滚动的例子。
先来看看效果把：
1、首先是布局文件：
<com.example.verticallinearlayout.VerticalLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/id_main_ly"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:background="#fff" >
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/w02" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello" />
</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/w03" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="#fff"
android:text="hello" />
</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/w04" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="hello" />
</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/w05" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="hello" />
</RelativeLayout>
</com.example.verticallinearlayout.VerticalLinearLayout>在自定义的ViewGroup中放入了4个RelativeLayout，每个RelativeLayout都设置了背景图片，背景图片来自微信~
2、主要看自定义的Layout了
package com.example.verticallinearlayout;
import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.Scroller;
public class VerticalLinearLayout extends ViewGroup
{
/**
* 屏幕的高度
*/
private int mScreenHeight;
/**
* 手指按下时的getScrollY
*/
private int mScrollStart;
/**
* 手指抬起时的getScrollY
*/
private int mScrollEnd;
/**
* 记录移动时的Y
*/
private int mLastY;
/**
* 滚动的辅助类
*/
private Scroller mScroller;
/**
* 是否正在滚动
*/
private boolean isScrolling;
/**
* 加速度检测
*/
private VelocityTracker mVelocityTracker;
/**
* 记录当前页
*/
private int currentPage = 0;
private OnPageChangeListener mOnPageChangeListener;
public VerticalLinearLayout(Context context, AttributeSet attrs)
{
super(context, attrs);
/**
* 获得屏幕的高度
*/
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics outMetrics = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(outMetrics);
mScreenHeight = outMetrics.heightPixels;
// 初始化
mScroller = new Scroller(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int count = getChildCount();
for (int i = 0; i < count; ++i)
{
View childView = getChildAt(i);
measureChild(childView, widthMeasureSpec,mScreenHeight);
}
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b)
{
if (changed)
{
int childCount = getChildCount();
// 设置主布局的高度
MarginLayoutParams lp = (MarginLayoutParams) getLayoutParams();
lp.height = mScreenHeight * childCount;
setLayoutParams(lp);
for (int i = 0; i < childCount; i++)
{
View child = getChildAt(i);
if (child.getVisibility() != View.GONE)
{
child.layout(l, i * mScreenHeight, r, (i + 1) * mScreenHeight);// 调用每个自布局的layout
}
}
}
}
@Override
public boolean onTouchEvent(MotionEvent event)
{
// 如果当前正在滚动，调用父类的onTouchEvent
if (isScrolling)
return super.onTouchEvent(event);
int action = event.getAction();
int y = (int) event.getY();
obtainVelocity(event);
switch (action)
{
case MotionEvent.ACTION_DOWN:
mScrollStart = getScrollY();
mLastY = y;
break;
case MotionEvent.ACTION_MOVE:
if (!mScroller.isFinished())
{
mScroller.abortAnimation();
}
int dy = mLastY - y;
// 边界值检查
int scrollY = getScrollY();
// 已经到达顶端，下拉多少，就往上滚动多少
if (dy < 0 && scrollY + dy < 0)
{
dy = -scrollY;
}
// 已经到达底部，上拉多少，就往下滚动多少
if (dy > 0 && scrollY + dy > getHeight() - mScreenHeight)
{
dy = getHeight() - mScreenHeight - scrollY;
}
scrollBy(0, dy);
mLastY = y;
break;
case MotionEvent.ACTION_UP:
mScrollEnd = getScrollY();
int dScrollY = mScrollEnd - mScrollStart;
if (wantScrollToNext())// 往上滑动
{
if (shouldScrollToNext())
{
mScroller.startScroll(0, getScrollY(), 0, mScreenHeight - dScrollY);
} else
{
mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
}
}
if (wantScrollToPre())// 往下滑动
{
if (shouldScrollToPre())
{
mScroller.startScroll(0, getScrollY(), 0, -mScreenHeight - dScrollY);
} else
{
mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
}
}
isScrolling = true;
postInvalidate();
recycleVelocity();
break;
}
return true;
}
/**
* 根据滚动距离判断是否能够滚动到下一页
*
* @return
*/
private boolean shouldScrollToNext()
{
return mScrollEnd - mScrollStart > mScreenHeight / 2 || Math.abs(getVelocity()) > 600;
}
/**
* 根据用户滑动，判断用户的意图是否是滚动到下一页
*
* @return
*/
private boolean wantScrollToNext()
{
return mScrollEnd > mScrollStart;
}
/**
* 根据滚动距离判断是否能够滚动到上一页
*
* @return
*/
private boolean shouldScrollToPre()
{
return -mScrollEnd + mScrollStart > mScreenHeight / 2 || Math.abs(getVelocity()) > 600;
}
/**
* 根据用户滑动，判断用户的意图是否是滚动到上一页
*
* @return
*/
private boolean wantScrollToPre()
{
return mScrollEnd < mScrollStart;
}
@Override
public void computeScroll()
{
super.computeScroll();
if (mScroller.computeScrollOffset())
{
scrollTo(0, mScroller.getCurrY());
postInvalidate();
} else
{
int position = getScrollY() / mScreenHeight;
Log.e("xxx", position + "," + currentPage);
if (position != currentPage)
{
if (mOnPageChangeListener != null)
{
currentPage = position;
mOnPageChangeListener.onPageChange(currentPage);
}
}
isScrolling = false;
}
}
/**
* 获取y方向的加速度
*
* @return
*/
private int getVelocity()
{
mVelocityTracker.computeCurrentVelocity(1000);
return (int) mVelocityTracker.getYVelocity();
}
/**
* 释放资源
*/
private void recycleVelocity()
{
if (mVelocityTracker != null)
{
mVelocityTracker.recycle();
mVelocityTracker = null;
}
}
/**
* 初始化加速度检测器
*
* @param event
*/
private void obtainVelocity(MotionEvent event)
{
if (mVelocityTracker == null)
{
mVelocityTracker = VelocityTracker.obtain();
}
mVelocityTracker.addMovement(event);
}
/**
* 设置回调接口
*
* @param onPageChangeListener
*/
public void setOnPageChangeListener(OnPageChangeListener onPageChangeListener)
{
mOnPageChangeListener = onPageChangeListener;
}
/**
* 回调接口
*
* @author zhy
*
*/
public interface OnPageChangeListener
{
void onPageChange(int currentPage);
}
}
注释还是相当详细的，我简单描述一下，Action_down时获得当前的scrollY,然后Action_move时，根据移动的距离不断scrollby就行了，当前处理了一下边界判断，在Action_up中再次获得scrollY，两个的scrollY进行对比，然后根据移动的距离与方向决定最后的动作。
3、主Activity
package com.example.verticallinearlayout;
import android.app.Activity;
import android.os.Bundle;
import android.widget.Toast;
import com.example.verticallinearlayout.VerticalLinearLayout.OnPageChangeListener;
public class MainActivity extends Activity
{
private VerticalLinearLayout mMianLayout;
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mMianLayout = (VerticalLinearLayout) findViewById(R.id.id_main_ly);
mMianLayout.setOnPageChangeListener(new OnPageChangeListener()
{
@Override
public void onPageChange(int currentPage)
{
// mMianLayout.getChildAt(currentPage);
Toast.makeText(MainActivity.this, "第"+(currentPage+1)+"页", Toast.LENGTH_SHORT).show();
}
});
}
}
为了提供可扩展性，还是定义了回调接口，完全可以把这个当成一个垂直的ViewPager使用。
总结下：
Scroller这个辅助类还是相当好用的，原理我简单说一下：每次滚动时，让Scroller进行滚动，然后调用postInvalidate方法，这个方法会引发调用onDraw方法，onDraw方法中会去调用computeScroll方法，然后我们在computScroll中判断，Scroller的滚动是否结束，没有的话，把当前的View滚动到现在Scroller的位置，然后继续调用postInvalidate，这样一个循环的过程。
画张图方便大家理解，ps:没找到什么好的画图工具，那rose随便画了，莫计较。
分享到：
相关推荐
总结来说，自定义ViewGroup实现垂直和水平滑动并解决与ViewPager冲突，涉及的关键技术点包括：事件分发机制的理解、触摸事件的处理、滑动动画的实现以及手势检测。掌握这些技能对于提升Android应用的用户体验至关...
1. 将自定义ViewGroup作为`ScrollView`的直接子视图，这样整个ViewGroup的内容就可以垂直滚动。 2. 如果还需要水平滚动，可以考虑在每个行内嵌套一个`HorizontalScrollView`，使得每一行内的视图可以独立水平滑动。 ...
而自定义ViewGroup则是为了更灵活地实现类似功能，可能是为了优化性能、增加特殊交互或实现某些原生ViewPager不支持的功能。 首先，我们要理解ViewGroup的原理。ViewGroup是Android UI框架中的容器类，它可以包含多...
本文将深入探讨如何利用自定义ViewGroup来实现一个独特的“竖直跑马灯”效果，这种效果常见于各种信息展示或广告轮播场景，使得内容能沿着垂直方向循环滚动。首先，我们来理解一下跑马灯的基本原理。 跑马灯效果，...
总结来说，Android自定义ViewGroup实现竖向引导界面的关键在于自定义布局类，处理触摸事件并判断滑动方向，以及实现页面切换的逻辑。通过这种方式，开发者可以创建出符合自己应用风格的个性化引导界面，提供更好的...
在自定义ViewGroup中，我们同样需要监听触摸事件，但这次是垂直方向的滑动。通过比较手指按下和抬起位置的Y坐标差，我们可以识别出上滑和下滑的动作。然后，结合滑动动画，可以创建一个可滚动的区域，实现上下拉的...
总的来说，实现这样一个自定义垂直滚动Gallery，需要深入理解Android的触摸事件处理、视图绘制机制、动画系统以及性能优化策略。这是一个挑战性但富有成就感的任务，可以锻炼开发者对Android底层框架的理解和掌控...
在Android开发中，自定义ViewGroup是实现个性化界面和复杂交互的重要手段。"自定义ViewGroup仿ViewPager"这个主题涉及到滚动机制，包括`scrollTo`、`scrollBy`以及`Scroller`这三个关键知识点，这些都是Android视图...
在Android开发中，自定义ViewGroup是提升应用用户体验和实现独特设计的重要手段。本文将深入讲解如何通过自定义ViewGroup来模拟ScrollView的功能，让你更好地理解Android视图层次结构的构建和滚动机制。 首先，了解...
总结起来，实现Android自定义View的跑马灯垂直滚动效果，需要掌握View的绘制原理、动画机制以及必要的优化技巧。通过自定义View，开发者可以创造出各种各样的个性化UI，增强应用的用户体验。在实践中不断学习和探索...
在Android开发中，自定义ViewGroup是实现复杂布局和交互的关键技术之一。本文将深入探讨如何实现一个名为FlowLayout的自定义视图组，它是一种标签流容器，允许子视图按照从左到右、从上到下的顺序排列，类似于HTML中...
要实现垂直滚动的效果，我们需要创建一个自定义的`View`类，比如名为`VerticalBarrageView`。这个类将继承自`View`或者`ViewGroup`，并覆盖`onDraw()`方法来绘制每个item的内容。同时，我们还需要处理触摸事件和...
1. **自定义ViewGroup**： 自定义`ViewGroup`是Android UI开发中的高级技巧，它允许我们扩展Android的布局系统，创建具有独特行为和功能的视图容器。`ViewGroup`是所有布局类的基类，负责管理其子视图的布局和绘制...
然而，标准的ListView默认只支持垂直滚动，对于需要横向展示数据的场景，开发者需要进行自定义实现。这个“android demo，自定义支持横向滚动的ListView”正是为了解决这个问题，让我们深入探讨相关知识点。 首先，...
综上所述，实现RecyclerView的垂直自动无限滚动和跑马灯效果，需要结合自定义LayoutManager、Adapter、滚动监听以及JAVA编程技巧。这个过程不仅涉及到Android的基础知识，也考验开发者对数据结构、动画控制和性能...
通过查看这些源代码，开发者可以学习到如何构建一个自定义的ViewGroup，以及如何实现垂直滚动动画。此外，示例项目可能还包含了如何在实际项目中集成和使用的说明。 总的来说，"Android-MarqueeView新的里程表式...
本文将深入探讨如何实现一个自定义ViewGroup，包括子View的排列、触摸事件的处理以及滑动效果。 首先，创建自定义ViewGroup需要重写`onLayout()`方法，这是决定子View在ViewGroup中位置的关键。在这个方法中，我们...