`
xlover
  • 浏览: 244492 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

自定义控件HorizontalListView,横向的ListView

 
阅读更多

import java.util.LinkedList;
import java.util.Queue;

import android.content.Context;
import android.database.DataSetObserver;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListAdapter;
import android.widget.Scroller;

public class HorizontialListView extends AdapterView<ListAdapter> {

	public boolean mAlwaysOverrideTouch = true;
	protected ListAdapter mAdapter;
	private int mLeftViewIndex = -1;
	private int mRightViewIndex = 0;
	protected int mCurrentX;
	protected int mNextX;
	private int mMaxX = Integer.MAX_VALUE;
	private int mDisplayOffset = 0;
	protected Scroller mScroller;
	private GestureDetector mGesture;
	private Queue<View> mRemovedViewQueue = new LinkedList<View>();
	private OnItemSelectedListener mOnItemSelected;
	private OnItemClickListener mOnItemClicked;
	private boolean mDataChanged = false;

	public HorizontialListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView();
	}

	private synchronized void initView() {
		mLeftViewIndex = -1;
		mRightViewIndex = 0;
		mDisplayOffset = 0;
		mCurrentX = 0;
		mNextX = 0;
		mMaxX = Integer.MAX_VALUE;
		mScroller = new Scroller(getContext());
		mGesture = new GestureDetector(getContext(), mOnGesture);
	}

	@Override
	public void setOnItemSelectedListener(AdapterView.OnItemSelectedListener listener) {
		mOnItemSelected = listener;
	}

	@Override
	public void setOnItemClickListener(AdapterView.OnItemClickListener listener) {
		mOnItemClicked = listener;
	}

	private DataSetObserver mDataObserver = new DataSetObserver() {

		@Override
		public void onChanged() {
			synchronized (HorizontialListView.this) {
				mDataChanged = true;
			}
			invalidate();
			requestLayout();
		}

		@Override
		public void onInvalidated() {
			reset();
			invalidate();
			requestLayout();
		}

	};

	@Override
	public ListAdapter getAdapter() {
		return mAdapter;
	}

	@Override
	public View getSelectedView() {
		// TODO: implement
		return null;
	}

	@Override
	public void setAdapter(ListAdapter adapter) {
		if (mAdapter != null) {
			mAdapter.unregisterDataSetObserver(mDataObserver);
		}
		mAdapter = adapter;
		mAdapter.registerDataSetObserver(mDataObserver);
		reset();
	}

	private synchronized void reset() {
		initView();
		removeAllViewsInLayout();
		requestLayout();
	}

	@Override
	public void setSelection(int position) {
		// TODO: implement
	}

	private void addAndMeasureChild(final View child, int viewPos) {
		LayoutParams params = child.getLayoutParams();
		if (params == null) {
			params = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
		}

		addViewInLayout(child, viewPos, params, true);
		child.measure(MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.AT_MOST), MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.AT_MOST));
	}

	@Override
	protected synchronized void onLayout(boolean changed, int left, int top, int right, int bottom) {
		super.onLayout(changed, left, top, right, bottom);

		if (mAdapter == null) {
			return;
		}

		if (mDataChanged) {
			int oldCurrentX = mCurrentX;
			initView();
			removeAllViewsInLayout();
			mNextX = oldCurrentX;
			mDataChanged = false;
		}

		if (mScroller.computeScrollOffset()) {
			int scrollx = mScroller.getCurrX();
			mNextX = scrollx;
		}

		if (mNextX < 0) {
			mNextX = 0;
			mScroller.forceFinished(true);
		}
		if (mNextX > mMaxX) {
			mNextX = mMaxX;
			mScroller.forceFinished(true);
		}

		int dx = mCurrentX - mNextX;

		removeNonVisibleItems(dx);
		fillList(dx);
		positionItems(dx);

		mCurrentX = mNextX;

		if (!mScroller.isFinished()) {
			post(new Runnable() {
				@Override
				public void run() {
					requestLayout();
				}
			});

		}
	}

	private void fillList(final int dx) {
		int edge = 0;
		View child = getChildAt(getChildCount() - 1);
		if (child != null) {
			edge = child.getRight();
		}
		fillListRight(edge, dx);

		edge = 0;
		child = getChildAt(0);
		if (child != null) {
			edge = child.getLeft();
		}
		fillListLeft(edge, dx);

	}

	private void fillListRight(int rightEdge, final int dx) {
		while (rightEdge + dx < getWidth() && mRightViewIndex < mAdapter.getCount()) {

			View child = mAdapter.getView(mRightViewIndex, mRemovedViewQueue.poll(), this);
			addAndMeasureChild(child, -1);
			rightEdge += child.getMeasuredWidth();

			if (mRightViewIndex == mAdapter.getCount() - 1) {
				mMaxX = mCurrentX + rightEdge - getWidth();
			}
			mRightViewIndex++;
		}

	}

	private void fillListLeft(int leftEdge, final int dx) {
		while (leftEdge + dx > 0 && mLeftViewIndex >= 0) {
			View child = mAdapter.getView(mLeftViewIndex, mRemovedViewQueue.poll(), this);
			addAndMeasureChild(child, 0);
			leftEdge -= child.getMeasuredWidth();
			mLeftViewIndex--;
			mDisplayOffset -= child.getMeasuredWidth();
		}
	}

	private void removeNonVisibleItems(final int dx) {
		View child = getChildAt(0);
		while (child != null && child.getRight() + dx <= 0) {
			mDisplayOffset += child.getMeasuredWidth();
			mRemovedViewQueue.offer(child);
			removeViewInLayout(child);
			mLeftViewIndex++;
			child = getChildAt(0);

		}

		child = getChildAt(getChildCount() - 1);
		while (child != null && child.getLeft() + dx >= getWidth()) {
			mRemovedViewQueue.offer(child);
			removeViewInLayout(child);
			mRightViewIndex--;
			child = getChildAt(getChildCount() - 1);
		}
	}

	private void positionItems(final int dx) {
		if (getChildCount() > 0) {
			mDisplayOffset += dx;
			int left = mDisplayOffset;
			for (int i = 0; i < getChildCount(); i++) {
				View child = getChildAt(i);
				int childWidth = child.getMeasuredWidth();
				child.layout(left, 0, left + childWidth, child.getMeasuredHeight());
				left += childWidth;
			}
		}
	}

	public synchronized void scrollTo(int x) {
		mScroller.startScroll(mNextX, 0, x - mNextX, 0);
		requestLayout();
	}

	@Override
	public boolean dispatchTouchEvent(MotionEvent ev) {
		boolean handled = mGesture.onTouchEvent(ev);
		return handled;
	}

	protected boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
		synchronized (HorizontialListView.this) {
			mScroller.fling(mNextX, 0, (int) -velocityX, 0, 0, mMaxX, 0, 0);
		}
		requestLayout();

		return true;
	}

	protected boolean onDown(MotionEvent e) {
		mScroller.forceFinished(true);
		return true;
	}

	private OnGestureListener mOnGesture = new GestureDetector.SimpleOnGestureListener() {

		@Override
		public boolean onDown(MotionEvent e) {
			return HorizontialListView.this.onDown(e);
		}

		@Override
		public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
			return HorizontialListView.this.onFling(e1, e2, velocityX, velocityY);
		}

		@Override
		public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {

			synchronized (HorizontialListView.this) {
				mNextX += (int) distanceX;
			}
			requestLayout();

			return true;
		}

		@Override
		public boolean onSingleTapConfirmed(MotionEvent e) {
			Rect viewRect = new Rect();
			for (int i = 0; i < getChildCount(); i++) {
				View child = getChildAt(i);
				int left = child.getLeft();
				int right = child.getRight();
				int top = child.getTop();
				int bottom = child.getBottom();
				viewRect.set(left, top, right, bottom);
				if (viewRect.contains((int) e.getX(), (int) e.getY())) {
					if (mOnItemClicked != null) {
						mOnItemClicked.onItemClick(HorizontialListView.this, child, mLeftViewIndex + 1 + i, mAdapter.getItemId(mLeftViewIndex + 1 + i));
					}
					if (mOnItemSelected != null) {
						mOnItemSelected.onItemSelected(HorizontialListView.this, child, mLeftViewIndex + 1 + i, mAdapter.getItemId(mLeftViewIndex + 1 + i));
					}
					break;
				}

			}
			return true;
		}

	};

}
 
分享到:
评论

相关推荐

    HorizontalListView_ListView_android_

    描述中提到的"android 横向滑动ListView 实例源码",意味着开发者已经创建了一个自定义控件,扩展了ListView的功能,使其能够像HorizontalScrollView那样工作。这样的功能在展示横排数据或图片时特别有用,比如在...

    横向ListView的完整实现(包含基于横向listview做的一个小相册demo).zip

    标题中的“横向ListView的完整实现”指的是在Android应用开发中,使用自定义控件或第三方库来实现一种可水平滑动的列表视图,与传统的垂直滚动的ListView不同,它允许用户在水平方向上浏览项目。这个实现通常涉及到...

    HorizontalListViewDemo 横向滑动的ListView

    在Android原生系统中,ListView通常是垂直滚动的,但通过一些自定义控件或者第三方库,我们可以创建一个可以水平滑动的ListView,以满足不同界面设计的需求。 在Android开发中,通常我们会用到`RecyclerView`或`...

    横向ListView

    总结来说,横向ListView是一种扩展了AdapterView的自定义控件,它为Android开发者提供了一个方便的方式来创建水平滚动的列表,适用于那些需要水平展示数据的场景。这个控件保留了ListView的基本特性和用法,同时进行...

    封装好的横向listviewdemo

    通过研究这个示例项目,开发者可以更深入地理解如何使用和自定义这个横向ListView组件。 总的来说,这个"封装好的横向listviewdemo"为开发者提供了一个便捷的方式来实现水平滚动的列表效果,节省了大量重复编码的...

    安卓Android源码——横向ListView的完整实现(包含基于横向listview做的一个小相册demo).zip

    为了解决这个问题,开发者们通常会采用横向ListView,即HorizontalListView。这个主题将详细介绍如何在Android平台上实现一个完整的横向ListView,并通过一个小型相册的示例来展示其实用性。 首先,我们来理解一下...

    HorizontalListView的应用:Listview中完美嵌套HorizontalListView

    3. **布局设计**:在ListView的item布局文件中,添加一个HorizontalListView控件,并设置相应的属性,如id、宽度、高度等。 4. **配置HorizontalListView**:在`getView()`方法中,找到对应的HorizontalListView实例...

    安卓Andriod源码——横向ListView的完整实现(包含基于横向listview做的一个小相册demo).zip

    在Android开发中,有时我们需要实现一个可以水平滑动的ListView,即横向ListView,这在展示大量横向数据或者创建类似相册的应用中非常有用。本篇文章将深入探讨如何在Android平台上实现横向ListView,并通过一个实际...

    Android高级应用源码-横向ListView的完整实现(包含基于横向listview做的一个小相册demo).zip

    在Android开发中,有时我们需要创建一个可以水平滚动的列表,这就是所谓的横向ListView,或HorizontalListView。这个主题的压缩包提供了实现这样一个组件的完整源码,包括一个基于此横向ListView的小型相册示例。让...

    横向listview

    传统的ListView控件是垂直方向滚动的,但有时我们可能需要一个能够横向滑动的列表,这就是所谓的"横向ListView"。这个概念源自于对原生ListView组件的扩展,通过自定义实现来达到横向滑动的效果。 标题中的"横向...

    android可以横向拖动listView

    为了解决这个问题,开发者通常会使用自定义控件或者第三方库来实现横向拖动的ListView效果。这里我们将详细探讨如何在Android中创建一个可以横向拖动的ListView。 1. **自定义HorizontalListView** - 自定义控件:...

    安卓listview相关相关-横向ListView的完整实现(包含基于横向listview做的一个小相册demo).rar

    `Android UI开发_ 横向ListView(HorizontalListView)及一个简单相册的完整实现 (附源码下载) - yanzi1225627的专栏 - 博客频道 - CSDN.pdf`很可能是对实现过程的详细解释,涵盖了如何创建和配置HorizontalListView,...

    横向滑动的ListView

    在Android开发中,ListView是一种非常常见的控件,用于展示大量数据列表。然而,标准的ListView是垂直...虽然过程可能相对复杂,但通过学习和实践,开发者可以创建出满足特定需求的自定义控件,提高应用的用户体验。

    横向的listView version2

    总的来说,"横向ListView版本2"是Android开发中一种实现横向滚动列表的实践,通过自定义和扩展标准组件,可以满足特定的UI需求,提升应用的交互性。对于开发者来说,理解并掌握这种技术有助于构建更加丰富和动态的...

    安卓listview相关相关-分享一款Android中的横向的listview可以左右滑动.rar

    这里我们将深入探讨如何在Android中创建一个可以左右滑动的横向ListView。 首先,我们可以使用HorizontalScrollView作为基础来实现这个效果。HorizontalScrollView允许用户水平滚动其内容,适合用于展示一排可滑动...

    Android高级应用源码-HorizontalListViewDemo 横向滑动的ListView.rar

    通过研究和实践HorizontalListViewDemo,开发者不仅可以掌握横向滑动列表的实现,还能加深对Android UI框架的理解,提升自定义控件的能力,对于从事Android应用开发的工程师来说是一份非常宝贵的参考资料。

Global site tag (gtag.js) - Google Analytics