HorizontalListView 横向listview

最新推荐文章于 2018-07-17 18:18:23 发布

Leo--Wang

最新推荐文章于 2018-07-17 18:18:23 发布

阅读量470

点赞数

分类专栏： Android Android view相关

Android 同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

Android view相关

4 篇文章 0 订阅

订阅专栏

由于优酷的客户端很酷，最近在做视频列表的时候客户要求做出类似效果，开始打算用Gallery的，不过后来发现横向的listview就可以解决这个问题，所以特此记录下，膜拜下国外的大牛，源码的传送门在这里

HorizontalListViewActivity.java

[java]view plaincopy 
   
 package org.com.cctest.listview;  
   
   
   
 import org.com.cctest.R;  
 import org.com.cctest.adapter.HorizontalListViewAdapter;  
   
   
   
 import android.app.Activity;  
 import android.os.Bundle;  
 import android.view.MotionEvent;  
 import android.view.GestureDetector.OnGestureListener;  
   
 public class HorizontalListViewActivity extends Activity implements OnGestureListener{  
   
     private HorizontalListViewAdapter hlva;  
     private HorizontalListView hlv;  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.horizontallistview_act);  
         hlv=(HorizontalListView)findViewById(R.id.horizontallistview1);  
         hlva=new HorizontalListViewAdapter(this);  
         hlva.notifyDataSetChanged();  
         hlv.setAdapter(hlva);  
     }  
     private final  String  TAG="HorizontalListViewActivity";  
     @Override  
     public boolean onDown(MotionEvent e) {  
         // TODO Auto-generated method stub  
         return false;  
     }  
   
     @Override  
     public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,  
             float velocityY) {  
         // TODO Auto-generated method stub  
         return false;  
     }  
   
     @Override  
     public void onLongPress(MotionEvent e) {  
         // TODO Auto-generated method stub  
           
     }  
   
     @Override  
     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,  
             float distanceY) {  
         // TODO Auto-generated method stub  
         return false;  
     }  
   
     @Override  
     public void onShowPress(MotionEvent e) {  
         // TODO Auto-generated method stub  
           
     }  
   
     @Override  
     public boolean onSingleTapUp(MotionEvent e) {  
         // TODO Auto-generated method stub  
         return false;  
     }  
   
 }  

horizontallistview_act.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="fill_parent"  
     android:layout_height="fill_parent"  
     android:gravity="center_horizontal"  
     android:orientation="vertical" >  
   
     <org.com.cctest.listview.HorizontalListView  
             android:id="@+id/horizontallistview1"  
             android:layout_width="wrap_content"  
             android:layout_height="fill_parent"  
           />  
 </LinearLayout>  

HorizontalListView.java

[java]view plaincopy 
   
 package org.com.cctest.listview;  
   
 /* 
  * HorizontalListView.java v1.5 
  * 
  *  
  * The MIT License 
  * Copyright (c) 2011 Paul Soucy (paul@dev-smart.com) 
  *  
  * Permission is hereby granted, free of charge, to any person obtaining a copy 
  * of this software and associated documentation files (the "Software"), to deal 
  * in the Software without restriction, including without limitation the rights 
  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 
  * copies of the Software, and to permit persons to whom the Software is 
  * furnished to do so, subject to the following conditions: 
  *  
  * The above copyright notice and this permission notice shall be included in 
  * all copies or substantial portions of the Software. 
  *  
  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 
  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 
  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 
  * THE SOFTWARE. 
  * 
  */  
   
   
 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 HorizontalListView 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 OnItemLongClickListener mOnItemLongClicked;  
     private boolean mDataChanged = false;  
       
   
     public HorizontalListView(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;  
     }  
       
     @Override  
     public void setOnItemLongClickListener(AdapterView.OnItemLongClickListener listener) {  
         mOnItemLongClicked = listener;  
     }  
   
     private DataSetObserver mDataObserver = new DataSetObserver() {  
   
         @Override  
         public void onChanged() {  
             synchronized(HorizontalListView.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();  
             }  
               
             if (mMaxX < 0) {  
                 mMaxX = 0;  
             }  
             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 + child.getPaddingRight();  
             }  
         }  
     }  
       
     public synchronized void scrollTo(int x) {  
         mScroller.startScroll(mNextX, 0, x - mNextX, 0);  
         requestLayout();  
     }  
       
     @Override  
     public boolean dispatchTouchEvent(MotionEvent ev) {  
         boolean handled = super.dispatchTouchEvent(ev);  
         handled |= mGesture.onTouchEvent(ev);  
         return handled;  
     }  
       
     protected boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,  
                 float velocityY) {  
         synchronized(HorizontalListView.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 HorizontalListView.this.onDown(e);  
         }  
   
         @Override  
         public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,  
                 float velocityY) {  
             return HorizontalListView.this.onFling(e1, e2, velocityX, velocityY);  
         }  
   
         @Override  
         public boolean onScroll(MotionEvent e1, MotionEvent e2,  
                 float distanceX, float distanceY) {  
               
             synchronized(HorizontalListView.this){  
                 mNextX += (int)distanceX;  
             }  
             requestLayout();  
               
             return true;  
         }  
   
         @Override  
         public boolean onSingleTapConfirmed(MotionEvent e) {  
             for(int i=0;i<getChildCount();i++){  
                 View child = getChildAt(i);  
                 if (isEventWithinView(e, child)) {  
                     if(mOnItemClicked != null){  
                         mOnItemClicked.onItemClick(HorizontalListView.this, child, mLeftViewIndex + 1 + i, mAdapter.getItemId( mLeftViewIndex + 1 + i ));  
                     }  
                     if(mOnItemSelected != null){  
                         mOnItemSelected.onItemSelected(HorizontalListView.this, child, mLeftViewIndex + 1 + i, mAdapter.getItemId( mLeftViewIndex + 1 + i ));  
                     }  
                     break;  
                 }  
                   
             }  
             return true;  
         }  
           
         @Override  
         public void onLongPress(MotionEvent e) {  
             int childCount = getChildCount();  
             for (int i = 0; i < childCount; i++) {  
                 View child = getChildAt(i);  
                 if (isEventWithinView(e, child)) {  
                     if (mOnItemLongClicked != null) {  
                         mOnItemLongClicked.onItemLongClick(HorizontalListView.this, child, mLeftViewIndex + 1 + i, mAdapter.getItemId(mLeftViewIndex + 1 + i));  
                     }  
                     break;  
                 }  
   
             }  
         }  
   
         private boolean isEventWithinView(MotionEvent e, View child) {  
             Rect viewRect = new Rect();  
             int[] childPosition = new int[2];  
             child.getLocationOnScreen(childPosition);  
             int left = childPosition[0];  
             int right = left + child.getWidth();  
             int top = childPosition[1];  
             int bottom = top + child.getHeight();  
             viewRect.set(left, top, right, bottom);  
             return viewRect.contains((int) e.getRawX(), (int) e.getRawY());  
         }  
     };  
   
       
   
 }  

