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

JGParamo · Jul 10, 2024

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 · Jul 10, 2024

Thanks for sharing ?

JGParamo · Jul 10, 2024

aeric said:
Thanks for sharing ?

No probs aeric

aeric · Jul 10, 2024

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 · Jul 10, 2024

aeric said:
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 · Jul 10, 2024

JGParamo said:
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 · Jul 10, 2024

JGParamo said:
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 · Jul 15, 2024

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

JGParamo · Jul 15, 2024

tsteward said:
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.

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)

B4XThreePages - Based App UI Source Code Description:

Note:

Download Link:

Attachments

aeric

Expert

JGParamo

Active Member

aeric

Expert

JGParamo

Active Member

aeric

Expert

JohnJ

Member

tsteward

Well-Known Member

JGParamo

Active Member

Similar Threads

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

​

B4XThreePages - Based App UI Source Code Description:​

Note:​

Download Link:​

Attachments

Expert

Active Member

Expert

Active Member

Expert

Member

Well-Known Member

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency

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

B4XThreePages - Based App UI Source Code Description:

Note:

Download Link: