Question

我希望我的窗口管理器（xmonad）将我的电子应用程序作为桌面状态栏进行管理：它必须在任何工作区都可用并且在屏幕上有一个保留的位置（在顶部作为示例）

为实现这一目标，我创建了一个这样的BrowserWindows：

mainWindow = new BrowserWindow({
    x:0,
    y:0,
    width:1024,
    height: 30,
    frame: false,
    title: 'electron-status-bar',
    type: 'dock'
});

我的栏在任何工作区和其他窗口上方都可见。但它仍然没有保留位置，因此与其他窗口重叠。

我使用xprop与dzen2（完美工作的实际状态栏）进行比较，dzen2具有以下属性：

_NET_WM_STRUT(CARDINAL) = 0, 0, 0, 34
_NET_WM_STRUT_PARTIAL(CARDINAL) = 0, 0, 0, 34, 0, 0, 0, 0, 0, 0, 0, 899

事实上，管理重叠的xmonad插件（ManageDock）正在观察这两个属性来计算窗口位置。

有一种方法可以在我的电子应用程序中设置这些属性吗？

Answer 1

这是一个解决方案，它说明了如何实现这一点，结构非常不合适。

将使用此库：https://github.com/sidorares/node-x11

const x11 = require( 'x11' );
var X;

使用电子，我们创建一个带有任意窗口标题的浏览器窗口。

mainWindow = new BrowserWindow(
    x: 0,
    y: 0,
    frame: false,
    type: 'dock',
    title: 'myTitle'
}

这里有一个限制：此窗口名称必须是唯一的，因为它将用于检索窗口ID（将用于应用属性）

将需要两个函数：使用其id检索窗口名称并使用其名称检索窗口ID：

var getWindowName = function( wid ) {
    return new Promise( function( resolve, reject ) {
        X.InternAtom(false, '_NET_WM_NAME', function (wmNameErr, wmNameAtom) {
            X.InternAtom(false, 'UTF8_STRING', function (utf8Err, utf8Atom) {
                X.GetProperty(0, wid, wmNameAtom, utf8Atom, 0, 10000000, function(err, nameProp) {
                    if( err ) {
                      reject( err );
                    }
                    resolve( nameProp.data.toString() );
                });
            });
        });
    });
}


var getWindowId = function (name) {

    return new Promise( function( resolve, reject ) {
        x11.createClient(function( err, display ) {
          X = display.client;
          var root = display.screen[0].root;
          X.QueryTree(root, function(err, tree) {
              tree.children.map( function( id ) {
                  let prop = getWindowName( id ).then( function( n ) {
                      if( n === name ) {
                          resolve( id );
                      }
                  })
              } );
          }) 
        });
    });
}

要获取窗口ID，我们必须从根中检索所有窗口并循环它们。对于每个函数，函数将其名称与搜索到的名称进行比较。

我们假设getWindowId函数将在起始点调用一次，因此我们将X客户端内部实例化，但它不应该是真实应用程序中的这种方式。

最后，我们需要一个函数来设置_NET_WM_STRUT_PARTIAL属性：

  var setStrutValues = function (wid, 
    left, right, top, bottom, 
    left_start_y, left_end_y, right_start_y, right_end_y, 
    top_start_x, top_end_x, bottom_start_x, bottom_end_x ) {

    var values = new Buffer( 4 * 12 );
    values.writeUInt32LE(left           ,0*4 );
    values.writeUInt32LE(right          ,1*4 );
    values.writeUInt32LE(top            ,2*4 );
    values.writeUInt32LE(bottom         ,3*4 );
    values.writeUInt32LE(left_start_y   ,4*4 );
    values.writeUInt32LE(left_end_y     ,5*4 );
    values.writeUInt32LE(right_start_y  ,6*4 );
    values.writeUInt32LE(right_end_y    ,7*4 );
    values.writeUInt32LE(top_start_x    ,8*4 );
    values.writeUInt32LE(top_end_x      ,9*4 );
    values.writeUInt32LE(bottom_start_x ,10*4 );
    values.writeUInt32LE(bottom_end_x   ,11*4 );

    X.InternAtom( false, '_NET_WM_STRUT_PARTIAL', function( err, strutAtom ) {
        X.ChangeProperty(0, wid, strutAtom, X.atoms.CARDINAL, 32, values) ;
    } );
  }

使用所有这些，我们可以做到：

getWindowId( 'myTitle' ).then( function( wid ) {
    setStrutValues( wid, 0, 0, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0 );
} )

如何设置X属性以创建带电子的桌面状态栏？

1 个答案: