[FREE] Custom List View - An Extension for making Image and text list view with a lot of customization

[Omar_Ashraf1 (Omar Ashraf)]

It’s so cool
Unfortunately it didn’t work for me, please give me a solution

[dora_paz (Dora)]

Welcome to the community. In order to get help from the developer please provide more info about your problem or a screenshot of your blocks

[Omar_Ashraf1 (Omar Ashraf)]

[iamwsumit (Sumit Kumar)]

Please elaborate your issue. What output you are getting with these blocks and what do you want to achieve? Post it here.

[Omar_Ashraf1 (Omar Ashraf)]

I want to display the listview … when I Click button 1 it comes out an error occurs

[Taifun]

@Omar_Ashraf1

when I Click button 1 it comes out an error occurs

what about revealing the error message you get?
please read this

How to ask a question?

Asking questions To improve the chance of getting help on the forum please follow these recommendations when posting a question: Do your homework first Search for similar questions/answers on the forum. Try forum search and also Google your problem. Try to solve the problem yourself, and describe what you have tried. It is much more rewarding to help someone who has tried himself first. Post in the right categorie, post only once and do not steal topics Make sure that you post your question …

Taifun

[plumedours (Maxime)]

Hello everyone ! Thanks for this extension, it’s great!

However, I have a problem displaying images. I have a list of 5 images, and for each item in the list, if you click on the image you can choose from the 5 images. And by clicking on the image, I would like the avatar of the clicked element to update.

But I can not. could you help me please?

Here are my blocks for my images:

Thanks !!

[iamwsumit (Sumit Kumar)]

Hi @plumedours
May you please translate your blocks to English language? I could not understand your blocks. As far I understand, When list image is clicked then you show 5 images and when user will click one of them then you want to update the image of list with the clicked image’s picture. You can use UpdateImage block for this.

Also, it seems that extension is not working to load images from assets or path. Version 3 of extension will soon released with some new blocks and these bugs will be fixed in that update. Then you won’t need to use Image Utility component for loading images from assets.

My exams has been finished. Now I can focus again here.

[plumedours (Maxime)]

Oh, sorry @iamwsumit , I forgot to do this before uploading my png blocks! There it’s done :

If I use a direct url to display the image, can it work? Rather than using the assets?

[iamwsumit (Sumit Kumar)]

Extension isn’t working to load offline image(from asset and storage) currently as I said above. You must use LoadImage with image utility component to load offline images. But make sure you have unchecked the LoadImage property if it’s enabled then LoadImage event will never get invoked.

In your blocks, I can see that you have used global select_avatar as image path. However, you have used the same block in for each loop as list. It’s too confusing me.

@plumedours

If I use a direct url to display the image, can it work

Then you won’t need to use image utility component anymore to load images.

But the bug is fixed, offline image will now load with new update and I am working on some new things to make extension more better. I will make update as soon as possible I can.
Let me know if anyone wants to suggest any feature. I’ll try to add it.

[plumedours (Maxime)]

Thank you very much, I’ll watch this when I have a little more time. It’s really great, very good work, thank you again!

[plumedours (Maxime)]

So, I checked the “load image” option, and used urls instead of images in the assets, and it seems to work!

Thanks again I look forward to updating your extension from

[iamwsumit (Sumit Kumar)]

Version 3

Version 3 of the extension is here.

What’s New

• A Checkbox is added to the list view. It will be shown below the secondary text.

• A lot of block has been added to make the list more customizable.

• Now you can decorate item background while swiping at specific position.

• Now you can control the swipe and drag of item at different position.

• A Swiping event has added. This event will help you to know the offset of item that is being swiped.

• You can control the size and stroke of the image at specific position.

• Now you can customize the text(title, subtitle…) for specific position. ex, text color and text size…

• Default Item Animation by Android recycler View can be disabled now.

• Items can be dragged and swiped by your command.

Bug Fixes

• Offline Images was not showing. It is fixed now.

Blocks Added

This event raises when the item being swiped. You can get swipe offset from this event.

This block helps you to set the size and stroke property of image at specific position.

This block helps you to set the text size and color of the title at specific position.

This block helps you to set the text size and color of subtitle at specific position.

This block helps you to set the text size and color of secondary text view at specific position.

This block customize the checkbox for specific position. background Color specify the background color of the checkbox, color specify the checkbox color and checked if set to true then checkbox will be checked and visible specify the visibility of checkbox.

This block control the dragging of the item for specific position.

This block control the swiping of the item for specific position. for ex, if leftSwipeable is set to true and rightSwipeable false then the item will only able to be swiped in left direction.

This block helps you to decorate the background view of the item when item being swiped. You should use this block on Swiping event. It will help you to change the background view when the offset is changed.

This block helps you to swipe the item at any event. For ex, Item can be swiped when user long click on any item but if you want to start the swipe on item click then just call this block with position and the item will be started to swipe on user thumb.

This block helps you to drag the item at any event. For ex, user need to hold the item to drag it and if you want to drag the item on a simple click or touch on the item then call this block with position and the item will be started to be dragged.

These block list the info of all items of list view.

This block returns true if the checkbox is checked at given position.

If disabled then no animation will be occurred on item update, moving, and item removing. It is checked by default.

Preview

Let see preview of new thing that has added and changes that are occurred.

Animation Enabled

See How it works when animation is enabled.

Removing Item

Moving Item

Updating Item

---

Animation Disabled

See how it works when the animation is disabled.

Updating Item

Moving Item

Decorating Item Background

Updated Extension

Download com.sumit1334.listview.aix (134.7 KB)

Kindly update the extension in order to get latest features

Thanks @Henry for suggesting Checkbox design in list view.
Thanks @Angelo_Angius and @charlesaccount for their donation

Thank you all for using my extension. I am still wondering to see that old version link has got 230+ clicks even in the despite of newer version . It seems that peoples are liking older version more than newer. I hope you’re enjoying the extension 🥲

Thank you
Sumit​

[anon92712962]

Keep it Up @iamwsumit
And fantastic update

[Star_DZ]

Add support for App inventor please

[charlesaccount (CharlesKoder93)]

This is amazing work Sumit, thanks very much! This is a very versatile extension and great updates I am using this in my app currently, and it is works well.

[iamwsumit (Sumit Kumar)]

Hi @Star_DZ

Extension was not working in App Inventor due to some Designer Property issue. I have fixed it and updated the above downloading links. But, the extension will still not work at all in App Inventor. It can do all the job except dragging and swiping the items. If you enabled these properties then you will face a failed resolution error in companion and will crash your APK. This error comes because of library resources that are not compiled in extension. Currently App Inventor does not support AAR file in extensions. However, this error does not comes in kodular because Recycler View AAR is already present in kodular sources. I hope you got my point and I believe that it could be used in App Inventor well. Here is a screenshot of list view that I made in App Inventor.

Only version 3 will work in AI2. Another 2 versions would not work and will crash the APK.

Thanks Django for your donation.

[manulito45 (TECNOVE)]

Is there the possibility of putting the rectangular image that is above the title and subtitle?

[Victor_Ken (ViiC)]

How do I show the whole list? I have a list with 23 items, and only 11 items show up. I have to use “ScrollBottom” to get access to the rest of the list

[UnknownMan541 (Shubhanshu Jaiswal)]

Is Custom List view a recycled view? Please tell