B4J Question [B4X] CustomListView with X Columns based on width of Form/Screen ?

Magma · Mar 22, 2022

Let's say for example we have a card (a layout like this):

a pane... with some labels... may be a an image too....

Is there something (CustomListView) ready to use or I must create it... to show many layouts with X Columns based on width of Form/Screen ?

or if it is bigger form... screen:

I know that i can may be create 2,3,4 different layouts with 2,3,4 panes and labels...
but thought may be there is a ready routine for customlistview making that...

or not ?

is there a ready lib/snippet .. that can i use... ? thanks

LucaMs · Mar 22, 2022

Send me one of the many credit cards you have, together with the code to use it, without spending limit and I'll write you how to do it ?

(create the item at runtime)

Magma · Mar 22, 2022

@LucaM's create the item at runtime... yes i know with customlistvew... but is only one item per row ?
or not ? ?????

is there any example ?

or you mean have 3 items in a layout and then use it as one item at customlistview per row.... (that i am saying at first post)...
isn't there any ready snippet to do that?

LucaMs · Mar 22, 2022

Magma said:
@LucaM's create the item at runtime... yes i know with customlistvew... but is only one item per row ?
or not ? ?????

is there any example ?

I write directly here a poorly intelligent thing.

You will have a basic panel, as large as the CLV.
If you decide that the credit card (your View - ImageView) is N dips wide, calculate how many will fit, create them and add them to that panel. If, on the other hand, you want to establish in advance how many it should contain, do the reverse, divide the width of the panel by the number of ImageViews to create and add.

MicroDrie · Mar 22, 2022

Magna why do you think a financial institution only displays a limited number of numbers and shields your name. Precisely to prevent abuse. Replace your image with this fake card.

Alexander Stolte · Mar 22, 2022

Magma said:
but is only one item per row ?

thats right, an other solution would be 3 xCLV and synch the scroll.

Andrew (Digitwell) · Mar 22, 2022

The AsyncBitmap example show how to have multiple columns within a single CLV row.

[B4X] BitmapsAsync

Don't use this. Better implementation in SimpleMediaManager: https://www.b4x.com/android/forum/threads/b4x-simplemediamanager-smm-framework-for-images-videos-and-more.134716/#content A cross platform library that allows loading images using background threads. It can be useful with keeping the...

www.b4x.com

MicroDrie · Mar 22, 2022

You might be able to get some inspiration from this xCustomListView with Four Columns of Imageviews and many Rows

Magma · Mar 22, 2022

MicroDrie said:
Magna why do you think a financial institution only displays a limited number of numbers and shields your name. Precisely to prevent abuse. Replace your image with this fake card.

it is already fake... and is a member card... + is an ad from a printing company !

LucaMs · Mar 22, 2022

Andrew (Digitwell) said:
The AsyncBitmap example show how to have multiple columns within a single CLV row.

[B4X] BitmapsAsync

Don't use this. Better implementation in SimpleMediaManager: https://www.b4x.com/android/forum/threads/b4x-simplemediamanager-smm-framework-for-images-videos-and-more.134716/#content A cross platform library that allows loading images using background threads. It can be useful with keeping the...

www.b4x.com

It has a fixed number of ImageViews / row (4).

(and a strange thing too:
Type MyImageData (IndexOfFirstImage As Int)
?
)

Magma · Mar 22, 2022

Thanks for the answers !

Magma · Mar 22, 2022

and from the other... hand the solution was more for images... my thought is much more for any layout...... searching for it...

Magma · Mar 22, 2022

So actually.. there isn't something ready that will measure the width of a layout and show 2 or 3... may be more (X) per row... ?

but a way... to sync more than one xclv... or create in runtime/designer layout and show them per row... right ?

Actually this i want is something like DIV (in html)

Andrew (Digitwell) · Mar 22, 2022

Magma said:
So actually.. there isn't something ready that will measure the width of a layout and show 2 or 3... may be more (X) per row... ?

but a way... to sync more than one xclv... or create in runtime/designer layout and show them per row... right ?

Actually this i want is something like DIV (in html)

That is correct.

MicroDrie · Mar 22, 2022

Magma said:
So actually.. there isn't something ready that will measure the width of a layout and show 2 or 3... may be more (X) per row... ?

but a way... to sync more than one xclv... or create in runtime/designer layout and show them per row... right ?

Actually this i want is something like DIV (in html)

You can use this B4XPages [B4X] BitmapsAsync example as a starting point. It contains a working B4J example where the width of the images scales with the size of the forms. It must be easy to implement a case statement for different form widths.

Magma · Mar 22, 2022

MicroDrie said:
You can use this B4XPages [B4X] BitmapsAsync example as a starting point. It contains a working B4J example where the width of the images scales with the size of the forms. It must be easy to implement a case statement for different form widths.

i will check it now thanks

stevel05 · Mar 22, 2022

If you only want to display the cards and you don't have too many cards, it would be easier to do it straight onto a scrollpane.

Magma · Mar 22, 2022

@stevel05 This is the result that I want.. but I think that in customlistview will be more manageable (or not?)...
but for sure... this is something that helps me a lot...

Actually one thousand cards not a small number (LucaMs must agree)

stevel05 · Mar 22, 2022

Magma said:
Actually a thousand card not a small number

No it's not, but had to test it

stevel05 · Mar 22, 2022

Magma said:
in customlistview will be more manageable (or not?)

I think it would be unlikely. Sometimes the simplest solution is the best.

B4J Question [B4X] CustomListView with X Columns based on width of Form/Screen ?

Expert

Expert

Expert

Expert

Well-Known Member

Attachments

Expert

Well-Known Member

Well-Known Member

Expert

Expert

Expert

Expert

Expert

Well-Known Member

Well-Known Member

Expert

Expert

Attachments

Expert

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency