我的横向ListView为什么一滑动就错位了呢？

刚开始是

============================================================================

一滑动就变成我的横向ListView为什么一滑动就错位了呢？

一页中有三条数据以上就不会出现这种情况

11 个解决方案

#1

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="${relativePackage}.${activityClass}" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#27489c" >

        <ImageView
            android:id="@+id/back"
            android:layout_width="wrap_content"
            android:layout_height="56dp"
            android:paddingBottom="10dp"
            android:paddingLeft="30dp"
            android:paddingRight="30dp"
            android:paddingTop="10dp"
            android:src="@drawable/back" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="多媒体"
            android:textColor="#FFF"
            android:textSize="20sp" />
    </RelativeLayout>

    <LinearLayout
        android:id="@+id/rl_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/tv_year"
            android:layout_width="210dp"
            android:layout_height="wrap_content"
            android:background="#4427489c"
            android:gravity="center"
            android:text="年份"
            android:textSize="24sp" />

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="名称"
            android:textSize="24sp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <ListView
            android:id="@+id/listview"
            android:layout_width="210dp"
            android:layout_height="match_parent"
            android:background="#5527489c" >
        </ListView>
        <com.timeloit.media.HorizontialListView
            android:id="@+id/list"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

    <TextView
        android:id="@+id/empty"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:textColor="#000"
        android:textSize="18sp"
        android:visibility="gone" />

</LinearLayout>

==================================================================
这是布局

#2

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="25dp"
        android:layout_gravity="center"
        android:paddingRight="25dp"
        android:paddingTop="200dp" >

        <ImageView
            android:id="@+id/item_img"
            android:layout_width="300dp"
            android:layout_height="200dp"
            android:layout_gravity="center"
            android:scaleType="centerCrop"
            android:src="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/item_play"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/play" />
    </FrameLayout>

    <TextView
        android:id="@+id/tv_video_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="20dp"
        android:paddingRight="25dp"
        android:text="我的视频" />

</LinearLayout>

==============================================================================
这是每个itme

#3

有没有大牛，急急急！！！

#4

看你的照片完全看不出怎么个横向滑动效果你要怎么滑？滑啥？

#5

引用 4 楼 tudouzi007 的回复:

看你的照片完全看不出怎么个横向滑动效果你要怎么滑？滑啥？

你是要
①这一横排是一个listview
还是
②因为listview的子布局长度超过屏幕所以需要滑动才能看见
你想要那种效果呢
不管哪种都是要自定义控件的网上都有你懒得找我也可以给你我找到的

#6

引用 5 楼 tudouzi007 的回复:

Quote: 引用 4 楼 tudouzi007 的回复:

看你的照片完全看不出怎么个横向滑动效果你要怎么滑？滑啥？

你是要
①这一横排是一个listview
还是
②因为listview的子布局长度超过屏幕所以需要滑动才能看见
你想要那种效果呢
不管哪种都是要自定义控件的网上都有你懒得找我也可以给你我找到的

意思就是第一张图是初始状况是正常的但是只要在屏幕上一滑不管上下还是左右就变成第二张图了然后就动不了了
listview是横向从左往右的我知道一张图确实不能滑但是也不能跑最后面啊应该不动的我的一横排能放三张当数据大于等于三时就可以正常左右滑动了我也不知道原因是什么

#7

引用 5 楼 tudouzi007 的回复:

Quote: 引用 4 楼 tudouzi007 的回复:

看你的照片完全看不出怎么个横向滑动效果你要怎么滑？滑啥？

你是要
①这一横排是一个listview
还是
②因为listview的子布局长度超过屏幕所以需要滑动才能看见
你想要那种效果呢
不管哪种都是要自定义控件的网上都有你懒得找我也可以给你我找到的

我用的就是网上自定义的可以用就是不知道为什么当item 不足够占满全屏对我项目来说就是数据小于三个的时候位置就跑了

#8

这是我的横向滑动工具类
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());
}
};
}
我把adapter里的getCount改成1没有发生你的错误，可能你的工具类不对或者还是你哪块写的有问题，没有代码我也不知道哪错了，你还是在好好看看代码吧
希望我的工具类对你有所帮助

#9

我的工具类就比你少最后两个方法跟这个有没有关系？

#10

引用 9 楼 boystyle_YY 的回复:

我的工具类就比你少最后两个方法跟这个有没有关系？

最后的这个方法isEventWithinView在上面很多地方都用到了，你没有居然不报错？那是不是可以理解为你上面也没有用到这个方法，那么就是说你和我这个差的不止最后两个方法了.....
其实我也不知道这些方法是干啥的，但是肯定的是这个类好用，能满足横向滑动效果，
然后就没在研究了，拿来就用了
你也可以试试这个类，替换试试

#11

不是很清楚呢

#1

#2

#3

有没有大牛，急急急！！！

#4

看你的照片完全看不出怎么个横向滑动效果你要怎么滑？滑啥？

#5

引用 4 楼 tudouzi007 的回复:

看你的照片完全看不出怎么个横向滑动效果你要怎么滑？滑啥？

#6

引用 5 楼 tudouzi007 的回复:

Quote: 引用 4 楼 tudouzi007 的回复:

看你的照片完全看不出怎么个横向滑动效果你要怎么滑？滑啥？

你是要
①这一横排是一个listview
还是
②因为listview的子布局长度超过屏幕所以需要滑动才能看见
你想要那种效果呢
不管哪种都是要自定义控件的网上都有你懒得找我也可以给你我找到的

#7

引用 5 楼 tudouzi007 的回复:

Quote: 引用 4 楼 tudouzi007 的回复:

看你的照片完全看不出怎么个横向滑动效果你要怎么滑？滑啥？

你是要
①这一横排是一个listview
还是
②因为listview的子布局长度超过屏幕所以需要滑动才能看见
你想要那种效果呢
不管哪种都是要自定义控件的网上都有你懒得找我也可以给你我找到的

我用的就是网上自定义的可以用就是不知道为什么当item 不足够占满全屏对我项目来说就是数据小于三个的时候位置就跑了

#8

#9

我的工具类就比你少最后两个方法跟这个有没有关系？

#10

引用 9 楼 boystyle_YY 的回复:

我的工具类就比你少最后两个方法跟这个有没有关系？

#11

不是很清楚呢

秒客网

我的横向ListView为什么一滑动就错位了呢？

11 个解决方案

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

相关文章