Electron怎么讓菜單和 logo/放大縮小功能在一樣呢？

我想實現(xiàn) github Desktop 的效果，如下圖：
圖片描述

而默認(rèn)的效果如下圖，logo和放大縮小功能和菜單欄在兩行了：
圖片描述

除了自定義外，有其他辦法實現(xiàn)嗎，沒找到相關(guān)的配置。謝謝!

回答

編輯回答

心悲涼

我記得你點擊頭部狀態(tài)欄其實也是變大變小。這個地方如果用配置的話，應(yīng)該和普通應(yīng)用一樣的，如果自定義的想想空間就比較多了

2018年7月9日 16:39

編輯回答

空白格

這個需要自定義 title. 我就是這樣做的

給你參考一下三個小按鈕的實現(xiàn):

class Controls extends React.Component {
  closeWindow = _ => {
    remote.getCurrentWindow().close();
  };

  minimize = _ => {
    remote.getCurrentWindow().minimize();
  };

  maximize = _ => {
    let window = remote.getCurrentWindow();

    if (window.isMaximized()) window.unmaximize();
    else window.maximize();
    this.forceUpdate();
  };

  render() {
    let window = remote.getCurrentWindow();
    const isMaximized = window.isMaximized();

    return (
      <ul className={style.controls}>
        <li onClick={this.closeWindow} className={style.closeButton}>
          <svg
            className={style.label}
            fill="#000000"
            viewBox="0 0 24 24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
            <path d="M0 0h24v24H0z" fill="none" />
          </svg>
        </li>
        <li onClick={this.minimize} className={style.minButton}>
          <svg
            className={style.label}
            fill="#000000"
            viewBox="0 0 24 24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path d="M19 13H5v-2h14v2z" />
            <path d="M0 0h24v24H0z" fill="none" />
          </svg>
        </li>
        <li onClick={this.maximize} className={style.maxButton}>
          {isMaximized
            ? <svg
                className={style.label}
                fill="#000000"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path d="M0 0h24v24H0z" fill="none" />
                <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" />
              </svg>
            : <svg
                className={style.label}
                fill="#000000"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path d="M0 0h24v24H0z" fill="none" />
                <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" />
              </svg>}
        </li>
      </ul>
    );
  }
}

2017年10月5日 15:15