** 참고 사이트 **
PhoneGap 사이트의 API : http://docs.phonegap.com/plugin-apis/
튜토리얼 사이트 : http://www.w3ii.com/cordova/default.html
두가지 파일(index.html, index.js)만 수정하면 된다.
: index.html은 프로젝트 디렉터리로 이동해서 www 폴더를 열면 존재하고
: index.js는 .js가 붙은거 보면 알겠지만 www폴더 밑에 js폴더 내에 존재한다.
작업은 html 만드는 것처럼 하면 된다.
[ Example ] 배터리 사용하기(안드로이드)
1. plugin 추가
>cordova plugin add cordova-plugin-battery-status
2. index.html 문서 수정 X
3. index.js 문서에 이벤트 걸기
onDeviceReady: function() {
// 충전기 연결했을 때 메시지 띄우기
window.addEventListener("batterystatus", onBatteryStatus, false);
// 배터리 15% 이하일때
window.addEventListener("batterylow", onBatteryLow, false);
// 5% 이하일때
window.addEventListener("batterycritical", onBatteryCritical, false);
this.receivedEvent('deviceready'); // 얘 보다 위에 이벤트를 걸어줘야 구동
}
4. index.js 문서에서 이벤트 함수 구현 (제일 끝에 추가)
function onBatteryStatus(info) {
alert("BATTERY STATUS: Level: " + info.level + " isPlugged: " + info.isPlugged);
}
function onBatteryLow(status) {
alert("Battery Level Low " + status.level + "%");
}
function onBatteryCritical(status) {
alert("Battery Level Critical " + status.level + "%\nRecharge Soon!");
}
'LANGUAGE > PhoneGap' 카테고리의 다른 글
| 하드웨어(안드로이드) 구동 - 주소록 (0) | 2017.11.01 |
|---|---|
| 하드웨어(안드로이드) 구동 - gps (0) | 2017.03.31 |
| 하드웨어(안드로이드) 구동 - 사진 (0) | 2017.03.31 |
| 폰갭 아이콘 바꾸기 (0) | 2017.03.30 |
| 폰갭 시작부터 배포까지 (1) | 2017.03.30 |
