electron/docs/api/screen.md

141 lines
3.5 KiB
Markdown
Raw Normal View History

2014-01-07 12:35:13 +00:00
# screen
2015-08-29 05:24:54 +00:00
The `screen` module retrieves information about screen size, displays, cursor
2016-04-22 13:56:24 +00:00
position, etc. You can not use this module until the `ready` event of the
2016-04-18 16:04:47 +00:00
`app` module is emitted (by invoking or requiring it).
`screen` is an [EventEmitter](http://nodejs.org/api/events.html#events_class_events_eventemitter).
**Note:** In the renderer / DevTools, `window.screen` is a reserved DOM
property, so writing `var screen = require('electron').screen` will not work.
In our examples below, we use `electronScreen` as the variable name instead.
An example of creating a window that fills the whole screen:
```javascript
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
var mainWindow;
app.on('ready', function() {
var electronScreen = electron.screen;
var size = electronScreen.getPrimaryDisplay().workAreaSize;
mainWindow = new BrowserWindow({ width: size.width, height: size.height });
});
2014-07-01 15:30:26 +00:00
```
2014-01-07 12:35:13 +00:00
Another example of creating a window in the external display:
```javascript
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
var mainWindow;
app.on('ready', function() {
var electronScreen = electron.screen;
var displays = electronScreen.getAllDisplays();
var externalDisplay = null;
2015-10-05 03:41:06 +00:00
for (var i in displays) {
if (displays[i].bounds.x != 0 || displays[i].bounds.y != 0) {
externalDisplay = displays[i];
break;
}
}
if (externalDisplay) {
mainWindow = new BrowserWindow({
x: externalDisplay.bounds.x + 50,
y: externalDisplay.bounds.y + 50
});
}
});
```
## The `Display` object
The `Display` object represents a physical display connected to the system. A
fake `Display` may exist on a headless system, or a `Display` may correspond to
a remote, virtual display.
* `display` object
* `id` Integer - Unique identifier associated with the display.
* `rotation` Integer - Can be 0, 1, 2, 3, each represents screen rotation in
clock-wise degrees of 0, 90, 180, 270.
* `scaleFactor` Number - Output device's pixel scale factor.
* `touchSupport` String - Can be `available`, `unavailable`, `unknown`.
* `bounds` Object
* `size` Object
* `workArea` Object
* `workAreaSize` Object
2015-08-29 05:24:54 +00:00
## Events
The `screen` module emits the following events:
### Event: 'display-added'
Returns:
* `event` Event
* `newDisplay` Object
Emitted when `newDisplay` has been added.
2015-08-29 05:24:54 +00:00
### Event: 'display-removed'
Returns:
* `event` Event
* `oldDisplay` Object
Emitted when `oldDisplay` has been removed.
2015-08-29 05:24:54 +00:00
### Event: 'display-metrics-changed'
Returns:
* `event` Event
* `display` Object
2015-05-15 20:09:59 +00:00
* `changedMetrics` Array
2015-08-29 05:24:54 +00:00
Emitted when one or more metrics change in a `display`. The `changedMetrics` is
an array of strings that describe the changes. Possible changes are `bounds`,
`workArea`, `scaleFactor` and `rotation`.
2015-08-29 05:24:54 +00:00
## Methods
The `screen` module has the following methods:
### `screen.getCursorScreenPoint()`
2014-01-07 12:35:13 +00:00
Returns the current absolute position of the mouse pointer.
2015-08-29 05:24:54 +00:00
### `screen.getPrimaryDisplay()`
2014-01-07 12:35:13 +00:00
Returns the primary display.
2015-08-29 05:24:54 +00:00
### `screen.getAllDisplays()`
Returns an array of displays that are currently available.
2015-08-29 05:24:54 +00:00
### `screen.getDisplayNearestPoint(point)`
2015-01-16 22:01:52 +00:00
* `point` Object
* `x` Integer
* `y` Integer
Returns the display nearest the specified point.
2015-08-29 05:24:54 +00:00
### `screen.getDisplayMatching(rect)`
* `rect` Object
* `x` Integer
* `y` Integer
* `width` Integer
* `height` Integer
Returns the display that most closely intersects the provided bounds.