Navigation Drawer & Bottom Navigation Footer
Ship an app-like navigation experience with the built-in Material navigation drawer and Material 3 bottom navigation bar — no changes to your website required.
WebViewGold liefert zwei eingebaute native Navigations-UIs, sodass du eine App-artige Navigation ausrollen kannst, ohne die Website anzufassen: einen seitlichen Navigation-Drawer und eine Material-3-Bottom-Navigation. Beide sind optional und können kombiniert oder einzeln genutzt werden.
1. Seitlicher Navigation-Drawer
Ein schwebender Menü-Button öffnet einen Material-Navigation-Drawer mit deinen Links. Aktiviere ihn in Config.java:
static boolean ENABLE_NAVIGATION_DRAWER = true;
Konfiguriere die Einträge und Icons in:
app/src/main/res/menu/menu_drawer.xml
Jeder <item> wird zu einer Drawer-Zeile und navigiert beim Tippen den WebView zur zugehörigen URL.
2. Bottom-Navigation-Footer
Eine Material-3-Bottom-Navigation sitzt am unteren Bildschirmrand und wechselt zwischen den Top-Level-Bereichen. Aktiviere sie in Config.java:
static boolean ENABLE_NAVIGATION_FOOTER = true;
Dieselbe Datei (res/menu/menu_drawer.xml) steuert die Einträge – wähle 3–5 Top-Level-Ziele.
Verhalten:
- Beide UIs respektieren automatisch den Dark-/Light-Modus des Geräts.
- Icons und Beschriftungen kommen aus deiner Menü-XML.
- Ein Tap auf einen Eintrag lädt die zugehörige URL im Haupt-WebView, sodass deine Web-App nicht die App-Hülle verlässt.
Referenz: Material-3-Bottom-Navigation-Richtlinien.