ArkTs 设置导航栏 示例代码

Arkts是一个用于构建跨平台桌面应用的框架，它通常结合Electron等技术提供丰富的用户界面组件，其中包括导航栏(Navigation Bar)的设计。在Arkts中设置导航栏，你可以通过创建`Menu`对象和添加`MenuItem`来实现。

以下是一个简单的示例代码：

import { app, Menu } from 'arkts';

// 创建主菜单
let template = [
  {
    label: 'File',
    submenu: [
      { role: 'close' },
    ],
  },
  {
    label: 'Edit',
    submenu: [
      { role: 'undo' },
      { role: 'redo' },
    ],
  },
];

// 初始化菜单
const menu = Menu.buildFromTemplate(template);

// 将菜单关联到应用程序
app.setApplicationMenu(menu);

// 当需要动态添加或修改菜单项时，可以这样做：
function addNewItem() {
  const newItem = {
    label: 'New Item',
    click: function () {
      console.log('New item clicked');
    }
  };
  menu.submenu.push(newItem);
}

// 添加新菜单项的触发点
addNewItem();

在这个例子中，我们首先定义了一个菜单模板，然后使用`Menu.buildFromTemplate`创建了实际的菜单对象。接着，我们设置了这个菜单作为应用的全局菜单。`addNewItem`函数可以在需要的时候动态增加新的菜单项。