Question

我试图在Electron的Touchbar上构建一个带有自定义图像的按钮。通过＆＃34;电子进行测试时。＆＃34;图像显示 - 已发布的macOS应用程序按钮为空，触摸栏中没有图像。该应用程序是通过电子建设者构建和发布的。我错过了什么吗？

const {app, BrowserWindow, ipcMain, dialog, TouchBar} = require('electron');
const {TouchBarButton} = TouchBar;

// Touchbar support
let touchBarResult = new TouchBarButton({
    'label': 'Let me shrink some images!',
    'backgroundColor': '#000000',
});

let touchBarIcon = new TouchBarButton({
    'backgroundColor': '#000000',
    'icon': path.join(__dirname, 'build/18x18@2x.png'),
    'iconPosition': 'center',
});

const touchBar = new TouchBar([
    touchBarResult
]);

// Add Touchbar icon
touchBar.escapeItem = touchBarIcon;

Github上dev分支中的完整代码： https://github.com/stefansl/image-shrinker/blob/dev/main.js

Answer 1

app.post('/some-route', checkNestedBodyMiddleware, (req, res) => { // your route logic here. })组件接受TouchBarButton选项作为icon对象。如果仅显示一张图像，则其最大尺寸为16x16。该代码可以正常工作：

NativeImage

带有自定义图像的Touchbar图标无法在Electron中加载

1 个答案: