Android ListView每行具有不同的布局


348

我试图确定最好的方法来拥有一个单独的ListView,其中每行包含不同的布局。我知道如何创建自定义行+自定义数组适配器以支持整个列表视图的自定义行,但是如何在ListView中实现许多不同的行样式?


1
更新:对于多行布局使用演示Android的RecyclerView code2concept.blogspot.in/2015/10/...
nitesh

Answers:


413

既然您知道布局类型有多少种,就可以使用这些方法。

getViewTypeCount() -此方法返回信息您列表中有多少种行

getItemViewType(int position) -返回信息,您应该根据位置使用哪种布局类型

然后,仅当布局为null时才对其进行膨胀,并使用确定类型getItemViewType

查看本教程以获取更多信息。

为了实现您在评论中描述的结构上的一些优化,我建议:

  • 将视图存储在名为的对象中ViewHolder。这将提高速度,因为您不必findViewById()每次都在getView方法中调用。请参阅API演示中的List14
  • 创建一个通用布局,该布局将符合属性的所有组合,并在当前位置不存在时隐藏一些元素。

希望对您有所帮助。如果您可以为XML存根提供数据结构和信息,那么您将如何精确地将其映射到行中,我将为您提供更精确的建议。按像素。


感谢博客非常好,但我添加了复选框。我在检查第一个项目并滚动列表时遇到问题。奇怪的匿名项目在哪里得到检查。您能为此提供解决方案吗?谢谢
Lalit Poptani 2011年

2
很抱歉再次进行挖掘,但实际上您会建议使用一个大的布局文件并控制它的各个部分的可见性,而不是使用单独的布局文件(分别使用getItemViewType进行充气)?
Makibo

2
你也可以那样做。尽管我仍然更喜欢这里公开的方式。它使您想要实现的目标更加清晰。
克里斯蒂安

但是在多重布局策略中,我们无法正确使用视图持有人,因为setTag只能包含一个视图持有人,并且每当行布局再次切换时,我们都需要调用findViewById()。这使得listview的性能非常低。我个人经历过它,您对此有何建议?
pyus13 2014年

@ pyus13可以在单个视图持有者中声明任意多个视图,并且不必使用在视图持有者中声明的每个视图。如果需要示例代码,请告诉我,我将其发布。
Ahmad Ali Nasir 2014年

62

我知道如何创建自定义行+自定义数组适配器以支持整个列表视图的自定义行。但是一个listview如何支持许多不同的行样式?

您已经了解基础知识。您只需要获取自定义适配器即可根据提供的行/光标信息返回不同的布局/视图。

一个ListView可以支持多行的风格,因为它派生自适配器视图

AdapterView是一个视图,其子视图由Adapter确定。

如果您查看Adapter,您将看到说明使用特定于行的视图的方法:

abstract int getViewTypeCount()
// Returns the number of types of Views that will be created ...

abstract int getItemViewType(int position)
// Get the type of View that will be created ...

abstract View getView(int position, View convertView, ViewGroup parent)
// Get a View that displays the data ...

后两种方法提供了位置,因此您可以使用它来确定应该用于该行的视图的类型


当然,您通常不直接使用AdapterView和Adapter,而是使用或派生自它们的子类之一。Adapter的子类可能会添加其他功能,这些功能会更改如何获取不同行的自定义布局。 由于用于给定行的视图是由适配器驱动的,所以窍门是让适配器返回给定行的所需视图。具体操作取决于具体的适配器。

例如,要使用ArrayAdapter

  • 覆盖getView()以充气,填充并返回给定位置的所需视图。该getView()方法包括通过convertView参数的机会重用视图。

但是要使用CursorAdapter的派生类,

  • 覆盖newView()以为当前光标状态(即当前“行”)充气,填充并返回所需的视图(您还需要覆盖bindView以便小部件可以重用视图)

但是,要使用SimpleCursorAdapter

  • SimpleCursorAdapter.ViewBinder使用一种setViewValue()方法来定义,以针对给定的行(当前光标状态)和数据“列”填充,填充并返回所需的视图。该方法只能定义“特殊”视图,并遵循SimpleCursorAdapter的“常规”绑定的标准行为。

查找特定的示例/教程以了解最终使用的适配器的类型。


对于哪种适配器类型最适合灵活实现适配器,您有何想法?我为此在董事会上添加了另一个问题。
Androider 2011年

1
@Androider-“最灵活的最佳选择”是开放式的-没有满足所有需求的“万事俱备”类。它是一个丰富的层次结构-取决于子类中是否有对您的目的有用的功能。如果是这样,则从该子类开始;如果不是,请移至BaseAdapter。从BaseAdapter派生将是最“灵活的”,但在代码重用和成熟度方面却是最糟糕的,因为它没有利用其他适配器已经具备的知识和成熟度。 BaseAdapter是否有其他适配器不适合的非标准环境。
Bert F

3
+1用于区分CursorAdapter和和SimpleCursorAdapter
Giulio Piancastelli

1
还请注意,如果您重写ArrayAdapter,那么给构造器指定什么布局都没关系,只要getView()膨胀并返回正确的布局类型即可
woojoo666 2014年

1
应当指出,getViewTypeCount()每次调用仅触发一次ListView.setAdapter(),而不是每次触发一次Adapter.notifyDataSetChanged()
hidro

43

看下面的代码。

首先,我们创建自定义布局。在这种情况下,有四种类型。

甚至.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#ff500000"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:textColor="@android:color/white"
        android:layout_width="match_parent"
        android:layout_gravity="center"
        android:textSize="24sp"
        android:layout_height="wrap_content" />

 </LinearLayout>

