Wish Application demo layouts

I would find some demo applications with different screen layouts to be useful:

  • yes

  • no


Results are only viewable after voting.

wl

Well-Known Member
Licensed User
Longtime User
Hi,

I have been programming B4x for quite some while but b4i every once in a while.
I always struggle to find a good application layout (eg: main screen, screen for settings, screen with swipe functionality, custom grid demo, how to navigate between screens: eg: from main screen to settings screens and back...)

I think it would be nice to have some empty demo applications with different screen types, screen flows, ... etc. So without any logic apart from code to navigate between screens ...
In such a case I could start from such an application flow template and put it in my business logic ...

Would this be a good idea or am I missing something ?

Thanks
 
Last edited:

William Lancee

Well-Known Member
Licensed User
Longtime User
I have been experimenting with 'adaptive' layouts and font sizes with B4XPages.
That is, 'adaptive' to screen sizes. It is more complicated than just scaling.

B4Xpages invites thinking about a page (= a class) as a functional layout.
So one could have pages like you suggest.

So far, I have managed to create a page/class that can display grids, graphs, labels, switches, input fields.
All views are inside draggable/resizable panels and all text is rendered with the BBCodeview TextEngine.
I do the experimentation in B4J so I can resize the screen to see the effect of screen size on font and shapes.

Attractive font sizes are related to screen size but have a lower and upper bounds for legibility.
The horizontal scale and vertical scale need to be kept separate, where the vertical scale is dependent on the constrained font size.
The horizontal scale is computed form the center of the screen. Since almost universally (in Apps) now, texts are read horizontally,
only screen width needs to be considered in scaling calculations.

If you haven't done so, I suggest doing similar experiments with B4XPages.
 
Last edited:
  • Like
Reactions: wl
Top