게시글

폰갭실행시에 첫로딩화면 SplashScreen

config.xml 파일에 설정해야된다 설치시기본사항 아래에 추가할수 있음 메뉴얼중 foo에 로딩할 화면 주소를 적으면 된다고는 하나 적용해도 되지 않음 그래서 기존에 있는 이미지를 전부 교체하는 식으로 작업을했다 해당프로젝트/****/platforms/android/bin/res/crunch/~~~ 하위에 있는 디렉토리중에 (해당프로젝트/****/platforms/android/bin/res/crunch/drawable-land-hdpi/screen.png) screen.png 이미지를 전부교체하는 방법으로 처리함 어떤이미지가 적용되는지를 정확하게 알수 없어서 전부교체하는 방법이이다 교체해도 바로 적용되지 않는것을 파악했다 이클립스를 다시 실행해야 적용이 되는것이 였다 ㅠㅠ

#프로그램 #소스 #PhoneGap #폰갭 #안드로이드앱 #스플래시스크린 #SplashScreen #로딩화면 #config.xml

게시글

인터넷 브라우저로 띄우는 방법

폰갭을 사용하다보면 폰갭내의 웹뷰로 띄우지 않고 동일한 도메인인경우에 브라우저 창으로 띄울수 있다 이때 사용한다 navigator.app.loadUrl("띄울 주소",{openExternal:true}); 버전이 업되면서 보안때문에 도메인이 다른경우 브라우저창으로 페이지를 보여주게되는데(특별한설정없는경우) 동일한 도메인인경우에 브라우저 창으로 띄울수 있다​

#프로그램 #소스 #PhoneGap #폰갭 #하이브리드앱 #외부브라우저 #openExternal #loadUrl

게시글

버전에따라 다르게 처리하기위해 앱 버전을 알아내는 방법

앱설치후에 앱의 버전을 알고 싶을때가 있다 예를 들어 1버전 앱인데 지금 2버전까지 개발되었을때 1버전 사용자들에게 2버전을 다운받으라고 안내하고 싶을때가있다 그러나 그렇게 쉬운 방법이 아니였다 웹뷰안에서 버전을 알기 위해 여러가지 검색을 해보았으나 플러그인을 찾지못했다 물론 안드로이드,IOS버전을 알수 있는 플러그인은 있었으나 해당 앱의 버전을 알수 있는방법은 찾지못했다 그런데 플러그인 필요없이 간단하게 처리 하는방법이 있다 그건 폰갭셋팅후에 웹뷰를 호출할때 index.html 파일을 연결하는 부분이 있다 이곳에 get방식으로 version변수를 넘기면된다 index.html?version=1.0 뭐 이런식으로 하면된다 2.0버전일때 모바일 홈페이지에서 알려주는 방법은 다음과같다 if(version!="2.0"){ //업데이트 문구 } 이렇게 해당 소스는 ftp에서 변경할수 있고 앱1.0버전에서 접속하는 경우 version=1.0 이므로 업데이트 문구를 실행할수 있게된다 결론적으로 꼭 플러그인이 아니여도 변수를 넘김으로 인해서 간단하게 처리할수 있는방법이 존재한다 ​

#프로그램 #소스 #PhoneGap #폰갭 #하이브리드앱 #앱버전확인 #앱업데이트안내 #웹뷰

게시글

페이지를 찾을수 없습니다 페이지 다른 페이질 이동시키는 방법

폰갭은 웹뷰를 기본적으로 사용하다보니 인터네에 연결된것이 전재가 되는경우가 많다 그러다 보면 인터넷이 연결되지 않은경우 페이지를 찾을수 없습니다라는 페이지가 뜨는경우가 있다 이렇게 되면 사용자들이 앱같은 생각보다는 브라우저같은 느낌이 들게되어 찾을수 없습니다라는 페이지 대신 다른 페이지를 띄우고 싶을때가 있다 아래 소스는 해당 소스이다 인터넷이 연결되지 않은경우 로컬파일를 호출하는 형태이다 webView.setWebViewClient(new WebViewClient(){ public void onReceivedError(WebView view, int errorCode,String description, String failingUrl) { webView.loadUrl("file:///android_asset/www/error.htm"); showNetworkError(); } });

#프로그램 #소스 #PhoneGap #폰갭 #안드로이드웹뷰 #하이브리드앱 #네트워크오류 #오류페이지 #WebViewClient

게시글

안드로이드 백버튼 클릭할때 앱종료하는 소스

안드로이드폰에서 뒤로가기 클릭했을때 이벤트 device 플러그인에 포함되어 있다고 생각된다 아래는 backbutton 리스너를 통해서 앱을 종료하는 소스이다 //뒤로가기 버튼 클릭시 document.addEventListener("backbutton", function(){ if(confirm("앱을 종료 하시겠습니까?")){ navigator.app.exitApp();//프로그램종료 } }, false); 앱을 백그라우드로 넘기는 방법은 없을까 하고 여러가지를 찾아보았지만 난 찾지 못했다 ㅠㅠ 참고적으로 내가 찾은 navigator.app 함수들이다 navigator.app.backHistory(); navigator.app.cancelLoadUrl(); navigator.app.clearCache(); navigator.app.clearHistory(); navigator.app.exitApp(); navigator.app.loadUrl(url, props); navigator.app.overrideBackbutton(override); 몇가지는 테스트 해보았으나 몇가지는 테스트 해보지 안았다 ​

#프로그램 #소스 #PhoneGap #폰갭 #안드로이드뒤로가기 #backbutton #앱종료 #exitApp #하이브리드앱

게시글

확대축소를 하기위한 설정부분

폰갭을 사용하다보면 처음에 셋팅되어 있는것이 확대 축소를 할수 없게 되어있다 이때문에 이미지 확대축소 하기가 어려운부분이있다 package ****.****.****; import org.apache.cordova.*; import android.webkit.WebView; import android.webkit.WebSettings; import android.webkit.WebSettings.ZoomDensity; public class MainActivity extends CordovaActivity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Set by in config.xml loadUrl(launchUrl); WebView webView = (WebView) appView.getEngine().getView(); WebSettings settings = webView.getSettings(); settings.setBuiltInZoomControls(true); settings.setSupportZoom(true); } } ​ 빨강색으로 체크한부분의 소스를 추가 하면 확대축소를 사용할수 있게된다 이때 확대축소할때 돋보기 버튼이 나오게 되는데 사실 난 별로 이뻐보이지 않는다 그래서 빼고자 했더니 설정부분을 바꾸면 간단하게 되는 부분이 있다 settings.setSupportZoom(true); settings.setDisplayZoomControls(false);//돋보기 제거 이렇게 하단에 추가하면 돋보기가 보여지지 않는다 ​ 해당옵션들을 확인하고자 할때 API를 참고하면 더자세히 나온다

#프로그램 #소스 #PhoneGap #폰갭 #확대축소 #코르도바 #안드로이드웹뷰 #WebSettings #줌컨트롤