奇数

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#ff001f50"
    android:gravity="right"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:textColor="@android:color/white"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:textSize="28sp"
        android:layout_height="wrap_content"  />

 </LinearLayout>

white.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#ffffffff"
    android:gravity="right"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:textColor="@android:color/black"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:textSize="28sp"
        android:layout_height="wrap_content"   />

 </LinearLayout>

black.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#ff000000"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:textColor="@android:color/white"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:textSize="33sp"
        android:layout_height="wrap_content"   />

 </LinearLayout>

然后,我们创建listview项目。在我们的例子中,带有字符串和类型。

public class ListViewItem {
        private String text;
        private int type;

        public ListViewItem(String text, int type) {
            this.text = text;
            this.type = type;
        }

        public String getText() {
            return text;
        }

        public void setText(String text) {
            this.text = text;
        }

        public int getType() {
            return type;
        }

        public void setType(int type) {
            this.type = type;
        }

    }

之后,我们创建一个视图持有者。强烈建议您使用,因为Android OS会保留布局参考,以便在项目消失并重新出现在屏幕上时重新使用您的项目。如果您不使用这种方法,那么每次您的项目出现在屏幕上时,Android OS都会创建一个新的项目,并导致您的应用程序泄漏内存。

public class ViewHolder {
        TextView text;

        public ViewHolder(TextView text) {
            this.text = text;
        }

        public TextView getText() {
            return text;
        }

        public void setText(TextView text) {
            this.text = text;
        }

    }

最后,我们创建覆盖getViewTypeCount()和getItemViewType(int position)的自定义适配器。

public class CustomAdapter extends ArrayAdapter {

        public static final int TYPE_ODD = 0;
        public static final int TYPE_EVEN = 1;
        public static final int TYPE_WHITE = 2;
        public static final int TYPE_BLACK = 3;

        private ListViewItem[] objects;

        @Override
        public int getViewTypeCount() {
            return 4;
        }

        @Override
        public int getItemViewType(int position) {
            return objects[position].getType();
        }

        public CustomAdapter(Context context, int resource, ListViewItem[] objects) {
            super(context, resource, objects);
            this.objects = objects;
        }

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

            ViewHolder viewHolder = null;
            ListViewItem listViewItem = objects[position];
            int listViewItemType = getItemViewType(position);


            if (convertView == null) {

                if (listViewItemType == TYPE_EVEN) {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.type_even, null);
                } else if (listViewItemType == TYPE_ODD) {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.type_odd, null);
                } else if (listViewItemType == TYPE_WHITE) {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.type_white, null);
                } else {
                    convertView = LayoutInflater.from(getContext()).inflate(R.layout.type_black, null);
                }

                TextView textView = (TextView) convertView.findViewById(R.id.text);
                viewHolder = new ViewHolder(textView);

                convertView.setTag(viewHolder);

            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }

            viewHolder.getText().setText(listViewItem.getText());

            return convertView;
        }

    }

我们的活动是这样的:

private ListView listView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main); // here, you can create a single layout with a listview

        listView = (ListView) findViewById(R.id.listview);

        final ListViewItem[] items = new ListViewItem[40];

        for (int i = 0; i < items.length; i++) {
            if (i == 4) {
                items[i] = new ListViewItem("White " + i, CustomAdapter.TYPE_WHITE);
            } else if (i == 9) {
                items[i] = new ListViewItem("Black " + i, CustomAdapter.TYPE_BLACK);
            } else if (i % 2 == 0) {
                items[i] = new ListViewItem("EVEN " + i, CustomAdapter.TYPE_EVEN);
            } else {
                items[i] = new ListViewItem("ODD " + i, CustomAdapter.TYPE_ODD);
            }
        }

        CustomAdapter customAdapter = new CustomAdapter(this, R.id.text, items);
        listView.setAdapter(customAdapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView adapterView, View view, int i, long l) {
                Toast.makeText(getBaseContext(), items[i].getText(), Toast.LENGTH_SHORT).show();
            }
        });

    }
}

现在像这样在mainactivity.xml中创建一个listview

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.example.shivnandan.gygy.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <ListView
        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:id="@+id/listView"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"


        android:layout_marginTop="100dp" />

</android.support.design.widget.CoordinatorLayout>

<include layout =“ @ layout / content_main” />哪里来的
nyxee

我只需要(convertView == null)子句。并不需要“viewholder”
Jomme

14

在您自定义的数组适配器中,您可能覆盖了您大概熟悉的getView()方法。然后,您所要做的就是使用switch语句或if语句根据传递给getView方法的position参数返回某个自定义View。Android很聪明,因为它只会为您的位置/行提供适当类型的convertView;您无需检查其类型是否正确。您可以通过适当地重写getItemViewType()和getViewTypeCount()方法来帮助Android。


4

如果我们需要在列表视图中显示不同类型的视图,则最好在适配器中使用getViewTypeCount()和getItemViewType()而不是切换视图VIEW.GONE和VIEW.VISIBLE是getView()中非常昂贵的任务,它将影响列表滚动。

请选中此选项以在Adapter中使用getViewTypeCount()和getItemViewType()。

链接:getview的使用类型计数


1

ListView适用于简单的用例,例如所有行项目都使用相同的静态视图。
由于您必须创建ViewHolders并大量使用getItemViewType(),并动态显示不同的行项目布局xml,因此您应尝试使用Android API 22中提供的RecyclerView进行此操作。它为多种视图类型提供了更好的支持和结构。

查看本教程,了解如何使用RecyclerView来完成所需的工作。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.