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 附带两个内置的原生导航 UI,让您无需修改网站即可提供类原生应用的导航体验:侧边导航抽屉和 Material 3 底部导航栏。两者均为可选,可以组合使用或独立使用。
1. 侧边导航抽屉
一个浮动菜单按钮会打开一个包含您的链接的 Material 导航抽屉。在 Config.java 中启用:
static boolean ENABLE_NAVIGATION_DRAWER = true;
在以下位置配置条目和图标:
app/src/main/res/menu/menu_drawer.xml
每个 <item> 都会成为抽屉中的一行,被点击时会将 WebView 导航到与其关联的 URL。
2. 底部导航栏
一个 Material 3 底部导航栏位于屏幕底部,用于在您的顶层部分之间切换。在 Config.java 中启用:
static boolean ENABLE_NAVIGATION_FOOTER = true;
同一文件(res/menu/menu_drawer.xml)驱动这些条目 — 请选择 3–5 个顶层目标。
行为:
- 两个 UI 都会自动适配设备的深色/浅色模式。
- 图标和标签来自您的菜单 XML。
- 点击一个条目会在主 WebView 中加载关联的 URL,因此您的 Web 应用永远不会离开应用外壳。
参考: Material 3 导航栏指南。