Android列表视图滞后于复杂的布局

Question

如标题所说，我创建了列表视图，其中每个项目显示图像、三行文本和一个按钮，但即使在三星 Galaxy Mega 双核中，该视图也非常滞后，这里是我的项目视图 xml

<RelativeLayout
    android:gravity="center_vertical"
    android:padding="5.0dip"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:minHeight="?android:listPreferredItemHeight"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView
        android:id="@+id/compositeListViewItemThumbnailImage"
        android:layout_width="60.0dip"
        android:layout_height="60.0dip"
        android:src="@drawable/ic_launcher"
        android:scaleType="fitCenter"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_alignWithParentIfMissing="true"
        android:contentDescription="@string/_empty_strings" />
    <LinearLayout
        android:orientation="vertical"
        android:id="@+id/compositeListViewItemFirstLinearLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/compositeListViewItemThumbnailImage"
        android:layout_alignTop="@+id/compositeListViewItemThumbnailImage"
        android:layout_alignBottom="@+id/compositeListViewItemThumbnailImage"
        android:layout_alignParentRight="true">
        <TextView
            android:textSize="16.0sp"
            android:gravity="center_vertical"
            android:id="@+id/compositeListViewItemFirstLineText"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/hello_world"
            android:singleLine="true"
            android:ellipsize="marquee"
            android:lines="1"
            android:inputType="textNoSuggestions" />
        <TextView
            android:textSize="12.0sp"
            android:id="@+id/compositeListViewItemSecondLineText"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/hello_world"
            android:singleLine="true"
            android:ellipsize="marquee"
            android:lines="1"
            android:inputType="textNoSuggestions" />
        <TextView
            android:textSize="14.0sp"
            android:singleLine="true"
            android:ellipsize="marquee"
            android:lines="1"
            android:layout_gravity="center_vertical"
            android:id="@+id/compositeListViewItemThirdLineText"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/hello_world"
            android:inputType="textNoSuggestions" />
    </LinearLayout>
    <Button
        android:id="@+id/compositeListViewItemActionButton"
        android:paddingLeft="5.0dip"
        android:paddingTop="5.0dip"
        android:paddingRight="5.0dip"
        android:paddingBottom="5.0dip"
        android:focusable="false"
        android:layout_width="wrap_content"
        android:layout_height="30.0dip"
        android:layout_marginTop="30.0dip"
        android:layout_marginRight="0.0dip"
        android:text="@string/hello_world"
        android:layout_alignParentRight="true"
        style="?android:attr/buttonStyleSmall" />
</RelativeLayout>

因为它可能/可能不受适配器视图的影响，所以我也把它放在这里

public class SimpleAdapter extends ArrayAdapter implements Serializable {
    private ArrayList<?> items;
    private int itemLayout;
    private String[] itemFieldsName;
    private int[] itemElements;
    private Context ctx;

    public SimpleAdapter(Context ctx, ArrayList<?> items, int itemLayout, int[] itemElements, String[] itemFieldsName) {
        super(ctx, itemLayout, items);
        this.items = items;
        this.itemElements = itemElements;
        this.itemLayout = itemLayout;
        this.itemFieldsName = itemFieldsName;
        this.ctx = ctx;
    }

    public View getView(int position, View convertView, ViewGroup parent) {
        View itemView = convertView;
        if (itemView == null) {
            itemView = ((LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(this.itemLayout, null);
        }
        Object item = this.items.get(position);
        for (int i = 0; i < this.itemElements.length; i++) {
            Object value = getValue(item, Character.toUpperCase(this.itemFieldsName[i].charAt(0)) + this.itemFieldsName[i].substring(1));
            View elementView = null;
            if (itemView != null) {
                elementView = itemView.findViewById(this.itemElements[i]);
                if ((elementView instanceof TextView)) {
                    ((TextView) elementView).setText(value.toString());
                } else if ((elementView instanceof SmartImageView)) {
                    ((SmartImageView) elementView).setImageUrl(value.toString());
                } else if ((elementView instanceof Button)) {
                    ((Button) elementView).setText(value.toString());
                }
            }
        }
        return itemView;
    }

    private Object getValue(Object obj, String fieldName) {
        ArrayList<String> fieldsName = new ArrayList<String>();
        int length;
        String str = Character.toUpperCase(fieldName.charAt(0)) + fieldName.substring(1);
        Object value = new Object();
        try {
            value = obj.getClass().getMethod("get" + str, new Class[0]).invoke(obj);
        } catch (Exception ex) {
            value = fieldName;
        }
        return value;
    }

    private String trimString(String string, int length, boolean soft) {
        if(string == null || string.trim().isEmpty()){
            return string;
        }
        StringBuffer sb = new StringBuffer(string);
        int actualLength = length - 3;
        if(sb.length() > actualLength){
            if(!soft)
                return sb.insert(actualLength, "...").substring(0, actualLength+3);
            else {
                int endIndex = sb.indexOf(" ",actualLength);
                return sb.insert(endIndex,"...").substring(0, endIndex+3);
            }
        }
        return string;
    }
}

谁能告诉我哪里错了？，

如果您需要更多解释/代码资源，请告诉我

Answer 1

在膨胀的布局中查找内部视图是 Android 中最常见的操作之一。这通常通过名为 findViewById() 的 View 方法完成。此方法将递归地遍历视图树以查找具有给定 IDcode 的子项。在静态 UI 布局上使用 findViewById() 完全没问题，但正如您所见，ListView 在滚动时非常频繁地调用适配器的 getView()。 findViewById() 可能会明显影响 ListViews 中的滚动性能——尤其是在您的行布局不重要的情况下。

View Holder 模式是关于减少适配器 getView() 中的 findViewById() 调用次数。实际上，View Holder 是一个轻量级的内部类，它保存对一行中所有内部视图的直接引用。膨胀后将其作为标签存储在行视图中。这样，您只需在第一次创建布局时使用 findViewById()。这是应用了 View Holder 模式的代码示例：

public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;

if (convertView == null) {
    convertView = mInflater.inflate(R.layout.your_layout, null);

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

    convertView.setTag(holder);
} else {
    holder = convertView.getTag();
}

holder.text.setText("Position " + position);

return convertView;

}

private static class ViewHolder {
public TextView text;

}

Answer 2

android:singleLine 存在一个已知问题，它会严重影响 ListViews 的性能。请看这个问题Why does android:singleLine="true" make ListView scrolling very laggy?

从您的布局中删除它并改用 maxLines。