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

Glad to hear :slightly_smiling_face: .

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.

Not in 2021.


Thank you

1 Like

How to add selection color in this listview

Selection color is same as background color. When the item clicked just set the background color of that position to any low alpha colored value or any dark color that you want.

1 Like

Background color changes when I click an item but when another item is clicked, the previous item does not deselect

You can do it this way:
Unbenannt

1 Like

It should not be recommended. If you are showing large list then you will probably face performance issue or a bit lag on click in small side devices. And if there is only one item is selected then why we need to set the background color of all items back to normal. It can be done simply this way :point_down:

image

I will add a Touch Color property to the extension to show the touch color when the item will be clicked in next update.

3 Likes

estou usando a extensão, porém só carrega 7 colunas como faço para carrega todas as colunas listadas no airtable?

Hello kumar

I am now using version 4.

  1. However, not all pictures are circular anymore. I have to make every single picture circular with the Set Corner Radius - but I get it 1.) not exactly round (which values?) 2. it has a big impact on the performance.
    How can I set it so that it always makes all pictures circular like in version 3?

Attention: with some values ​​of Set Corner Radius the app crashes in the companion!

The function: MoveItem works better now. But if I first change the properties of the image (e.g. at index 3) and then move the entry to index 1, the changed property remains at index 3.

  1. where can I get version 4.1?

Thank you!

How to make load more list on this extension. please help me

@iamwsumit

Awesome extension. Was trying to use this extension with HTML data in title & subtitle and noticed it did not work.

Am I doing something wrong or it is not supported yet?

Thanks
Mohan

It has changed now from last update. You will have to round them to circle shape manually now.

Image loading is optimized now. Images won’t load again if the images are same. It makes list view scrolling very smooth.

Could you describe more please? What values and your blocks or a simple logcat.

I will look into it. Thanks

Next version will be 5. I will launch it when it will be ready. After January or maybe later.

1 Like

You should ReachBottom event for that. Just call the data when the event is triggered and then add them to the list view.

Yes. It’s not supported. However, It is an useful thing. This should be available by next update

Thank You

3 Likes

Awesome

Thank you

Thank you Sumit334

Hello my friend

With set Corner 45 the companion falls down.
Anywhere value 30 works

Which values ​​do I have to enter so that I get a circular image? Don’t get it round :slight_smile:

As I said, I have to go through every entry to make the picture round, think that’s performance? Would it be good if you can set circular yes / no for everyone in the designer?

Hello, a very nice and extensive list view. I wanted to use this extension in my app in AppInventor. Unfortunately, there is a problem and the built-in RecycleView library in the latest version of AppInventor is biting with this extension. I got a message that recompiling the extension using the latest ai2 sources might help. Could you please make AI2 users also use your extension?

I also found one problem with the “AddItemFromList” block. This block requests 4 lists of the same length. When someone does not use images or second text, they have to create a list of the same length with empty items, which is inconvenient.

I read that you are using AppInventor. Could you tell us how did you get AI2 to work with this expansion? In my case, the app crashes on launch.

I will make a specific version for AI2 soon that don’t have those feature that don’t work in AI2. I will launch it on AI2 community as well.

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

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

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.