Android自定义ListView使用URL中的图像

时间：2014-08-07 06:19:26

标签： java android xml listview

我一直试图让我的ListView填充来自适配器已知的网站网址的图片。活动会使每张图片膨胀，但我的模拟器甚至无法启动，只显示黑色。我在整个代码中搜索过无果而且尝试了很多东西，但不幸的是，我现在陷入了困境。 第一类是我的Adapter Class，它为每个索引提供View 第二类是我的Activity类，它加载视图。第三类是辅助类。

还有两个布局XML文件和一个XML清单

GalleryAdapter.java 

import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

import com.example.imageshow.R;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;


public class GalleryAdapter extends ArrayAdapter<JSONObject>{
    DrawableManager dM = new DrawableManager();
    Server s = new Server();
    Context ctx;
    LayoutInflater myInflater = (LayoutInflater) ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    public GalleryAdapter(Context context, int resource) {
        super(context, resource);
        ctx = context;
        // TODO Auto-generated constructor stub
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        if (convertView==null){
            convertView = myInflater.inflate(R.layout.gallery_item, parent, true);
        }
        TextView name = (TextView) convertView.findViewById(R.id.name);
        name.setText(s.galleryObjects.get(position).getName());
        TextView eventDate = (TextView) convertView.findViewById(R.id.eventDate);
        eventDate.setText(s.galleryObjects.get(position).getEventDate());
        ImageView image = (ImageView) convertView.findViewById(R.id.image);
        String imageUrl = s.galleryObjects.get(position).getImageURL();

        //which one works??
        //1
        image.setImageDrawable(dM.fetchDrawable(imageUrl));
        //2
        try {
              image = (ImageView) convertView.findViewById(R.id.image);
              Bitmap bitmap = BitmapFactory.decodeStream((InputStream)new URL(imageUrl).getContent());
              image.setImageBitmap(bitmap); 
            } catch (MalformedURLException e) {
              e.printStackTrace();
            } catch (IOException e) {
              e.printStackTrace();
            }
        //3
        //new DownloadImageTask(image).execute(s.galleryObjects.get(position).getImageURL());
        return convertView;
    }



    public static Bitmap getBitmapFromURL(String src) {
        try {
            Log.e("src",src);
            URL url = new URL(src);
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            connection.setDoInput(true);
            connection.connect();
            InputStream input = connection.getInputStream();
            Bitmap myBitmap = BitmapFactory.decodeStream(input);
            Log.e("Bitmap","returned");
            return myBitmap;
        } catch (IOException e) {
            e.printStackTrace();
            Log.e("Exception",e.getMessage());
            return null;
        }
    }

    class DownloadImageTask extends AsyncTask<String, Void, Bitmap> {
        ImageView bmImage;

        public DownloadImageTask(ImageView bmImage) {
            this.bmImage = bmImage;
        }

        protected Bitmap doInBackground(String... urls) {
            String urldisplay = urls[0];
            Bitmap mIcon11 = null;
            try {
                InputStream in = new java.net.URL(urldisplay).openStream();
                mIcon11 = BitmapFactory.decodeStream(in);
            } catch (Exception e) {
                Log.e("Error", e.getMessage());
                e.printStackTrace();
            }
            return mIcon11;
        }

        protected void onPostExecute(Bitmap result) {
            bmImage.setImageBitmap(result);
        }
    }

}

GalleryActivity.java 

import com.example.imageshow.R;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.ListView;

public class GalleryActivity extends Activity{

    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        GalleryAdapter p = new GalleryAdapter(this,0);
        setContentView(R.layout.galleries);
        ListView l = (ListView) findViewById(R.id.galleryList);
        ImageView moreButton = (ImageView) findViewById(R.id.moreButton);
        ImageView cameraButton = (ImageView) findViewById(R.id.cameraButton);
        moreButton.setOnClickListener(new MoreButtonListener());
        cameraButton.setOnClickListener(new CameraButtonListener());
        l.setAdapter(p);
        setVisible(true);
    }

    public class MoreButtonListener implements OnClickListener{

        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub

        }

    }

    public class CameraButtonListener implements OnClickListener{

        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub

        }

    }
}

DrawableManager.Java 

import java.io.IOException;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.util.HashMap;
import java.util.Map;

import org.apache.http.HttpResponse;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.DefaultHttpClient;

import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.widget.ImageView;

public class DrawableManager {
    private final Map<String, Drawable> drawableMap;

    public DrawableManager() {
        drawableMap = new HashMap<String, Drawable>();
    }

