Android Tutorial ImageDownloader - The simple way to download images

Erel · Jul 9, 2013

Don't use this. SimpleMediaManager is 100 times more powerful: [B4X] SimpleMediaManager (SMM) - framework for images, videos and more

Downloading images with HttpUtils2 is quite simple.

However correctly managing multiple downloads without downloading the same image multiple times, for example when the user changes the screen orientation, is more complicated.

ImageDownloader makes it very simple to efficiently download images and show them in ImageViews.

Example code:

B4X:

Sub Globals
   Dim ImageView3 As ImageView
   Dim ImageView2 As ImageView
   Dim ImageView1 As ImageView
   Dim ImageView4 As ImageView
End Sub

Sub Activity_Create(FirstTime As Boolean)
   Activity.LoadLayout("1")
End Sub

Sub Activity_Resume
   Dim links As Map
   links.Initialize
   links.Put(ImageView1, "http://www.b4x.com/basic4android/images/SS-2012-08-29_12.55.42.png")
   links.Put(ImageView2, "http://www.b4x.com/basic4android/images/SS-2013-03-04_11.42.38.png")
   links.Put(ImageView3, "http://www.b4x.com/basic4android/images/SS-2013-03-04_11.52.19.png")
   links.Put(ImageView4, "http://www.b4x.com/basic4android/images/SS-2012-02-06_12.45.56.png")
   CallSubDelayed2(ImageDownloader, "Download", links)
End Sub

Sub Activity_Pause (UserClosed As Boolean)
   CallSub(ImageDownloader, "ActivityIsPaused")
End Sub

How to use?

1. In Activity_Resume you should create a Map with the ImageViews as keys and the links as values. Use CallSubDelayed to call ImageDownloader.Download.
2. In Activity_Pause you should use CallSub to call ImageDownloader.ActivityIsPaused.
3. That's it.

Erel · Mar 18, 2014

Not sure that I understand. Where does the local image come from?

lock255 · Mar 18, 2014

In practice, when would that be in error would show ImageView1 an image contained locally.
The type to show an image prepared by me saying "Page not available", so as to make more cute dialogue with the user.

Erel · Mar 18, 2014

See how JobDone works. You need to change it so it will load a local image if job.Success = false.

lock255 · Mar 18, 2014

Yes I understand, but have not uploaded an image locally, would you suggest me a simple tutorial to do that?

Erel · Mar 18, 2014

but have not uploaded an image locally

I'm sorry but I'm not sure that I understand.

sule · Mar 29, 2014

Erel said:
In this example the list of images is first extracted from an online page and then all the images are downloaded. This example is based on: Download list of images with HttpUtils2 and CustomListView

However as the code is based on the ImageDownloaded service it is much simpler.

how can we save this pics to file.File.DirInternal

Erel · Mar 30, 2014

If you just want to download the images (and not show them) then it will be simpler to use HttpUtils2.

stanks · Apr 9, 2014

how to apply this example on widget service?

Erel · Apr 9, 2014

ImageDownloader works with standard ImageViews. It will not work widget image views. However if you go over the code and understand it then you should be able to modify it to work with widgets.

stanks · Apr 9, 2014

i moved part of code from activity resume to service_create, but what to do with activity_pause? do i need code in activity_pause?

stanks · Apr 10, 2014

i think i solved it

thanks

Douglas Farias · May 26, 2014

Erel how can i know when the imageview have the photo or no ?

i make this

B4X:

    If kv.GetSimple("imgcrop") = "3" Then
    links.Put(imvImage, "http://localhost/clickfight/UsersImages/"&userid&"/MeuPerfil/NaoEnviadas/FinalPictures/"&"3.jpg")
    CallSubDelayed2(ImageDownloader, "Download", links)
    ProgressDialogHide

my progressdialog close but the image dont show in the same time show me 2 3 seconds later
how can i know if the image downloaded is on imageview ProgressDialogHide

Douglas Farias · May 26, 2014

done *-* when the image is realy visible close my progressdialog

this is the code from downloaderimage

B4X:

Sub JobDone(Job As HttpJob)
    ongoingTasks.Remove(Job.JobName)
    If Job.Success Then
        Dim bmp As Bitmap = Job.GetBitmap
        cache.Put(Job.JobName, bmp)
        If tasks.IsInitialized Then
            For i = 0 To tasks.Size - 1
                Dim link As String = tasks.GetValueAt(i)
                If link = Job.JobName Then
                    Dim iv As ImageView = tasks.GetKeyAt(i)
                    iv.SetBackgroundImage(bmp)
                    ProgressDialogHide
                End If
            Next
        End If
    Else
    ProgressDialogHide
        Log("Error downloading image: " & Job.JobName & CRLF & Job.ErrorMessage)
    End If
    Job.Release
End Sub

eSolution · Jul 5, 2014

With Image Downloader 2 - I have a problem when I try to start the app in rapid debug mode on my device, I get this error: "
pkg: /data/local/tmp/1_RAPID_DEBUG.apk
Failure [INSTALL_FAILED_VERSION_DOWNGRADE]

Restarting ADB Server may solve this problem.
"
I have restarted ADB several times, other projects compile ok and run ok ... I have tried all android platforms above 14 (14 to L) and the error is present on all... I use Java 1.8.05 , My Android SDK is up to date (last update made 30 min ago) and my B4A is the last update 3.82

Any fix for this kind of behavior?

Image Downloader 1 works fine

EDIT: I have found the problem: the example use the 1.0 CustomListView, after an update to 1.1 it works like a charm

bluedude · Sep 8, 2014

I use this solution but my images in an imageview never get the correct gravity. Does setbackground actually use a Gravity.fill setting? My images always get cut off at the sides a little.

Tried to use a resizeimage solution but that reduces the quality too much.

Should I use loadbitmap instead?

Erel · Sep 8, 2014

ImageDownloader uses LoadBitmap internally to load the bitmap. Try to set the gravity in JobDone after the image is set.

bluedude · Sep 9, 2014

Hi,

I already do that but it does not work as expected. Is there another solution to make images (company logos) always scale perfectly?

On iPhone we use a small PDF viewer, this works extremely well.

bluedude · Sep 9, 2014

Found the issue, I set a panel background with a holo bg panel, this one cuts off the image on the sides.

tpakis · Sep 18, 2014

I'm trying to optimize the memory allocation, cause i am having problems when i show a large list of images. In the service there is a cache map where the links and the bitmaps are stored, and in the main activity there is the clv with the loaded images. What is causing the problem, the cache or the clv? Should i try to have less images loaded, or to erase the cache?

Douglas Farias · Sep 18, 2014

try clean the cache when u add new itens at clv

http://www.b4x.com/android/forum/th...ple-way-to-download-images.30875/#post-179524

use this imagedownloader, and use

B4X:

PublicSub ClearCache
cache.Clear
End Sub

when u need to clean, in your case when u add new itens or resume

Android Tutorial ImageDownloader - The simple way to download images

Attachments

B4X founder

Well-Known Member

B4X founder

Well-Known Member

B4X founder

Member

B4X founder

Active Member

B4X founder

Active Member

Active Member

Expert

Expert

Member

Well-Known Member

B4X founder

Well-Known Member

Well-Known Member

Active Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency