Android Question How do you design long pages where it can also have horizontal scroll?

[Daica]

Some apps that I use on my phone has some nice layout and designs, I was wondering if it was possible to do with B4X, or if this is a limitation.
For example, on the home page of the Amazon app, you can scroll down a long list of items.
For some of the sections, you can also scroll horizontally.

I havent really seen something like that on here on the B4X forum.

When doing research, it seems like you have to use either a scrollview, or xCustomListView for the vertical scroll.
However, with both of these options, if you use a vertical scroll, you cannot have any views inside them that is able to scroll.

Here is an example of an app design in Figma, where users can scroll vertically, a long page, as well as have sections where they can scroll through horizontally.

Is it really hard to do in B4X? Or is it currently a limitation, since you cannot have views that scrolls within ScrollView and xCustomListView?

 

[asales]

You can use CustomListView, but I saw similar layouts in this threads:

Source code for sale (Ui max_co)

Hello We are very happy to have friends like you I hope you like our work 🙏 2-UM Filimo We are very happy to present a new design for public sale today This source code can be run on B4A, B4i Price: $18 Email us to receive the source code: [email protected] Our PayPal Account...

www.b4x.com

B4X Ui/Ux 👨‍🎓👩‍🏫

Ui max_co Hello friends 👨‍💻👩‍💻 We are here to show the world the power and beauty of B4X-built apps New post 17-Drawer Ui (Figma) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -...

www.b4x.com

 

[asales]

And in this thread too:

[Lib, Chargeable] Amir_RecyclerView

New b4a library! :) RecyclerView, an important part of the sdk and android for making a custom list with better Layout , animation , and fixed for large data set. Amir_RecyclerView released new version that we call it AX_RecyclerView. version 1.0.8 is last update for Amir_RecyclerView and we...

www.b4x.com

 

[Andrew (Digitwell)]

On Android, you can nest multiple horizontal custom List views in a vertical custom list view or vie versa and they will all scroll correctly.

The only problem I have had is trying to nest custom list views which scroll in the same direction.
Nesting a scrolling webview in a custom list view also does not work very well.

 

[AnandGupta]

The search gave me below links,

[B4X][XUI] xImageSliderIG - Instagram style image and video slider

This Instagram style image and video slider is compatible with B4A and B4I. xImageSliderIG Author: @Biswajit Version: 2.02 Dependency: B4A: JavaObject, XUI, GestureDetector, AHViewPager(ver. 3), OkHttpUtils2, ExoPlayer B4I: iXUI, iHttpUtils2, iUI8 Features: Instagram like Image Counter...

www.b4x.com

How to add multiple of "Horizontal CustomListView" inside "Vertical CustomListView" ?

Dear all, Greetings, How to add multiple of "Horizontal CustomListView" inside "Vertical CustomListView" ? i.e each "Horizontal CustomListView" seam as raw inside "Vertical CustomListView". Thanks on advance. Regards

www.b4x.com

CLVNested - Allows nesting CLVs

Putting a CLV inside another one will not work out of the box. The inner list will not be scrollable. CLVNested makes it possible. Limitations: - One list per item. - The user will not be able to interact with views added to the inner list. The basic features of the inner list will work. -...

www.b4x.com

Horizontal CustomListView as an Element in a Vertical CustomListView

Hello, I need to add a horizontal CustomListView as an element of a Vertical CLV. The code that I'm using is: Private Sub createOfertas As B4XView Dim p As B4XView = xui.CreatePanel("") p.SetLayoutAnimated(0,0,0,100%x,200dip) p.LoadLayout("restaurantMenuOfertas") Dim...

www.b4x.com

GridView like instagram

Hello how to create this type of grid

www.b4x.com

You can check them out, if any fits your need.