ListView图像仅在我滚动(并消失)时显示。解释它是如何工作的

时间:2011-02-15 10:17:13

标签: android image listview scroll

我知道这个问题已经在其他帖子中得到了处理,但在阅读了几篇文章和教程之后我还不明白......

我有每个listview项目的follogin rox.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
android:id="@+id/RelativeLayout01" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"
android:background="#FFFFFF" 
xmlns:android="http://schemas.android.com/apk/res/android">

<ImageView 
android:layout_height="50sp" 
android:layout_width="50sp" 
android:layout_alignParentLeft="true" 
android:id="@+id/ImageIcon"/>

<TextView 
android:text="@+id/TextView01" 
android:id="@+id/TitleText"
android:textStyle="bold"
android:textSize="20sp" 
android:layout_toRightOf="@id/ImageIcon"
android:layout_alignParentTop="true"
android:layout_width="fill_parent" 
android:layout_height="wrap_content"
android:background="#FFFFFF"
android:textColor="#333333"
/>

<TextView 
android:text="@+id/TextView02" 
android:id="@+id/DescriptionText" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content"
android:textSize="12sp"
android:background="#FFFFFF"
android:textColor="#333333"
android:layout_toRightOf="@id/ImageIcon"
android:layout_below="@id/TitleText"
android:layout_alignWithParentIfMissing="true"
/>

</RelativeLayout>

我的ListViewAdapter具有以下getView(带有ViewWrapper)

public View getView(int position, View convertView, ViewGroup parent)
    {
        View row=convertView;
        ViewWrapper wrapper=null;
        Activity activity=(Activity)getContext();

        RssItem item=getItem(position);

        if (row == null) {

            LayoutInflater inflater=activity.getLayoutInflater();
        row=inflater.inflate(R.layout.row,null);
        wrapper=new ViewWrapper(row);
        row.setTag(wrapper);
    }
        else
        {
            wrapper=(ViewWrapper)row.getTag();
        }

        wrapper.getTitle().setText(item.getTitle());
        String cleaned=item.getDescription().replaceAll("\\<.*?\\>", "");
        int Long=cleaned.length();
        if (Long<=100)
        {
            wrapper.getDescription().setText(cleaned);
        }
        else wrapper.getDescription().setText(cleaned.substring(0, 50)+"...");

        String laurl=item.getImageUrl();

        if (laurl!="") 
        { 
            Drawable cachedImage = imageloader.loadDrawable(laurl);
            wrapper.getImage().setImageDrawable(cachedImage);
        }
        else 
        {
            wrapper.getImage().setImageResource(R.drawable.icon);
        }

        return row;

    }

    class ViewWrapper {

        private View base;
        private TextView title=null;
        private TextView description=null;
        private ImageView icono=null;

        ViewWrapper (View base) {
            this.base=base;
        }

        public TextView getTitle() {
            if (title==null) {
                title=(TextView)base.findViewById(R.id.TitleText);
            }
            return title;
        }

        public TextView getDescription() {
            if (description==null) {
                description=(TextView)base.findViewById(R.id.DescriptionText);
            }
            return description;
        }

        public ImageView getImage() {
            if (icono==null) {
                icono=(ImageView)base.findViewById(R.id.ImageIcon);
            }
            return icono;
        }       

    }

我正在通过以下课程获得图像。

public class ImageThreadLoader  {


    //GlobalCache
    private HashMap<String, SoftReference<Drawable>> imagecache;

    public ImageThreadLoader()
    {
        imagecache= new HashMap<String, SoftReference<Drawable>>();
    }

    public Drawable loadDrawable(final String imageurl) //,final ImageCallback imageCallback)
    {
        if (imagecache.containsKey(imageurl))
        {
            SoftReference<Drawable> softReference=imagecache.get(imageurl);
            Drawable drawable=softReference.get();
            if (drawable != null) {
                return drawable;
            }
        }

        new Thread() {
            @Override
            public void run() {
                Drawable drawable = loadImageFromUrl(imageurl);
                imagecache.put(imageurl, new SoftReference<Drawable>(drawable));
            }
        }.start();
        return null;
    }

    public static Drawable loadImageFromUrl(String url) {
        InputStream inputStream;
        try {
            inputStream = new URL(url).openStream();
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
        return Drawable.createFromStream(inputStream, "src");
    }

}

现在列表视图滚动顺畅,但一开始没有加载图像。然后,如果我反复向上和向下滚动图像出现,有时会消失。

我认为问题在于我真的不明白事情是如何运作的。

谢谢你

2 个答案:

答案 0 :(得分:3)

我今天遇到了同样的问题。 Pavandroid发布的文档和视频中没有解释的是,您需要设置某些属性的状态,而不是依赖于布局文件中设置的那些状态的默认值。

例如,在我的应用中,根据该行的数据状态,图像会连续显示。在我的布局文件中,默认是通常会显示图像。当调用getView并且不显示图像时,我使用

使图像不可见
If (hideImage)
  someImage.setVisibility(View.INVISIBLE);

假设如果hideImage为false,则会显示图像,但在滚动期间最终会消失。我不必依赖布局文件默认,而是必须明确设置可见性:

If (hideImage)
  someImage.setVisibility(View.INVISIBLE);
else
  someImage.setVisibility(View.VISIBLE);

这纠正了这个问题。

答案 1 :(得分:1)

可能想看看这个: http://www.youtube.com/watch?v=wDBM6wVEO70

这是Google I / O完全关于ListViews的会话。