Android列表视图与不同的布局每行

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

205195 次浏览
小开

在您的自定义数组适配器中，您重写了getView()方法，正如您所熟悉的那样。然后，您所要做的就是使用switch语句或if语句来返回某个自定义视图，这取决于传递给getView方法的位置参数。Android很聪明，它只会给你一个convertView的适当类型的位置/行;您不需要检查它是正确的类型。你可以通过适当地重写getItemViewType()和getViewTypeCount()方法来帮助Android。

小开
最佳答案

因为你知道你会有多少类型的布局-这是可能的使用这些方法。

getViewTypeCount() -这个方法返回列表中有多少类型的行

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

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

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

为了实现你在评论中描述的结构优化，我建议:

  • 将视图存储在名为ViewHolder的对象中。这将提高速度，因为你不必在getView方法中每次都调用findViewById()。看到API演示中的列表14。
  • 创建一个通用的布局，将符合所有的属性组合，并隐藏一些元素，如果当前位置没有它。

我希望这对你有帮助。如果您能够提供一些XML存根，其中包含数据结构和您希望如何将其映射到行的信息，那么我将能够给您提供更精确的建议。由像素。

小开

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

你已经知道了基础知识。您只需要让自定义适配器根据所提供的行/游标信息返回不同的布局/视图。

ListView可以支持多种行样式，因为它起源于AdapterView:

AdapterView是一个视图 .< em>，其子节点由适配器决定

如果你看一下适配器，你会看到使用特定行视图的方法:

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 ...

后两个方法提供位置，所以你可以使用它来确定视图类型，你应该使用for that row。

当然，您通常不会直接使用AdapterView和Adapter，而是使用或派生自它们的一个子类。Adapter的子类可以添加额外的功能，改变如何获得不同行的自定义布局。由于给定行所使用的视图是由适配器驱动的，诀窍是让适配器为给定行返回所需的视图如何做到这一点取决于特定的适配器。

例如，要使用ArrayAdapter，

  • 重写getView()来膨胀、填充并返回给定位置所需的视图。getView()方法包括通过convertView参数重用视图的机会。

但是要使用CursorAdapter的导数，

  • 覆盖newView()来膨胀、填充并返回当前游标状态(即当前“行”)所需的视图[你还需要覆盖bindView，以便小部件可以重用视图]

然而，要使用SimpleCursorAdapter，

  • 用setViewValue()方法定义SimpleCursorAdapter.ViewBinder，为给定的行(当前游标状态)和数据“列”膨胀、填充并返回所需的视图。该方法可以只定义“特殊”视图，并对“普通”绑定遵循SimpleCursorAdapter的标准行为。

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

小开

如果我们需要在列表视图中显示不同类型的视图，那么最好在适配器中使用getViewTypeCount()和getItemViewType()，而不是切换视图view。不见了。在getView()中，VISIBLE是非常昂贵的任务，它会影响列表滚动。

请检查这一个在适配器中使用getViewTypeCount()和getItemViewType()。

链接:the-use-of-getviewtypecount

小开
ListView是为简单的用例设计的，比如对所有行项使用相同的静态视图 由于你必须创建ViewHolders并大量使用getItemViewType()，并动态显示不同的行项布局xml，你应该尝试使用RecyclerView来做，这在Android API 22中可用。它为多种视图类型提供了更好的支持和结构。< / p >

看看这个教程关于如何使用RecyclerView来做你正在寻找的事情。

小开

请看下面的代码。

首先，我们创建自定义布局。在本例中，有四种类型。

even.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>

odd.xml

<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操作系统会保留布局引用，以便在项目消失并重新出现在屏幕上时重用它。如果你不使用这种方法，每次你的项目出现在屏幕上，Android操作系统都会创建一个新的项目，导致你的应用程序泄漏内存。

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中创建一个列表视图 这样的< / p > 

<?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>

提交答案