Dynamically load a list of images based on server response

Question

I am sending a request to a server and the server sends a list of appliance names. I want to load images based on the appliance names returned by the server, right now the server has 200 types of appliance names, and the server returns a list of random appliance name each time I send a request. Is there an efficient way to load images based on the response server. Any help is appreciated. the response is as follows:

"appliance":

{
    "id": 1,
    "type": "electronic",
    "make": "2015",
    "model": "2011",
    "serialNumber": "19218hdyew",
    "serviceTagNumber": "hfh251663",
    "name": "fridge"
},
{
    "id": 2,
    "type": "electronic",
    "make": "2015",
    "model": "2011",
    "serialNumber": "19218hdyew",
    "serviceTagNumber": "hfh251663",
    "name": "coffee"
},
{
    "id": 3,
    "type": "electronic",
    "make": "2015",
    "model": "2011",
    "serialNumber": "19218hdyew",
    "serviceTagNumber": "hfh251663",
    "name": "washing machine"
},
{
    "id": 4,
    "type": "electronic",
    "make": "2015",
    "model": "2011",
    "serialNumber": "19218hdyew",
    "serviceTagNumber": "hfh251663",
    "name": "fan"
},
{
    "id": 5,
    "type": "electronic",
    "make": "2015",
    "model": "2011",
    "serialNumber": "19218hdyew",
    "serviceTagNumber": "hfh251663",
    "name": "tv"
}

karanatwal.github.io · Accepted Answer · 2016-08-29T13:20:12.680

1

Your server is returning image names, then you should create a method like

displayimage(String imagename)

where imagename is string you are getting from server.

In displayimage method you can use setimageresource

edited Aug 29 '16 at 13:20

answered Jul 14 '16 at 04:27

karanatwal.github.io

3,613
3
25
57

the server is not returning any image, it just returns image names. – dhamini poornachandra Jul 14 '16 at 04:29
Also i want to use images from R.drawable – dhamini poornachandra Jul 14 '16 at 04:30
how do i load an image when the appliance name is "washing machine" R.drawable.washing maching is not a valid drawable resource because space is not allowed for resources. – dhamini poornachandra Jul 14 '16 at 05:05
first of all u have to make method that trims string values coming from server, then use this trimmed string in displayimage method – karanatwal.github.io Jul 14 '16 at 05:07
@dhaminipoornachandra Is it necessary that the images should be in drawable folder?. If you have no issues in keeping the images in assets folder, then you can try my code. – Newbie Jul 14 '16 at 05:24
@KarandeepAtwal It should be fine to use from assets as well. Could you please send the code? – dhamini poornachandra Jul 14 '16 at 06:39
@dhaminipoornachandra It was me who commented above. If you can move the code to assets folder. Try my code in the answer. It works fine. – Newbie Jul 14 '16 at 08:00

score 0 · Answer 2 · edited May 23 '17 at 10:33

0

First of all fetch response from server and parse it. Refer volley or Retrofit for more details.

After getting response from server, fetch imageUrl from it and perform lazy loading. Refer Picasso, Fresco, UniversalImageLoader, Glide.

To get imageUrl you need to concat imageName with your server url where actual image is located or tell your API developer to give full URL of image in webservice.

you can check this thread for Lazy loading

edited May 23 '17 at 10:33

Community

1
1

answered Jul 14 '16 at 04:29

Ravi

34,851
21
122
183

The server is not returning any URL. – dhamini poornachandra Jul 14 '16 at 04:35
Then you need to ask them to provide url if you want to load it from server. – Ravi Jul 14 '16 at 04:36

Arjun saini · Answer 3 · 2016-07-14T04:43:55.687

Used the Android Universal Image-Loader This is best

Declare

    private ImageLoader imageLoader1;

On Create

 imageLoader1 = ImageLoader.getInstance();

 imageLoader1.init(ImageLoaderConfiguration.createDefault(getActivity()));

no_image here a drawable image without any image load in Cache

   DisplayImageOptions
            options = new DisplayImageOptions.Builder()
            .cacheInMemory(true)
            .cacheOnDisk(true)
            .showImageOnLoading(R.drawable.no_image) // resource or drawable
            .showImageForEmptyUri(R.drawable.no_image) // resource or drawable
            .showImageOnFail(R.drawable.no_image)
            .considerExifParams(true)
            .bitmapConfig(Bitmap.Config.RGB_565)
            .build();

    imageLoader1.displayImage(yourpath.replace(" ", "%20"), ivprofile, options);

Use Also It's dependency

with jar

  compile files('libs/universal-image-loader-1.9.5.jar')

and

  compile  'com.nostra13.universalimageloader:universal-image-loader:1.9.1'

You Can Use Piccaso Also and Glide also

Newbie · Answer 4 · 2016-07-14T07:56:30.423

You need to show the images from drawable according to the server response. If you have the option to keep the images in assets folder,

then here is the solution,

Move your images to assets folder.

Then try the below code.

AssetManager assetManager = context.getAssets();
InputStream inputStream = null;

try {
    inputStream = assetManager.open(imageName + ".extension");
}    
catch (IOException e) {
    e.printStackTrace();
} 

if (inputStream != null) {
    Bitmap bitmap = BitmapFactory.decodeStream(istr);
    imageView.setImageBitmap(bitmap);
}

Dynamically load a list of images based on server response

4 Answers4