2016-09-25 14:45:56 +00:00
|
|
|
# screen
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-04-30 16:53:21 +00:00
|
|
|
> 화면 크기, 디스플레이, 커서 위치 등의 정보를 가져옵니다.
|
|
|
|
|
2016-11-07 13:55:29 +00:00
|
|
|
프로세스: [메인](../tutorial/quick-start.md#main-process), [렌더러](../tutorial/quick-start.md#renderer-process)
|
|
|
|
|
2016-09-25 14:45:56 +00:00
|
|
|
이 모듈은 `app` 모듈의 `ready` 이벤트가 발생하기 전까지 포함하거나 사용할 수
|
|
|
|
없습니다.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-10-14 02:17:35 +00:00
|
|
|
`screen`은 [EventEmitter](https://nodejs.org/api/events.html#events_class_eventemitter)를
|
2015-11-19 19:46:05 +00:00
|
|
|
상속 받았습니다.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-04-17 17:39:05 +00:00
|
|
|
**참고:** 렌더러 / DevTools에선 이미 DOM 속성이 `window.screen`을 가지고 있으므로
|
2016-06-12 18:28:11 +00:00
|
|
|
`screen = require('screen')` 형식으로 모듈을 사용할 수 없습니다.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-04-30 16:53:21 +00:00
|
|
|
다음 예시는 화면 전체를 채우는 윈도우 창을 생성합니다:
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-06-12 18:28:11 +00:00
|
|
|
|
2015-06-25 17:32:51 +00:00
|
|
|
```javascript
|
2016-06-12 18:28:11 +00:00
|
|
|
const electron = require('electron')
|
|
|
|
const {app, BrowserWindow} = electron
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-06-12 18:28:11 +00:00
|
|
|
let win
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-05-10 07:27:14 +00:00
|
|
|
app.on('ready', () => {
|
2016-06-12 18:28:11 +00:00
|
|
|
const {width, height} = electron.screen.getPrimaryDisplay().workAreaSize
|
|
|
|
win = new BrowserWindow({width, height})
|
2016-09-29 15:52:40 +00:00
|
|
|
})
|
2015-06-25 17:32:51 +00:00
|
|
|
```
|
|
|
|
|
2016-04-30 16:53:21 +00:00
|
|
|
다음 예시는 확장 디스플레이에 윈도우를 생성합니다:
|
2015-06-25 17:32:51 +00:00
|
|
|
|
|
|
|
```javascript
|
2016-06-12 18:28:11 +00:00
|
|
|
const electron = require('electron')
|
|
|
|
const {app, BrowserWindow} = require('electron')
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-06-12 18:28:11 +00:00
|
|
|
let win
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-05-10 07:27:14 +00:00
|
|
|
app.on('ready', () => {
|
2016-06-12 18:28:11 +00:00
|
|
|
let displays = electron.screen.getAllDisplays()
|
|
|
|
let externalDisplay = displays.find((display) => {
|
|
|
|
return display.bounds.x !== 0 || display.bounds.y !== 0
|
|
|
|
})
|
2015-06-25 17:32:51 +00:00
|
|
|
|
|
|
|
if (externalDisplay) {
|
2016-05-10 18:14:06 +00:00
|
|
|
win = new BrowserWindow({
|
2015-06-25 17:32:51 +00:00
|
|
|
x: externalDisplay.bounds.x + 50,
|
2015-10-06 10:53:35 +00:00
|
|
|
y: externalDisplay.bounds.y + 50
|
2016-06-12 18:28:11 +00:00
|
|
|
})
|
2015-06-25 17:32:51 +00:00
|
|
|
}
|
2016-06-12 18:28:11 +00:00
|
|
|
})
|
2015-06-25 17:32:51 +00:00
|
|
|
```
|
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
## Events
|
|
|
|
|
|
|
|
`screen` 모듈은 다음과 같은 이벤트를 가지고 있습니다:
|
|
|
|
|
|
|
|
### Event: 'display-added'
|
|
|
|
|
|
|
|
Returns:
|
2015-06-25 17:32:51 +00:00
|
|
|
|
|
|
|
* `event` Event
|
2016-10-12 16:12:02 +00:00
|
|
|
* `newDisplay` [Display](structures/display.md)
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-10-12 16:12:02 +00:00
|
|
|
`newDisplay` 가 추가되면 발생하는 이벤트입니다.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
### Event: 'display-removed'
|
|
|
|
|
|
|
|
Returns:
|
2015-06-25 17:32:51 +00:00
|
|
|
|
|
|
|
* `event` Event
|
2016-10-12 16:12:02 +00:00
|
|
|
* `oldDisplay` [Display](structures/display.md)
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-10-12 16:12:02 +00:00
|
|
|
`oldDisplay` 가 제거되면 발생하는 이벤트입니다.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
### Event: 'display-metrics-changed'
|
|
|
|
|
|
|
|
Returns:
|
2015-06-25 17:32:51 +00:00
|
|
|
|
|
|
|
* `event` Event
|
2016-10-12 16:12:02 +00:00
|
|
|
* `display` [Display](structures/display.md)
|
2016-09-29 15:52:40 +00:00
|
|
|
* `changedMetrics` String[]
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
`display`에서 하나 또는 다수의 매트릭스가 변경될 때 발생하는 이벤트입니다.
|
2015-07-12 04:23:54 +00:00
|
|
|
`changedMetrics`는 변경에 대한 정보를 담은 문자열의 배열입니다.
|
|
|
|
`bounds`, `workArea`, `scaleFactor`, `rotation`등이 변경될 수 있습니다.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
## Methods
|
|
|
|
|
|
|
|
`screen` 모듈은 다음과 같은 메서드를 가지고 있습니다:
|
|
|
|
|
|
|
|
### `screen.getCursorScreenPoint()`
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-09-29 15:52:40 +00:00
|
|
|
Returns `Object`:
|
2016-10-25 13:34:48 +00:00
|
|
|
|
2016-09-29 15:52:40 +00:00
|
|
|
* `x` Integer
|
|
|
|
* `y` Integer
|
|
|
|
|
|
|
|
현재 마우스 포인터의 절대 위치.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
### `screen.getPrimaryDisplay()`
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-09-29 15:52:40 +00:00
|
|
|
Returns `Display` - 기본 디스플레이.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
### `screen.getAllDisplays()`
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-09-29 15:52:40 +00:00
|
|
|
Returns `Display[]` - 사용 가능한 모든 디스플레이의 배열.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
### `screen.getDisplayNearestPoint(point)`
|
2015-06-25 17:32:51 +00:00
|
|
|
|
|
|
|
* `point` Object
|
|
|
|
* `x` Integer
|
|
|
|
* `y` Integer
|
|
|
|
|
2016-09-29 15:52:40 +00:00
|
|
|
Returns `Display` - 지정한 좌표에 가까운 디스플레이.
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2015-09-02 23:28:12 +00:00
|
|
|
### `screen.getDisplayMatching(rect)`
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-10-12 16:12:02 +00:00
|
|
|
* `rect` [Rectangle](structures/rectangle.md)
|
2015-06-25 17:32:51 +00:00
|
|
|
|
2016-09-29 15:52:40 +00:00
|
|
|
Returns `Display` - 지정한 범위에 가장 가깝게 교차한 디스플레이.
|