HorizontalListViewAdapter.java

[java]view plaincopy 
   
 package org.com.cctest.adapter;  
   
 import java.util.ArrayList;  
 import java.util.List;  
   
 import org.com.cctest.R;  
 import org.com.cctest.bean.VideoBean;  
 import android.content.Context;  
 import android.view.LayoutInflater;  
 import android.view.View;  
 import android.view.ViewGroup;  
 import android.widget.BaseAdapter;  
 import android.widget.ImageView;  
 import android.widget.TextView;  
   
 public class HorizontalListViewAdapter extends BaseAdapter{  
   
     public HorizontalListViewAdapter(Context con){  
         mInflater=LayoutInflater.from(con);  
     }  
     @Override  
     public int getCount() {  
         return 5;  
     }  
     private LayoutInflater mInflater;  
     @Override  
     public Object getItem(int position) {  
         return position;  
     }  
     private ViewHolder vh    =new ViewHolder();  
     private static class ViewHolder {  
         private TextView time ;  
         private TextView title ;  
         private ImageView im;  
     }  
     @Override  
     public long getItemId(int position) {  
         return position;  
     }  
   
     @Override  
     public View getView(int position, View convertView, ViewGroup parent) {  
         if(convertView==null){  
             convertView = mInflater.inflate(R.layout.horizontallistview_item, null);  
             vh.im=(ImageView)convertView.findViewById(R.id.iv_pic);  
             vh.time=(TextView)convertView.findViewById(R.id.tv_time);  
             vh.title=(TextView)convertView.findViewById(R.id.tv_name);  
             convertView.setTag(vh);  
         }else{  
             vh=(ViewHolder)convertView.getTag();  
         }  
         vh.time.setText("00:00");  
         vh.title.setText("XXXXXX");  
         return convertView;  
     }  
 }  

horizontallistview_item.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
     android:id="@+id/rl"  
     android:layout_width="150dip"  
     android:layout_height="100dip"  
     android:background="@color/writebg" >  
   
     <!-- android:src="@drawable/test1"android:scaleType="centerCrop" -->  
   
     <ImageView  
         android:id="@+id/iv_pic"  
         android:layout_width="140dip"  
         android:layout_height="100dip"  
         android:paddingBottom="5dip"  
         android:paddingLeft="10dip"  
         android:paddingRight="10dip"  
         android:paddingTop="10dip"  
         android:scaleType="fitXY"  
         android:src="@drawable/test5"  
         />  
     <!-- android:scaleType="fitXY" -->  
   
     <TextView  
         android:id="@+id/tv_time"  
         android:layout_width="120dip"  
         android:layout_height="wrap_content"  
         android:layout_alignBottom="@+id/iv_pic"  
         android:layout_marginBottom="6dip"  
         android:layout_marginLeft="10dip"  
         android:background="#88252525"  
         android:ellipsize="end"  
         android:paddingLeft="5dip"  
         android:singleLine="true"  
         android:text="12:10"  
         android:textColor="#FFF"  
         android:textSize="10sp" />  
   
     <TextView  
         android:id="@+id/tv_name"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:layout_below="@+id/tv_time"  
         android:ellipsize="end"  
         android:maxLength="10"  
         android:paddingLeft="12dip"  
         android:paddingRight="5dip"  
         android:singleLine="true"  
         android:text="XXXXXXXXX"  
         android:textColor="@color/black"  
         android:textSize="11sp" />  
   
 </RelativeLayout>  

源码下载地址:http://download.csdn.net/detail/chen88358323/4823542

Leo--Wang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HorizontalListView 横向listview

由于优酷的客户端很酷，最近在做视频列表的时候客户要求做出类似效果，开始打算用Gallery的，不过后来发现横向的listview就可以解决这个问题，所以特此记录下，膜拜下国外的大牛，源码的传送门在这里HorizontalListViewActivity.java[java] view plain copypackage org.c
复制链接

扫一扫