How to creat horizontal list view?

[husnain]

I am using deep host custom list view extension to created horizontal list view but I am facing this problem. Need help how to fix this.

!

[Peter]

Deephost is not supporting his extensions so the best advise would be not the use them.

[TIMAI2]

Maybe using this extension can do the same?

[FREE / Open Source] - Dynamic Components Extension (for every component)

[husnain]

I saw many AIA examples in kodular community and they contain card view components but in app inventor there is no card view component. Any other suggestion in which card view is not involved.

[TIMAI2]

See also here:

Load items as user Scrolls

[ABG]

You can do this without extensions too.

Move a scroll bar

Here’s an example using your own Canvas as scroll bar. I used a Ball as a cursor, but you could as well have drawn a bar as a thumb instead. Gallery entry: ai2.appinventor.mit.edu/?galleryId=4965345777025024 [blocks] [buttons] [Capture] Color_code_scroller.aia (11.2 KB) [COLUMN] [Designer] [global color_table] [global colorlist] [global listOffset] [global table_text] [global textList] [loadButtonColors] [nudgeBall1] Uploading: when any Button Click.png… Uploading: when btnEnd Click.png… [wh…

[TIMAI2]

Intrigued, I did some work with the extension from @yusufcihan, Dynamic Components, and came up with the following two aia demo projects:

Horizontal Scrolling Listview:

HorizontalDynamicCards.aia (240.5 KB)

Vertical Scrolling Listview:

VerticalDynamicCards.aia (240.4 KB)

Takes a bit of time and thought to set it up, but once done, it is simply a matter of generating the list of images and text requested into a list. I didn't go in for creating the Schema files....

Credits to Mayuur Berad over on Kodular for their fine examples on how to use the extension, and of course to @yusufcihan for the fine and clever extension ( I especially liked the ability to just type component names, and to be able to change designer only properties).

The main blocks for the horizontal scroller, should be draggable
(once loaded in blocks editor, double click to expand).

and for the vertical scroller:

[husnain]

Does it work with app inventor because there is no card view component.

[themaayur]

Thanks for Appreciation @TIMAI2 , I am glad that my guide also helped the AI2 users.

[TIMAI2]

@husnain

Does it work with app inventor because there is no card view component.

Yes, no cardview used, and examples created in AI2. I simulated a card view with an "outer" arrangement with a light grey background, and an "inner" arrangement in white, which contained the image and button.

With more extensions, you should be able to created rounded corners or circular images, and use a gradient image for the background in the "outer" arrangement.