如何将 Hashmap url 中的图像添加到列表视图项？

Question

在followimg 类中，我使用hashmap 导入了一个拇指图像，它被保存为一个字符串。但是，我希望通过意图将此图像传递给 listview 单个项目，即详细视图。如何将 s_thumb 字符串添加到 详细活动中的imageview？ 这是主要活动，其意图在底部列出：

import java.io.ByteArrayOutputStream;
import java.util.ArrayList;
import java.util.HashMap;

import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.NodeList;


import android.app.Activity;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;

public class CustomizedListView extends Activity {
    // All static variables
    static final String URL = "http://padihamcars.com/music.xml";
    // XML node keys
    static final String KEY_SONG = "song"; // parent node
    static final String KEY_ID = "id";
    static final String KEY_TITLE = "title";
    static final String KEY_ARTIST = "artist";
    static final String KEY_DURATION = "duration";
    static final String KEY_THUMB_URL = "thumb_url";

    ListView list;
    LazyAdapter adapter;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);


        final ArrayList<HashMap<String, String>> songsList = new ArrayList<HashMap<String, String>>();

        XMLParser parser = new XMLParser();
        String xml = parser.getXmlFromUrl(URL); // getting XML from URL
        Document doc = parser.getDomElement(xml); // getting DOM element

        NodeList nl = doc.getElementsByTagName(KEY_SONG);
        // looping through all song nodes <song>
        for (int i = 0; i < nl.getLength(); i++) {
            // creating new HashMap
            HashMap<String, String> map = new HashMap<String, String>();
            Element e = (Element) nl.item(i);
            // adding each child node to HashMap key => value
            map.put(KEY_ID, parser.getValue(e, KEY_ID));
            map.put(KEY_TITLE, parser.getValue(e, KEY_TITLE));
            map.put(KEY_ARTIST, parser.getValue(e, KEY_ARTIST));
            map.put(KEY_DURATION, parser.getValue(e, KEY_DURATION));
            map.put(KEY_THUMB_URL, parser.getValue(e, KEY_THUMB_URL));

            // adding HashList to ArrayList
            songsList.add(map);
        }


        list=(ListView)findViewById(R.id.list);

        // Getting adapter by passing xml data ArrayList
        adapter=new LazyAdapter(this, songsList);        
        list.setAdapter(adapter);


        // Click event for single list row
        list.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {



                 HashMap<String, String> resultp = new HashMap<String, String>();
                    resultp   = songsList.get(position);
                    String s_thumb=resultp.get(KEY_THUMB_URL);
                    String s_title=resultp.get(KEY_TITLE);
                    Intent intent = new Intent(CustomizedListView.this, SingleListItem_Attractions.class);
                    intent.putExtra("s_id", s_thumb);
                    intent.putExtra("s_title", s_title);
                    //other fields you want to send
                    startActivity(intent);

            }
        });     
    }   

这是我的详细活动（单项）：

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;
import android.widget.ImageView;

public class SingleListItem_Attractions extends Activity{
    Button button;
    Button button2;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.single_list_item_view);


        ImageView imageView = (InageView) findViewById(R.id.imageView1);
        Intent i2 = getIntent();
        String text2 =i2.getStringExtra("s_thumb");
        imageView.setImageBitmap(text2);


        TextView texts = (TextView) findViewById(R.id.textView1);
        Intent i = getIntent();

        String text1 =i.getStringExtra("s_title");

        texts.setText(text1);

        addListenerOnButton();

    }

    public void addListenerOnButton() {

        final Context context = this;

        button = (Button) findViewById(R.id.button1);
        button2 = (Button) findViewById(R.id.button2); 
        button.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View arg0) {

        Intent intent = new Intent(context, CustomizedListView.class);
        startActivity(intent);

        }





        });

        button2.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {

            Intent intent = new Intent(context, CustomizedListView.class);
            startActivity(intent);

            }





            });                        

}
}

问题在于 ImageView 试图通过字符串设置，即 text2。 从 text2 中的 url 字符串设置 imageview 的正确方法是什么？ 提前致谢！

Answer 1

使用通用图像加载器将图像从 url 设置为 imageview。检查这个Universal Image Loader

Answer 2

你可以使用 volley 库看看这里https://developer.android.com/training/volley/index.html

你的 gradle 中的第一个

dependencies {
...
compile 'com.android.volley:volley:1.0.0'
}

然后创建一个RequestQueue

RequestQueue queue = Volley.newRequestQueue(this);

然后创建一个 ImageRequest

    ImageRequest request = new ImageRequest(yourUrl, new Response.Listener<Bitmap>() {
        @Override
        public void onResponse(Bitmap response) {
            imageView.setImageBitmap(response);
        }
    }, 0, 0, null, new Response.ErrorListener() {
        @Override
        public void onErrorResponse(VolleyError error) {   
            Log.e(TAG, error.toString();
        }
    });

将请求加入队列

    queue.add(request);

Answer 3

用户毕加索图书馆：

compile 'com.squareup.picasso:picasso:2.5.2'

并使用意图传递图像 url，并使用 Picasso 库在 imageview 中设置图像，如贝洛代码：

Picasso.with(context)
  .load(url)
  .resize(50, 50)
  .centerCrop()
  .into(imageView)

Answer 4

您可以使用第三方库通过 url 快速可靠地显示图像。

我推荐 Glide： https://github.com/bumptech/glide

在上面的链接中，您应该对 下载 和 如何使用 Glide？​​strong> 部分感兴趣，以便将 Glide 包含在您的项目中并使用它。

在详细活动（单个项目）中加载图像的所有最终代码应如下所示：

Glide
.with(getContext())
.load(text2)
.into(imageView);

Glide（以及其他图像库）将为您提供许多自定义图像的方法（例如缩放、调整大小）。参考文档。