[FREE] Image List View Extension - A Fully Customizable List View

list Image List View

Introducing image list view which is similar to inbuilt list view but with more customization and additional features.

All Blocks:





Designer Properties



Explanation and Usage:


Initializes the list view in an arrangement like vertical arrangement. First initialize the list view before creating list view.


Add a single list item with title, sub title and image. You can also use loop the add multiple items to the list.


Set the list items at a time from the list of titles, subtitles and images.


Removes the list items at specified index.


Update the list item at specified index.


Smooth scroll to the specified position, here position is index.


Clears the list view


Filters the list with keyword and case sensitivity control.


Returns the currently set list of titles, subtitles and images.


Returns the selected title, subtitle, image and index.

Note: Index starts from 1


Set the padding of list view item, title, subtitle and image.
Set the padding as string of comma separated integers which represent padding as LEFT, TOP, RIGHT, BOTTOM

Other setter properties are self explanatory.

Preview:

Download:

V4 Latest: com.thekstudio.ImageListView.aix (39.8 KB)

Note: Image will not be shown while loading from assets and testing in companion (you may use absolute path of the image from companion assets just for testing in companion or use online image when testing).

10 Likes

Very nice :slight_smile:

Does it have async for images built-in ?

Same sort of question, what happens with loading of very long lists ?

2 Likes

Yes! As my previous extension was Async image loader, same i have utilised in this to load images async.

The SetList function also works async! I tried to load 10k list items at a time using SetList function and worked fine. I am sure that this can handle even more.

1 Like

which function make the image align right? imagePadding?

==edit==
it should be ImageSide.

Yes, image side property will adjust the placement of image either left or right.

Hi, Do you have Video for this extension Usage? i am getting error "No vertual method setVerticalScrollbarThumbDrawable(Landroid/graphics/drawable/Drawable;)V in Class .....

Hi,

Sample blocks and usage described in main topic, also check test aia provided. Show us your blocks.


Just i run your Aia File and gor the run time error, Please help me, i want your ListView

I have just tested the aia, working fine with companion 2.70 on Android 13.

Ensure you put an image called icon.png in your assets (so that you see an image).

What android version / companion version are you using ?

1 Like

V2. Updated

  1. Now you can load image from online sources as well along with local storage and assets. If image path starts from http or https then it will load from online source, if image path starts from /storage then it will load from local storage (specify the full path of the file) else it will load from assets (specify the asset file name, eg., icon.png)

  2. Added new events: Reach bottom and reach top.

Developer Please Help me, i upload the icon.png file as well but that is not the problem. i still getting the error when running


My android version 8.1

Are you testing on Companion or Apk? Can you share test Apk?

V3 Updated:

  1. Fixed runtime error bug on Android version < 10.
  2. Added checkbox to the list view.

Blocks:

Preview:

2 Likes

Really helpful extension congrats!

Is it possible to display checkboxes also on the left side of the text instead of on the right side?

No, checkbox position is fixed to right.
Image can be placed either left or right.

maybe you want to try CompCreator extension to make any layout you want.

hey help what to do to view image? I can't see the image I put

Explain. Do you mean in the listview, or do you want to view a bigger version of the image on making a selection in the listview ?

no Like how to see the image that I added to the list I already added the image to the media and the name is correct but still I can't see the image

Show your relevant blocks