android:如何使用无限滚动制作无限滚动视图

时间:2013-10-19 17:42:34

标签: android scrollview android-scrollview

我想要一个代码让ScrollView一遍又一遍地滚动显示相同的图像。

这对于布局非常好,我想知道在无限滚动的情况下将其添加到ScrollView所需的代码是什么。

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >

<HorizontalScrollView
    android:id="@+id/horizontalScrollView1"
    android:layout_width="match_parent"

    android:layout_height="wrap_content" >

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

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />
           <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />
           <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />


    </LinearLayout>
</HorizontalScrollView>

2 个答案:

答案 0 :(得分:8)

使用稍加修改的ListViewAdapter来拥有“无限”元素

以下是支持此行为的Adapter的更改:

@Override
public int getCount()
{
    return Integer.MAX_VALUE;
}

@Override
public ImageItem getItem(int position) 
{
    return mItems.get(position % mItems.size());
}

基本上你通过告诉它计数是MAX_INT来欺骗它然后当你去获得一个项目时使用mod来获得序列中的正确项目。

有些人已经提出了不同的解决方案。

见这里:Android Endless List

和CommonsWare也有一个支持这种行为的组件:https://github.com/commonsguy/cwac-endless

答案 1 :(得分:5)

FoamGuy的回答是正确的。 但是为了使列表向后移动,就像在无限转盘中一样,我还通过调用以下方法将默认元素设置为Integer.MAX_VALUE / 2来欺骗系统:

listView.setSelection( Integer.MAX_VALUE/2 );

用户很可能不会向后滚动10亿个元素,这会使无限旋转木马在两个方向上产生影响。

我还对BaseAdapter自定义实现进行了一些其他修改:

@Override
public Object getItem(int position) {
    if ( model.getSize()==0 ) {
        return null;
    }

    // mod the list index to the actual element count
    return model.getElementAtPosition( position%model.getSize() );
}

@Override
public long getItemId(int position) {
    if ( model.getSize()==0 ) {
        return -1;
    }

    // same as above
    return model.getElementAtPosition( position%model.getSize() ).id;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {

    if ( model.getSize()==0 ) {
        return null;
    }

    // also make sure to point to the appropriate element in your model otherwise you 
    // would end up building millions of views.
    position%=model.getSize();

    View front= convertView;

    if ( convertView==null ) {
        // inflate/build your list item view
    }

    ...
}

这样,列表就像旋转木马一样旋转,没有额外的内存分配,用于不需要的视图。