본문 바로가기

PhoneGap10

PhoneGap 갤러리에서 사진 가져오기 저번 포스팅에서는 사진을 찍어서 가져오는 걸 해봤는데요~ 이번 포스팅에서는 갤러리에서 사진을 가져오는 걸 해보겠습니다. 갤러리에서 사진 가져오는 것도 어렵지 않아요~ [PhoneGag] 카메라 제어하기 2012. 3. 19.
PhoneGap 카메라 제어하기 이번 포스팅에서는 폰갭으로 카메라를 제어하는 방법에 대해 써보도록 하겠습니다. 어플개발 공부를 하다보면 가장 관심이가는 부분이 카메라 제어가 아닐까 싶어요~ 알아두면 활용방법이 다양하기 때문이죠~ 명함관리 어플을 만든다던디 프로필을 작성한다던지 할때 사진의 활용은 중요하니까요~ㅎㅎ 카메라는 이렇게 사용합니다 navigator.camera.getPicture( 성공시 이벤트, 실패시 이벤트, 카메라옵션 ); 이벤트를 걸어주는 부분은 딱히 설명이 필요 없을것 같고~ 카메라 옵션 부분이 중요합니다. 옵션은 아래와 같이 "{}" 중괄호 안에 속성값을 ","로 구분해서 정의해주면 됩니다. navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality : 50.. 2012. 3. 18.
PhoneGap device 정보 가져오기 폰갭을 이용하여 디바이스의 정보를 가져올 수 있습니다. 어플을 실행하기 위해 필요로 하는 안드로이드의 버전이 낮을 경우 안내멘트를 띄운다거나 하는데 사용할 수 있을것 같네요~ 가지고 올수 있는 디바이스의 정보로는 name, phonegap, platfrom, uuid, version 등이 있습니다. name은 디바이스의 제품명이나 모델명, phonegap은 폰갭 api의 버전, platform은 디바이스의 운영체제, uuid는 디바이스의 일련번호, version은 운영체제의 버전 정보가 되겠습니다. 이렇게 사용하면 각각의 디바이스 정보가 device_info라는 id를 가진 위치로 정보를 넣어줍니다. 완성된 소스~ 실행 결과 2012. 3. 15.
PhoneGap 안드로이드 컨펌창 띄우기 이전 포스팅에서는 알림창을 띄우는걸 해봤는데요 이번에는 컨펌창 띄우기에 대해 포스팅을 해보겠습니다. 일반 알림창은 '확인' 버튼만 있으면 되지만, 컨펌창의 경우는 버튼을 여러개 사용할 수 있어야겠죠~ 컨펌창은 알림창 띄우기와 매우 유사합니다. navigator.notification.confirm(컨펌메시지, 컨펌을 닫고 실행할 이벤트, 컴펌창 타이틀, 버튼이름); 이렇게 쓰면 됩니다. 하지만 버튼의 경우 알림창과 다르개 여러개가 들어가야 합니다. 버튼이름 넣는 부분을 "확인,취소" 이런식으로 버튼을 "," 로 구분지어 줍니다. 앞에부터 버튼의 value가 1, 2 가 됩니다. 그리고 컨펌창을 닫고 실행할 이벤트에 button으로 선택된 value를 받아서 그에 맞는 처리를 해줄 수도 있습니다. 자세한건.. 2012. 3. 11.
PhoneGap 안드로이드 알림창 띄우기 이번 포스팅에서는 폰갭을 이용하여 알림창과 컨펌창 띄우는걸 해볼꺼에요. [Phonegap] javascript Event 추가하기 포스팅에서 작성한 소스에서 조금만 수정하면 된답니다. document.addEventListener("deviceready", onDeviceReady, false); 이부분은 저번 포스팅에서 어플이 시작되었을때 발생시킬 이벤트를 정의 하는 것이라고 설명드렸습니다. 그렇다면 어플이 시작되었을때 알림창을 띄우려면 onDeviceReady 이 이벤트 안에 코드를 추가해주면 되겠지요?? 일반 alert()로도 알림창을 띄울수 있지만, 폰갭 api를 보니 미리 정의된 알림창이 있었습니다. ※ 폰갭 notification api 참조는 요기로 http://docs.phonegap.co.. 2012. 3. 11.
PhoneGap javascript Event 추가하기 폰갭 샘플 소스를 실행시켜보셨다면~ html 파일과 javascript 로 구성된걸 확인하실 수 있을껍니다. 그렇다면 일반 웹에서 작업하듯 이벤트는 자바스크립트로 작성하면 되는걸까?? 하는 생각에 바로 프로젝트를 생성해서 폰갭 설정을 하고, (설정하는 방법을 까먹으셨다면 [PhoneGap] 안드로이드 프로젝트 생성하기 요 포스팅 참고하기~) index 파일에 alert("test"); 라고 알림창을 띄우는 자바스크립트 코드를 한줄 추가해보았습니다. ( 소스를 직접 포스트에 추가했더니 자꾸 스크립트가 실행되서.. 이미지로 첨부했어요.. ) 요렇게 작성한 소스를 실행해본결과~ 요렇게 일단 알림창이 뜨는 걸 확인 할 수 있었습니다. 그런데 이때!!.. 2012. 3. 10.