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

[froniu84a (Patryk F)]

Can you tell which functions won’t work in ai2? Are you writing about draggable and swipe?

[froniu84a (Patryk F)]

@iamwsumit

Make sure you have dragged the inbuilt list view component to your app for inserting the recycler view library to your app

Yes, it worked. But it is not possible to drag and swipe items. Unfortunately, without these features, the extension is very similar to the built-in ListView.

[Victor_Ken (ViiC)]

@iamwsumit

Next version will be 5

If you can add HTML support in the title and subheads, it would be a good idea!

[Alaqmar_Bohori (Alaqmar)]

Summit has mentioned the reason why those features along with the animations, don’t work in App Inventor.

@iamwsumit

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.

@iamwsumit

Animation requires library’s resources that are present in AAR files and AAR library support is not added in App Inventor or kodular yet. So you can not use animation, drag and swipe in AI2 till the extension compiles with recycler view’s AAR file. This is the only reason why I have not published this extension in AI2 as some of it’s feature are not working cause of AAR. We have to use it with these limitations in AI2 till the AAR library support is added.

[Rahan_Sarang]

does i load items as user scrolls ?

I tried to loaditems from list , i donot have secondary text and subtitle how can i do

Itried with this one

but came error ‘List length are not same or are empty’

[iamwsumit (Sumit Kumar)]

Custom ListView v1.4.1

This is just a small patch of the current version 4. It don’t include any big changes. This small update is released to fix some current bugs and some changes. v1.5.0 was decided to be released after months that’s a lot of time to wait for fixing current bugs. So I released this small patch today.

---

What’s New

• HTML Support Added. Now you can set HTML contents to list view
• You can retrieve the all information of an item by its position.
• All Properties of an item can be reset by one block.

---

What’s Fixed (Bugs)

• Move Item block was not updating the values.
• APK crashing sometimes on scroll.

---

What’s Changed

• Scroll blocks now scrolls the list more smoothly than the previous versions. You can compare the both and can see a lot of difference.

• Each element’s data is moved to an each new Model class that make much easier to customize the items.

• Image loads now in more efficient way that makes list view’s performance much better

• Empty List can be used in AddItemFromList block to leave the fields empty. (Only Subtitles and Secondary text).

---

What’s Removed

• LoadImage property and event removed. You can not load the images with your own methods now. Extension is now full capable to load the online or offline images. So I removed this thing to reduce some blocks in extension

• StartDrag and StartSwipe blocks is removed as they were not usable as default commands are much better to use.

---

New Blocks

• 

  Reset all the properties(not any data) of an item to default properties by its position.

• 

  Retrieve all the information and properties about an item in dictionary format by it’s position.

---

New Property

• 

  Enables the HTML format to the list view can also enabled by blocks.

---

Update Extension

This update brings many changes. If you have used any blocks that is now removed then do not update this version to your projects as this may cause a break in your whole project. You can delete those remove blocks from your project to use this version in your old projects.

You can download this version from the first post

---

Thanks You
Sumit

[charlesaccount (CharlesKoder93)]

Amazing, thank you!

[froniu84a (Patryk F)]

I also mentioned this a few posts above. Empty list cannot be used with this block.

[iamwsumit (Sumit Kumar)]

Hello @froniu84a and @Rahan_Sarang , Empty Lists can be used now to leave the field empty from v1.4.1. I forget to mention in release post . I edited the post and added it now.

Thanks

[Victor_Ken (ViiC)]

After updating the extension I noticed that the “secondaryText” is not but showing. I do a “Do it” in GetAllSecondaryText it appears there but not in the app.

[Hari_krishnan1 (Hari krishnan)]

How to show the Secondary Text? Please help me…
in my list view only image, Title, Subtitle are there
how to add the third row secondary text line???

[Perfectly_thought (CrashCoder)]

Please help me gys
With this extension I am getting only five of the length of the list

[Perfectly_thought (CrashCoder)]

Please help me ,With this extension length of the list only 5 show

[iamwsumit (Sumit Kumar)]

@Perfectly_thought

You are using a scroll arrangement as container of list view that’s causing the issue.
Read Above posts :

@iamwsumit

you have created the list view in a Vertical Scroll Arrangement. That’s why it was having scroll issue. You can use HA or VA for list view instead of a scroll view. I hope your issue would be solved now.

Also it seems that you are using the first version of the extension that is not stable.

@Victor_Ken

“secondaryText” is not but showing.

It seems like a bug after this update. I will release a hotfix soon.
Thanks

[Perfectly_thought (CrashCoder)]

Thank you so much my problem is solved

[SYSMON]

hello, fantastic extension, congratulations!
a suggestion, give the possibility to indent the image more to the edge and you can use separate dimensions of height and width

[Perfectly_thought (CrashCoder)]

Please any help image is not showing list view i have please request from all

[heliocesar84 (Hélio César)]

Amazing. Thanks for that extension. Keep up this excellent work.

[akim_akim]

Dear Sumit1334, I wish you a happy new year.

Thanks for your update, unfortunately I can’t use this

I couldn’t change the text size of the subtitle. Second title entries have not even appeared …

It would also be great if you could set the format: circular for all images in one place (in the designer).

Currently I have to set the radius for every picture. But depending on the image format in the original, the result looks different - and not circular either

[iamwsumit (Sumit Kumar)]

Custom ListView v1.5.0

This is a new version for current extension.

---

What’s New

• Extra Image has added to list’s layout.
• Whole list can be updated now with only 1 block.
• Overscrolled has added to layout.
• Touch Color property has been added.

---

What’s Fixed (Bugs)

• Secondary Text was not showing.
• APK crashing on image radius.

---

What’s Changed

• Checkbox and extraImage are aligned horizontally in same layout and secondary text is moved to above position by these components.

---

New Blocks

• 

  This event raises when the list view is overscrolled.

• 

  This event raises when extraImage clicked.

• 

  This block updates the whole list view at one time. If you are updating the list then just pass the list data to these parameters and call RefreshList block and the list view will be updated. With this block you wont need to update things manually one by one.

• 

  This block update the whole list view with current data.

• 

  This block set the extra Image’s properties to given position.

---

New Property

• 

  Enables the Overscroll animation.

• 

  Property for setting touch color of the items. Default value is Light Gray color.

---

Tips

I would like to give you some tips to work with the extension

• Use a non-scroll arrangement for list view parent. It wont work in scroll arrangement.
• For making the image circular you can give the radius value to 50. It works to me.
• Using online URL with high quality images may cause performance issue while scrolling.

I don’t have more

Update Extension

You can download this version from the first post

Extension is updated on GetAix too.

---

Thanks You
Sumit