Share My Creation [B4X] B4XThreePages - Based App UI (Basic, Shaped, Modern, Themed, Borderless or Transparent Style on the Fly)

B4XThreePages - Based App UI (Basic, Shaped, Borderless or Transparent Style)​

This B4J project template is based on Erel's [B4X] B4XPages + B4XDrawer example. The B4XThreePages - Based App UI is the result of seeking shaped and transparent form version of the B4XPages + B4XDrawer as discussed on the related thread. This is a work in progress but can serve as take off on developing B4J apps with the suggested UI. This is intended to be extended to B4A and B4i. Certain libraries, classes, layouts, UI design, and code snippets sourced from B4X developers in this forum, credits are attributed to them (as comments within the code source and link to their work).

​

B4XThreePages - Based App UI Source Code Description:​

The B4XPages + B4XDrawer app UI framework introduced by Erel is a good approach in developing applications with basic as well as modern user interface. In that direction, this B4XThreePages - Based App UI template further extends the possibilities the basic B4XPages + B4XDrawer provides such as theme (light, dark, etc.) and style (decorated, transparent, etc.) selections and applies on the fly. App form can be dragged using most views. As Erel pointed out in this thread and other threads on transparent B4X pages (that is supposed to be non-transparent but made possible here), changing form style requires app restart which is automated in this app template. Further, form settings (position, size, theme, style) are remembered for next app run. Provided as is and may contain code logic or efficiency issues, use this template and improve on it as desired, share your creation.

Note:​

Various libraries aside from internal B4J ones are needed. Also, ensure that a background is set first by clicking the draw pen -> Random Background -> Check icons, avoiding silly transparent background color. In order for the app auto-rerun during style change, a standalone package (.exe) must be made using B4J IDE and app run from the executable.

Download Link:​

Download the source code of the B4XThreePages - Based App UI from the link below:

• Sample/Template Code

 

[aeric]

Thanks for sharing

 

[JGParamo]

Thanks for sharing

No probs aeric

 

[aeric]

I made a quick check.

You have put many things inside.

The code is quite "spaghetti" to me, especially when I try to select the form style, the process of saving the settings is taking a long route.

I understand this is a very initial stage so I think things will get improve in the future.

However, it is good to see more project templates shared in this forum.

Keep up the good work and I hope to see more improvement and work from you.

 

[JGParamo]

I made a quick check.

You have put many things inside.

The code is quite "spaghetti" to me, especially when I try to select the form style, the process of saving the settings is taking a long route.

I understand this is a very initial stage so I think things will get improve in the future.

However, it is good to see more project templates shared in this forum.

Keep up the good work and I hope to see more improvement and work from you.

Thank you on these remarks aeric, even me sees redundant or tedious code logic in my work that needs to be streamlined. Though posted this here at this early, you're right that this is on its initial stage that things have to be worked out for efficiency and performance.

 

[aeric]

Thank you on this remarks aeric, even me sees redundant or tedious code logic in my work that need to be streamlined. Though posted this here at this early, you're right that this is on its initial stage that things have to be worked out for efficiency and performance.

Yes, I understand that.
I also very excited to share my creations as always. Because I know it may help someone.

 

[JohnJ]

Thank you on these remarks aeric, even me sees redundant or tedious code logic in my work that need to be streamlined. Though posted this here at this early, you're right that this is on its initial stage that things have to be worked out for efficiency and performance.

Thanks, looking forward to having a look at this.

 

[tsteward]

Thank you, Are you going to prep the B4A or B4I to do the same?

 

[JGParamo]

Thank you, Are you going to prep the B4A or B4I to do the same?

B4A and B4i versions would be in the future as my time allows. Certain codes or views apply only in B4J so B4A or B4i would need its own to produce similar features.