android listview 横向滚动,Android支持水平滚动的ListView控件
前言
ListView是一個(gè)縱向滾動(dòng)的列表視圖,也有朋友嵌套HorizontalScrollView來實(shí)現(xiàn),比如這里,但在ListView的API中明確指明了兩者不可同時(shí)使用。本文分享一種辦法,以方便有此需求的朋友。
正文
一、本文目標(biāo)
效果圖:
a). 支持ListView橫行滾動(dòng)
b). 支持固定第一列
二、 實(shí)現(xiàn)代碼
2.1 Java類
自定義控件HVListView
/**
* 自定義支持橫向滾動(dòng)的ListView
* @author 農(nóng)民伯伯
*
*/
publicclass HVListView extends ListView {
/** 手勢 */
private GestureDetector mGesture;
/** 列頭 */
public LinearLayout mListHead;
/** 偏移坐標(biāo) */
privateint mOffset = 0;
/** 屏幕寬度 */
privateint screenWidth;
/** 構(gòu)造函數(shù) */
public HVListView(Context context, AttributeSet attrs) {
super(context, attrs);
mGesture = new GestureDetector(context, mOnGesture);
}
/** 分發(fā)觸摸事件 */
@Override
publicboolean dispatchTouchEvent(MotionEvent ev) {
super.dispatchTouchEvent(ev);
return mGesture.onTouchEvent(ev);
}
/** 手勢 */
private OnGestureListener mOnGesture = new GestureDetector.SimpleOnGestureListener() {
@Override
publicboolean onDown(MotionEvent e) {
returntrue;
}
@Override
publicboolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
returnfalse;
}
/** 滾動(dòng) */
@Override
publicboolean onScroll(MotionEvent e1, MotionEvent e2,
float distanceX, float distanceY) {
synchronized (HVListView.this) {
int moveX = (int) distanceX;
int curX = mListHead.getScrollX();
int scrollWidth = getWidth();
int dx = moveX;
//控制越界問題
if (curX + moveX < 0)
dx = 0;
if (curX + moveX + getScreenWidth() > scrollWidth)
dx = scrollWidth - getScreenWidth() - curX;
mOffset += dx;
//根據(jù)手勢滾動(dòng)Item視圖
for (int i = 0, j = getChildCount(); i < j; i++) {
View child = ((ViewGroup) getChildAt(i)).getChildAt(1);
if (child.getScrollX() != mOffset)
child.scrollTo(mOffset, 0);
}
mListHead.scrollBy(dx, 0);
}
requestLayout();
returntrue;
}
};
/**
* 獲取屏幕可見范圍內(nèi)最大屏幕
* @return
*/
publicint getScreenWidth() {
if (screenWidth == 0) {
screenWidth = getContext().getResources().getDisplayMetrics().widthPixels;
if (getChildAt(0) != null) {
screenWidth -= ((ViewGroup) getChildAt(0)).getChildAt(0)
.getMeasuredWidth();
} elseif (mListHead != null) {
//減去固定第一列
screenWidth -= mListHead.getChildAt(0).getMeasuredWidth();
}
}
return screenWidth;
}
/** 獲取列頭偏移量 */
publicint getHeadScrollX() {
return mListHead.getScrollX();
}
}
代碼說明:
自定義HVListView繼承自ListView,增加了橫向手勢監(jiān)聽,并在橫向滾動(dòng)時(shí)手動(dòng)觸發(fā)Layout容器內(nèi)的滾動(dòng)。
Activity
publicclass TestHVListViewActivity extends Activity {
private LayoutInflater mInflater;
private HVListView mListView;
/** Called when the activity is first created. */
@Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mListView = (HVListView) findViewById(android.R.id.list);
//設(shè)置列頭
mListView.mListHead = (LinearLayout) findViewById(R.id.head);
//設(shè)置數(shù)據(jù)
mListView.setAdapter(new DataAdapter());
mInflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
}
privateclass DataAdapter extends BaseAdapter {
@Override
publicint getCount() {
return 50;//固定顯示50行數(shù)據(jù)
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
convertView = mInflater.inflate(R.layout.item, null);
}
for (int i = 0; i < 8; i++) {
((TextView) convertView.findViewById(R.id.item2 + i)).setText("數(shù)據(jù)" + position + "行" + (i + 2) + "列");
}
//校正(處理同時(shí)上下和左右滾動(dòng)出現(xiàn)錯(cuò)位情況)
View child = ((ViewGroup) convertView).getChildAt(1);
int head = mListView.getHeadScrollX();
if (child.getScrollX() != head) {
child.scrollTo(mListView.getHeadScrollX(), 0);
}
return convertView;
}
@Override
public Object getItem(int position) {
returnnull;
}
@Override
publiclong getItemId(int position) {
return 0;
}
}
}
代碼說明:
為ListView提供了模擬數(shù)據(jù)。注意getView里面還有一段代碼是校驗(yàn),是專門處理同時(shí)橫向和縱向滾動(dòng)出現(xiàn)錯(cuò)位的情況。
2.2 XML文件
main.xml<?xml version="1.0" encoding="utf-8"?>
android:orientation="vertical" android:background="#eeffcc"
android:layout_width="wrap_content" android:layout_height="fill_parent">
android:background="#FFB84D" android:fastScrollEnabled="true"
android:fadingEdgeLength="0.0sp" android:layout_width="1400.0dip"
android:layout_height="fill_parent" android:drawSelectorOnTop="false"
android:cacheColorHint="@null" android:dividerHeight="1.0dip">
代碼說明:
注意這里需要指定HVListView的layout_width為滑動(dòng)范圍值,由item累加。
item.xml
android:orientation="horizontal" android:layout_width="wrap_content"
android:layout_height="wrap_content">
android:textSize="20.0sp" android:gravity="center"
android:layout_width="100.0dip" android:layout_height="wrap_content">
android:layout_width="1200.0dip" android:layout_height="wrap_content">
android:textColor="@android:color/black" android:textSize="20.0sp"
android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content">
android:textSize="20.0sp" android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content">
android:textColor="@android:color/black" android:textSize="20.0sp"
android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content">
android:textSize="20.0sp" android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content">
android:textColor="@android:color/black" android:textSize="20.0sp"
android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content">
android:textSize="20.0sp" android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content">
android:textColor="@android:color/black" android:textSize="20.0sp"
android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content">
android:textSize="20.0sp" android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content">
代碼說明:
注意指定了每一個(gè)TextView的寬度為固定寬度,這樣表格看起來就比較整齊。
三、注意問題
從代碼看得出,本辦法只能算個(gè)笨辦法,能滿足基本需求,比較麻煩的是需要自己來指定固定寬度。在企業(yè)應(yīng)用展示多行多列數(shù)據(jù)時(shí)還是非常有用的,比如炒股軟件也有這樣的需求。
特別提醒大家注意設(shè)置固定寬度,還需要把最外面的容器的寬度設(shè)置為warp_content,以便支持容器內(nèi)能夠延伸。
當(dāng)前不支持Fling操作,所以即使用力滑也不好滑太多,希望在后續(xù)版本改進(jìn)。
四、代碼下載
總結(jié)
以上是生活随笔為你收集整理的android listview 横向滚动,Android支持水平滚动的ListView控件的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 内存升级大揭秘:从ddr3到ddr4,速
- 下一篇: android自定义滤镜,【Androi