单击List项时,图像在listview中交换它们的行

时间:2012-07-20 12:46:45

标签: android listview android-asynctask imageview

我有一个奇怪的问题,就是在ListView中使用AsyncTask加载图像。在我的ListView中,每一行都包含一个ImageView和一个TextView。我按照这个链接:

http://android-developers.blogspot.in/2010/07/multithreading-for-performance.html

图像正在从URL成功下载,并填充在他们尊重的行上。但是当我滚动ListView或单击任何列表项时,图像只是交换它们的行。虽然TextView中的文本保留在相同的行上。我不明白为什么会这样。我已经搜索了很多关于它的信息,但找不到完美的理由。请帮忙。

这是我的适配器类:

     private class ListAdapter extends BaseAdapter{

    private ArrayList<HashMap<String, Object>> allFriends; 
    private LayoutInflater mInflater;

    public ListAdapter(ArrayList<HashMap<String, Object>> allFriends, Context context){
        this.allFriends = allFriends;
        mInflater = LayoutInflater.from(context);
    }

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

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

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        FriendsViewHolder holder;

        if (convertView == null||!(convertView instanceof TextView)||!(convertView instanceof ImageView)) {
             convertView = mInflater.inflate(R.layout.friend_list_view, null);

             holder = new FriendsViewHolder();
             holder.friendName = (TextView) convertView.findViewById(R.id.friendName);
             holder.friendImage = (ImageView) convertView.findViewById(R.id.friendImage);                

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

        holder.friendName.setText((String) allFriends.get(position).get(FriendsActivity.FRIENDS_NAME_KEY));

        String otherId=(String) allFriends.get(position).get(FriendsActivity.IDKEY);
        String isImage=(String) allFriends.get(position).get(FriendsActivity.IS_IMAGE_KEY);

            if(isImage.equalsIgnoreCase("true")){
                download(otherId, holder.friendImage);
            }

        return convertView;
    }
}//End of list adapter

,下载方法是:

   public void download(String otherId, ImageView imageView) {
     BitmapDownloaderTask task = new BitmapDownloaderTask(imageView);
     task.execute(otherId);
 }

这里BitmapDownloaderTask是下载图像的异步任务:

    class BitmapDownloaderTask extends AsyncTask<String, Void, Bitmap> {
        private String otherId;
        private final WeakReference<ImageView> imageViewReference;

        public BitmapDownloaderTask(ImageView imageView) {
            imageViewReference = new WeakReference<ImageView>(imageView);
        }

        @Override
        // Actual download method, run in the task thread
        protected Bitmap doInBackground(String... params) {
             // params comes from the execute() call: params[0] is the url.

             return getOtherUserImage(params[0]);
        }

        @Override
        // Once the image is downloaded, associates it to the imageView
        protected void onPostExecute(Bitmap bitmap) {
            if (isCancelled()) {
                bitmap = null;
            }

            if(bitmap!=null){
                if (imageViewReference != null) {
                    ImageView imageView = imageViewReference.get(); 
                    if(imageView != null ){
                        imageView.setImageBitmap(bitmap);
                    } 
                }
            }
        }
    }

getOtherUserImage方法是:

    public Bitmap getOtherUserImage(String otherUserId){

    // code to download the image goes here. It returns bitmap "bmImg".

    if(bmImg==null){
        return null;
    }else {
        bmImg = Bitmap.createScaledBitmap(bmImg,imageWidth, imageHeight, true);

        /*availableFriends.get(position).put(BITMAP_KEY, bmImg);
        runOnUiThread(new Runnable() {
            public void run() {
                adapter.notifyDataSetChanged();
            }
        });*/
        return bmImg;
    }
}

2 个答案:

答案 0 :(得分:1)

这个Android Developer's Blog post描述了如何正确地将图像正确地加载到ListView中,并提供了一个很棒的示例应用程序,您应该能够快速轻松地修改(我这样做)以满足您的需求。

  

实际上,出于内存效率的考虑,ListView会回收视图   用户滚动时显示的内容。如果一个人甩开名单,a   给定的ImageView对象将被多次使用。每次都是   显示ImageView正确触发图像下载任务,   这将最终改变其形象。那问题出在哪里?如   对于大多数并行应用程序,关键问题在于订购。在   我们的情况是,无法保证下载任务完成   他们开始的顺序。结果是图像   最后显示在列表中的可能来自之前的项目,其中   只是碰巧花了更长的时间下载。这不是问题   如果你下载的图像是一次性约束的   ImageViews

答案 1 :(得分:0)

我认为你应该制作这种方法&#34;同步&#34;这是下载图像。很多线程同时运行,因此有可能图像出现在错误的位置。