使用SimpleAdapter來自URL的圖像

Question

我正在使用此代碼從JSON獲取數據。

public class ShowContacts extends ListActivity{

    private static String url = "http://192.168.0.103/contacts.json";
    private static final String TAG_CONTACTS = "contacts";
    private static final String TAG_NAME = "name";
    private static final String TAG_IMAGE = "image";

    JSONArray contacts = null;

    int index = 0;

    ArrayList<HashMap<String, String>> contactList;

    @Override
    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);     
        setContentView(R.layout.showjson);

        contactList = new ArrayList<HashMap<String, String>>();
        new GetContacts().execute();

    }

    private class GetContacts extends AsyncTask<Void, Void, Void> {

        @Override
        protected Void doInBackground(Void... arg0) {

            ServiceHandler sh = new ServiceHandler();           
            String jsonStr = sh.makeServiceCall(url, ServiceHandler.GET);
            Log.d("Response: ", "> " + jsonStr);

            if (jsonStr != null) {
                try {
                    JSONObject jsonObj = new JSONObject(jsonStr);

                    contacts = jsonObj.getJSONArray(TAG_CONTACTS);

                    for (int i = 0; i < contacts.length(); i++) {

                        JSONObject c = contacts.getJSONObject(i);

                        String name = c.getString(TAG_NAME);
                        String image = c.getString(TAG_IMAGE);

                        HashMap<String, String> contact = new HashMap<String, String>();

                        contact.put(TAG_NAME, name);
                        contact.put(TAG_IMAGE, image);

                        contactList.add(contact);

                    }

                } catch (JSONException e){e.printStackTrace();}
            }
            return null;
        }

        @Override
        protected void onPostExecute(Void result) {

            super.onPostExecute(result);

            String[] from = { TAG_NAME, TAG_IMAGE };

            int[] to = { R.id.name, R.id.image };

            ListAdapter adapter = new SimpleAdapter(

                ShowContacts.this, contactList, R.layout.list_item, from , to );        

            setListAdapter(adapter);

        }

    }

}

我想從JSON獲取名稱和圖像。 我正在獲取名稱，並且該名稱顯示在列表中，但是我無法獲取圖像。 這是我的JSON：

{
    "contacts": [
        {
            "name": "John Smith",
            "image": "http://192.168.0.103/image1.png"
        },
        {                 
            "name": "John Wayne",
            "image": "http://192.168.0.103/image2.png"
        }    
    ]
}

我認為它不起作用，因為該圖像在線，並且它試圖將其添加為Drawable 。 我不確定該怎么做。 有什么辦法嗎？

Answer 1

您應該使用LazyLoading下載圖像並將其加載到ImageView 。 您不能簡單地將URL解析並設置到ImageView就直接加載圖像。

使用LazyLoading或Universal ImageLoader的概念

檢查從URL加載圖像的簡單演示

Answer 2

1）您可以使用Universal ImageLoader從特定的URL下載圖像並顯示在列表中。

您不使用直接的imageURL在列表項中顯示它

請檢查此通用圖像加載器參考鏈接

Answer 3

公共類ItemImagesAdapter擴展BaseAdapter {

private Context context;
private ArrayList<String> contactList;
private ImageLoader iml;

public ItemImagesAdapter(Context ctx, ArrayList<String> image_paths) {
    context = ctx;
    contactList = image_paths;
    ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(activity).build();
    ImageLoader.getInstance().init(config);
    iml = ImageLoader.getInstance();
}

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

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

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    LayoutInflater inflater = LayoutInflater.from(context);
    if (convertView == null) {
        convertView = inflater.inflate(R.layout.list_item_image, parent, false);
    }
    String imagepath = contactList.get(position).getImagePaths();
    ImageView image = (ImageView) convertView.findViewById(R.id.image1);
            TextView tv = (TextView) convertView.findViewById(R.id.text1);
            tv.setText(contactlist.get(position).getText);
    iml.displayImage(imagepath, image);
    return convertView;
}

}

內部onPostExecute（）

    protected void onPostExecute(Void result) {
        super.onPostExecute(result);
        ItemImagesAdapter adapter = new ItemImagesAdapter(getAppicationContext(), contactlist);
        listViewobj.setAdapter(adapter);
    }

從您的mainactivity中調用它。 我希望您知道如何設置適配器。希望這對您有所幫助

Answer 4

從服務器下載圖像的最佳方法之一是Android Query 。 您最多可以下載5k圖像，而不會出現任何內存錯誤。

從此處 下載 Android查詢jar，並將其放在項目的libs文件夾中。

AQuery aq = new AQuery(_scontext); // Android query object
ImageView _imageObject= (ImageView) itemView.findViewById(R.id.product_image); // your imageview onbject

//，並使用以下代碼可以在imageview中設置圖像。

aq.id(_imageObject).image("image url as string");