    public Drawable fetchDrawable(String urlString) {
        if (drawableMap.containsKey(urlString)) {
            return drawableMap.get(urlString);
        }

        try {
            InputStream is = fetch(urlString);
            Drawable drawable = Drawable.createFromStream(is, "src");


            if (drawable != null) {
                drawableMap.put(urlString, drawable);
                Log.d(this.getClass().getSimpleName(), "got a thumbnail drawable: " + drawable.getBounds() + ", "
                        + drawable.getIntrinsicHeight() + "," + drawable.getIntrinsicWidth() + ", "
                        + drawable.getMinimumHeight() + "," + drawable.getMinimumWidth());
            } else {
              Log.w(this.getClass().getSimpleName(), "could not get thumbnail");
            }

            return drawable;
        } catch (MalformedURLException e) {
            Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
            return null;
        } catch (IOException e) {
            Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
            return null;
        }
    }

    public void fetchDrawableOnThread(final String urlString, final ImageView imageView) {
        if (drawableMap.containsKey(urlString)) {
            imageView.setImageDrawable(drawableMap.get(urlString));
        }

        final Handler handler = new Handler() {
            @Override
            public void handleMessage(Message message) {
                imageView.setImageDrawable((Drawable) message.obj);
            }
        };

        Thread thread = new Thread() {
            @Override
            public void run() {
                //TODO : set imageView to a "pending" image
                Drawable drawable = fetchDrawable(urlString);
                Message message = handler.obtainMessage(1, drawable);
                handler.sendMessage(message);
            }
        };
        thread.start();
    }

    private InputStream fetch(String urlString) throws MalformedURLException, IOException {
        DefaultHttpClient httpClient = new DefaultHttpClient();
        HttpGet request = new HttpGet(urlString);
        HttpResponse response = httpClient.execute(request);
        return response.getEntity().getContent();
    }
}

布局文件 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#fbfbfb" >
            <ImageView
                android:id = "@+id/cameraButton"
                android:layout_height="wrap_content"
                android:layout_width = "wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:clickable = "true"
                android:adjustViewBounds="true"
                android:padding="10dp"
                android:maxHeight="400dp"
                android:src="@drawable/ic_launcher"
                android:background="#b9b9b9">
            </ImageView>
            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true"
                android:clickable="false"
                android:maxHeight="400dp"
                android:text="SPORTSPHOTOS.com"
                android:textColor="#123123" >
            </TextView>
            <ImageView
                android:id = "@+id/moreButton"
                android:layout_height="wrap_content"
                android:layout_width = "wrap_content"
                android:layout_alignParentRight="true"
                android:adjustViewBounds="true"
                android:clickable="true"
                android:padding="10dp"
                android:maxHeight="60dp"
                android:layout_centerVertical="true"
                android:src="@drawable/more"
                >
            </ImageView>
        </RelativeLayout>
        <ScrollView
            android:layout_width = "fill_parent"
            android:layout_height="fill_parent">

            <ListView
                android:id="@+id/galleryList"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
            </ListView>

        </ScrollView>


    </LinearLayout>

</LinearLayout>

布局文件 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width = "match_parent"
        android:layout_height = "wrap_content"
        android:padding="20dp"
        android:orientation="vertical"
    >

    <TextView
        android:id="@+id/name"
        android:text="Great Wall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="2dp">
    </TextView>

    <TextView
        android:id="@+id/eventDate"
        android:text="08-15-2014"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="2dp">

    </TextView>

    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp">

        <ImageView
            android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:maxHeight="200dp"
            android:padding="10dp">  
        </ImageView>

    </LinearLayout>

    </LinearLayout>

</RelativeLayout>

的AndroidManifest.xml 

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.imageshow"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-permission android:name="android.permission.INTERNET" />

    <uses-sdk
        android:minSdkVersion="18"
        android:targetSdkVersion="21" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.SECOND" />

                <category android:name="android.intent.category.DEFAULT" />
            </intent-filter>
        </activity>
        <activity
            android:name=".GalleryActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

2 个答案:

答案 0 :(得分：0)

我认为没有一种解决方案可行。确保通过http加载图像在后台（这不是解决方案2）。在listview中加载图像的主要问题是View Recycling（How ListView's recycling mechanism works）。重复使用视图时，不应将要加载的图像设置为初始imageView。当您的视图被回收时，应在imageView中加载另一个图像。因此，跟踪和imageView和url之间的关系。 （例如，将url放在imageView.setTag（url）中）在将图像设置为imageView之前，检查imageView.getTag（）是否与刚刚加载的url匹配。

然而为了让它更容易，我总是使用AndroidQuery。从网络异步加载图像只需要两行：

//load an image to an ImageView from network, cache image to file and memory
AQuery aq = new AQuery(convertView);
aq.id(R.id.image).image("http://www.vikispot.com/z/images/vikispot/android-w.png");

有关更多选项，请参阅https://code.google.com/p/android-query/wiki/ImageLoading。 （比如缓存等）

答案 1 :(得分：0)

实现自己的ImageLoader时，请尝试使用缓存来存储位图，以便它不会始终下载图像。不鼓励在适配器的getView()方法中硬下载图像。

或

尝试使用Image Loading Library，例如Picasso，UIL等。这些库将为您处理图像缓存，磁盘缓存。

相关问题
最新问题