** 참고 사이트 **

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!");

}

+ Recent posts