界面控制

JSSDK 更新于 2026-09-21 阅读 11

界面控制

控制导航栏

matrix.setNavBarVisible(params)

显示或隐藏顶部导航栏。隐藏后进入沉浸式模式,返回按钮和右上角操作会以悬浮形式显示。此接口无需 config 即可调用。

请求参数

参数名 类型 必填 说明
visible Boolean 必填 true 显示,false 隐藏
onSuccess Function 必填 成功回调
onFail Function 必填 失败回调

调用示例

// 隐藏导航栏(完全沉浸式,默认)
matrix.setNavBarVisible({
  visible: false,
  onSuccess: function() {
    console.log('导航栏已隐藏');
  },
  onFail: function(error) {
    console.error('操作失败:', error.message);
  }
});

// 隐藏导航栏(非沉浸式,保留状态栏安全区域)
matrix.setNavBarVisible({
  visible: false,
  immersive: false,
  onSuccess: function() {
    console.log('导航栏已隐藏');
  },
  onFail: function(error) {
    console.error('操作失败:', error.message);
  }
});

控制菜单项

matrix.setMenuItemsVisible(params)

批量显示或隐藏指定的菜单项。此接口无需 config 即可调用。

请求参数

参数名 类型 必填 说明
items Array 必填 菜单项标识数组,可选值见下表
visible Boolean 必填 true 显示,false 隐藏
onSuccess Function 必填 成功回调
onFail Function 必填 失败回调

菜单项标识

标识 说明
menu_back 返回按钮(导航栏左侧)
menu_more 更多按钮(右上角"···")
menu_share 更多菜单中的"分享"项
menu_close 关闭按钮(右上角胶囊内)

调用示例

// 隐藏返回按钮和更多按钮
matrix.setMenuItemsVisible({
  items: ['menu_back', 'menu_more'],
  visible: false,
  onSuccess: function() {
    console.log('菜单项已隐藏');
  },
  onFail: function(error) {
    console.error('操作失败:', error.message);
  }
});

进入浮窗

matrix.setWindowFloating(params)

将当前 WebView 页面切换为系统浮窗,效果与点击更多菜单中的“浮窗”一致。当前网页、应用上下文以及 JSSDK 设置的导航栏和菜单状态会在恢复时保留。此接口无需 config 即可调用。

请求参数

参数名 类型 必填 说明
onSuccess Function 必填 成功回调
onFail Function 必填 失败回调

调用示例

matrix.setWindowFloating({
  onSuccess: function() {
    console.log('当前页面已进入浮窗');
  },
  onFail: function(error) {
    console.error('进入浮窗失败:', error.message);
  }
});

关闭页面

matrix.closeApp(params)

关闭当前 WebView 页面。此接口无需 config 即可调用。

请求参数

参数名 类型 必填 说明
onSuccess Function 必填 成功回调
onFail Function 必填 失败回调

调用示例

matrix.closeApp({
  onSuccess: function() {
    console.log('页面即将关闭');
  },
  onFail: function(error) {
    console.error('关闭失败:', error.message);
  }
});

浏览器打开链接

matrix.openInBrowser(params)

使用系统默认浏览器打开指定 URL。此接口无需 config 即可调用。

请求参数

参数名 类型 必填 说明
url String 必填 要打开的 URL(仅支持 http/https)
onSuccess Function 必填 成功回调
onFail Function 必填 失败回调

调用示例

matrix.openInBrowser({
  url: 'https://www.example.com',
  onSuccess: function() {
    console.log('已打开浏览器');
  },
  onFail: function(error) {
    console.error('打开失败:', error.message);
  }
});