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

[Magma]

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]

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]

@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]

@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]

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]

but is only one item per row ?

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

 

[Andrew (Digitwell)]

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]

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

 

[Magma]

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]

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]

Thanks for the answers !

 

[Magma]

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

 

[Magma]

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)]

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]

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]

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]

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]

@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]

Actually a thousand card not a small number

No it's not, but had to test it

 

[stevel05]

in customlistview will be more manageable (or not?)

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