我使用像这样从网络加载的图像创建了一个自定义 ListView 布局:

http://i.stack.imgur.com/l8ZOc.png

向下滚动时效果很好。但是，当您向下滚动时，之前的项目会离开屏幕然后被销毁。当您尝试再次向上滚动时，它会再次加载(从缓存中加载，速度更快但不是即时的)，这会导致延迟并且它不应该是流畅的。

1.是否有正确执行此操作的示例？
2.有没有办法防止listview项在屏幕外时被销毁？
3.如果是这样，元素放多了会不会出问题？

下面是我的代码:

菜单适配器:

public class MenuAdapter extends BaseAdapter{

    Context context;
    List<MyMenuItem> menuItems;

    MenuAdapter(Context context, List<MyMenuItem> menuItems) {
        this.context = context;
        this.menuItems = menuItems;
    }

    @Override
    public int getCount() {
        return menuItems.size();
    }

    @Override
    public Object getItem(int position) {
        return menuItems.get(position);
    }

    @Override
    public long getItemId(int position) {
        return menuItems.indexOf(getItem(position));
    }

    private class ViewHolder {
        ImageView ivMenu;
        TextView tvMenuHeader;
    }



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

        ViewHolder holder = null;

        LayoutInflater mInflater = (LayoutInflater) context.getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
        if (convertView == null) {
            convertView = mInflater.inflate(R.layout.menu_item, null);
            holder = new ViewHolder();

            holder.tvMenuHeader = (TextView) convertView.findViewById(R.id.tvMenuHeader);
            holder.ivMenu = (ImageView) convertView.findViewById(R.id.ivMenuItem);

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

        MyMenuItem row_pos = menuItems.get(position);

        Picasso.with(context)
                .load(row_pos.getItem_image_url())
                .into(holder.ivMenu);

        holder.tvMenuHeader.setText(row_pos.getItem_header());

        Log.e("Test", "headers:" + row_pos.getItem_header());
        return convertView;
    }

}

我的菜单项:

public class MyMenuItem {

    private String item_header;
    private String item_image_url;

    public MyMenuItem(String item_header, String item_image_url){
        this.item_header=item_header;
        this.item_image_url=item_image_url;
    }

    public String getItem_header(){
        return item_header;
    }

    public void setItem_header(String item_header){
        this.item_header=item_header;
    }

    public String getItem_image_url(){
        return item_image_url;
    }

    public void setItem_image_url(String item_image_url){
        this.item_image_url=item_image_url;
    }
}

主要 Activity :

public class MyActivity extends Activity implements AdapterView.OnItemClickListener {

    List<MyMenuItem> menuItems;
    ListView myListView;
    JSONArray jsonArray;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);
        Bundle extras = getIntent().getExtras();

        if(extras!=null){
            try{
                jsonArray = new JSONArray(extras.getString("Data"));
            }catch (Exception e){
                e.printStackTrace();
            }
        }


        menuItems = new ArrayList<MyMenuItem>();


        for (int i = 0; i < jsonArray.length(); i++) {
            try {
                MyMenuItem item = new MyMenuItem(jsonArray.getJSONObject(i).getString("title"), jsonArray.getJSONObject(i).getString("imageURL"));
                menuItems.add(item);
            }catch (Exception e){
                e.printStackTrace();
            }

        }

        myListView = (ListView) findViewById(R.id.list);
        MenuAdapter adapter = new MenuAdapter(this, menuItems);
        myListView.setAdapter(adapter);
        myListView.setOnItemClickListener(this);
    }
}

菜单项.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <ImageView
        android:id="@+id/ivMenuItem"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scaleType="center"
        android:src="@drawable/em" />

    <TextView
        android:id="@+id/tvMenuHeader"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#55000000"
        android:paddingBottom="15dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:paddingTop="15dp"
        android:textColor="@android:color/white"
        android:layout_gravity="left|top"
        android:layout_alignBottom="@+id/ivMenuItem"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />
</RelativeLayout>

最佳答案

1。是否有如何正确执行此操作的示例？

您的代码看起来非常接近完美。 Adapter 的getView 方法通常是优化的关键路径。比较一下 picasso 自己的例子SampleListDetailAdapter.java .它(以及您的代码)的要点

• 检查并重用已经膨胀的 View ，膨胀是昂贵的。
• 使用 ViewHolder，这样您就不必每次都调用 findViewById。在简单的 View 上并不昂贵。还缓存了 afaik。
• Picasso.with(context).load(url)... 每次您需要显示图像时。这应该会立即完成，但仍会使用缓存和其他魔法。

您可以添加一些小的优化，但我怀疑是否存在明显的甚至可衡量的变化:

纯样式更改:使用 BaseAdapter#getItem(position)。这个方法 只为你而存在。框架不使用它。

   @Override
   public MyMenuItem getItem(int position) { // << subclasses can use subtypes in overridden methods!
       return menuItems.get(position);
   }

   @Override
   public View getView(int position, View convertView, ViewGroup parent) {
       ...
       MyMenuItem row_pos = getItem(position);

使用合理的 id 方法

@Override
public long getItemId(int position) {
    return menuItems.indexOf(getItem(position));
}

相当于

@Override
public long getItemId(int position) {
    return position;
}

但现在无限快。 indexOf(Object) 与对象数量的关系非常糟糕。

缓存不会改变的对象:

MenuAdapter(Context context, List<MyMenuItem> menuItems) {
    this.mLayoutInflater = LayoutInflater.from(content);
    this.mPicasso = Picasso.with(context);
}
..
@Override
public View getView(int position, View convertView, ViewGroup parent) {
    if (convertView == null) {
        convertView = mInflater.inflate(R.layout.menu_item, null);
    ...
    mPicasso
            .load(row_pos.getItem_image_url())
            .into(holder.ivMenu);

2。有没有办法防止 ListView 项目在屏幕外时被销毁？

否(*)。

..(*) 您基本上可以缓存 getView 的结果，例如在 LruCache(position, View) 或 LruCache(MyMenuItem, View) 中，然后不要触摸 convertView - 它们需要保持未转换或您会杀死缓存中的那些 View 。还有

@Override
public int getItemViewType(int position) {
    return Adapter.IGNORE_ITEM_VIEW_TYPE;
}

似乎是必需的，因为使用代码的标准适配器假定它从可见性中删除的 View 已经消失。它们不是，弄乱它们会弄乱您的缓存并给我带来奇怪的显示问题。

3。如果是这样，保留太多元素会不会造成问题？

是的。此行为不是预期的/预期的。您也或多或少没有任何收获。您或许可以省去对 holder.tvMenuHeader.setText() 的调用。与 Picasso 类似，但它们都应立即完成。 Picasso 应该已经缓存了您的图像。通过缓存所有 Views，您实际上添加了另一个缓存，其中也包含所有图像。我宁愿检查 picasso 缓存是否按预期工作并保存大多数项目。您可能想要使用 View 缓存来执行此操作的唯一原因是需要复杂的 View 设置的情况，因此值得缓存完整构建的 View 而不是仅仅缓存一些内容部分。

简介

分析实际上可以告诉您可以/需要/应该改进的地方。首先看IMO的是traceview。您将看到代码是否阻塞了导致列表滚动不稳定的主线程。如果您正在处理复杂的 View 并且您发现绘制方法大部分时间都在执行，那么也要对它们进行分析。

• http://www.curious-creature.org/docs/android-performance-case-study-1.html
• http://blog.venmo.com/hf2t3h4x98p5e13z82pl8j66ngcmry/performance-tuning-on-android
• http://www.vogella.com/tutorials/AndroidTools/article.html

关于java - 如何使用 Picasso 库正确实现带有图像的自定义 ListView ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26791871/