machen Custom Chrome App Topleiste

Question

Ich bin eine Chrom-App machen und das ist mein background.js

chrome.app.runtime.onLaunched.addListener(function() { 
    chrome.app.window.create('window.html', { 
     'outerBounds': { 
      'width': 500, 
      'height': 500, 
     }, 
     'resizable': false 
    }); 
}); 

Ich möchte wissen, wie es so zu machen, wenn ich die app laufen, die Top-Bar, wo man Schließen Sie die App ist eine andere Farbe. Ich möchte auch wissen, wie man Text auf der oberen Leiste mit einer anderen Farbe zeigt.

Answer 1

dies versuchen:

innerBounds: { Breite:, Höhe:, minWidth:, maxWidth:, minHeight:, maxHeight: }

Answer 2

Der obere Balken ist Teil der Fenster Rahmen.

Sie können eine FrameOptions Objekt liefern zu create():

chrome.app.runtime.onLaunched.addListener(function() { 
    chrome.app.window.create('window.html', { 
     'outerBounds': { 
      'width': 500, 
      'height': 500, 
     }, 
     'resizable': false, 
     'frame': { /* ... */ } 
    }); 
}); 

Sie haben zwei große Möglichkeiten:

• Sie können die Standard-System-Rahmen halten und haben (minimal) Anpassungsoptionen: speziell , können Sie die Farbe des Rahmens steuern. Siehe this sample.

  'frame': { 'color': "#ff0000" } 
  

  Optional kann es bei aktiv/inaktiv unterschiedlich sein. Das entsprechende Format finden Sie unter documentation. Sie können die Textfarbe auf diese Weise nicht steuern.

• Sie können den vom Betriebssystem bereitgestellten Rahmen komplett deaktivieren und eigene erstellen - Sie müssen jedoch Ihre eigenen Steuerelemente (z. B. eine Schließen-Schaltfläche) und draggable areas bereitstellen. Siehe this sample.

  'frame' : { 'type' : 'none' }