Wish B4XPages Bottom Navigation

LucasHeer

Active Member
Licensed User
Longtime User
Hello!

I have searched trying to find an answer to using a bottom navigation with B4XPages:

Here was my original thread:

B4XPages Three Page Example Menu Item

Hello! I am using B4XPages and am having trouble with displaying my bottom navigation over the pages. In B4A I use this after initiating the page manager: Dim pm As B4XPagesManager pm.Initialize(Activity) Activity.LoadLayout("BottomBar") However, I cannot figure out how to add the bottom nav...
www.b4x.com

Most modern apps have some kind of bottom navigation. 90% of my apps use bottom navigations, and I can't convert any of them to B4XPages. I also can't create any new apps using B4XPages.



Thank you!
 

Biswajit

Active Member
Licensed User
Longtime User
  1. Create a Layout
  2. Add AHViewPager
  3. Add any bottom navigation view below viewpager
  4. Create a separate layout for each page that will be opened on the bottom menu item click
  5. Create a B4XPage
  6. Load the viewpager layout to the page root panel
  7. Then those separate layouts to the viewpager
  8. On the menu item click just scroll to that page
 

LucasHeer

Active Member
Licensed User
Longtime User
Erel said:
There are many simple ways to implement such layout. You can for example, create a panel with a few ImageViews and labels. Implement it in a class and create such class in each of the pages.
Click to expand...

If I implement it in each page, then it rides the animation changing to other pages.

I need it to be static, while the content animates
 

Cableguy

Expert
Licensed User
Longtime User
B4XPages are "just" panels which have a single (Main) activity as parent.
You can add a panel to the bottom of this activity to act as your bottom drawer, and it won't interfere with B4XPAGES animations, and it can even have its own set of animations.
 

LucasHeer

Active Member
Licensed User
Longtime User
Erel said:
Not in B4i.


You can disable animations.
Click to expand...

Whenever I disable animations, my bottom navigation still blinks whenever loading other views.

My current system is universal between B4i/B4a, but I would love to switch to B4XPages which seems to be the standard.


Thank you!
 

LucasHeer

Active Member
Licensed User
Longtime User
Erel said:
Can you create a small project with this? Maybe it can be improved.
Click to expand...

Yes sir!

I've been very busy with web dev & working on existing apps.

Here is the cross platform example I came up with There are still back animations on iOS, and android still shows an animation animation. You can click the button to go to a different bottom navigation page.

I wish I could keep page animations but get rid of animations on the bottom navigation.


Sorry for taking everyone's time here. However, my hopes are to create cross-platform apps with B4XPages like Facebook, Instagram, Snapchat, etc... It seems like 90% of apps nowadays have this bottom navigation.


Thank you!
 

Attachments

  • Project.zip
    15.9 KB · Views: 528

Erel

B4X founder
Staff member
Licensed User
Longtime User
1. Why do you need a library for custom fonts???

2. In B4A, you can add the navigation to the main activity and give it an elevation of 20dip. It will appear above all pages.

3. It is a mistake to set a field in class before the class is initialized. Move it to B4XPage_Created

4. I've tested the B4i program. In release mode there is no visible flicker. You should show the next page with:
B4X: 
B4XPages.ShowPageAndRemovePreviousPages("Test Page")
 
You must log in or register to reply here.

Similar Threads

  • Article
Share My Creation [B4X] [Project Template] B4XPages for GitHub Upload
Replies
6
Views
3K
aeric
  • Article
Android Tutorial [B4X] [B4XPages] Splash Screen
Replies
13
Views
22K
ADeveloper
  • Locked
  • Article
Android Tutorial [B4X] [B4XPages] Intent based camera
Replies
8
Views
13K
Erel
  • Locked
  • Article
Android Example [B4X] [B4XPages] Barcode Reader
2
Replies
21
Views
33K
Erel
  • Locked
  • Article
Android Tutorial [B4X] B4XPages + B4XDrawer
Replies
4
Views
20K
Erel
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…