자료출처 : http://devian.tistory.com/159
로컬 HTML(Javascript)과 App 영역이 통신(함수호출)을 함으로써 간단한 하이브리드 앱을 만들어볼 수 있다.
1. HTML에서 App 함수 호출
1) 멤버로 android.os.Handler 를 생성한다. 호출 시 thread 처리를 위해서 이용된다.
private final Handler handler = new Handler();
2) App과 Javascript간 Bridge 클래스를 생성하고, 호출될 함수를 implement 한다.
(이 때 파리메터는 반드시 final로 선언)
Javascript에서 호출시 별도의 Thread로 구동될 수 있도록 아래와 같이 구현한다.
private class AndroidBridge {
public void setMessage(final String arg) { // must be final
handler.post(new Runnable() {
public void run() {
Log.d("HybridApp", "setMessage("+arg+")");
mTextView.setText(arg);
}
});
}
}
3) onCreate 함수에서 WebView에서 Javascript를 Enable 하고, JavascriptInterface로 Bridge 인스턴스를 등록한다.
// 웹뷰에서 자바스크립트실행가능
mWebView.getSettings().setJavascriptEnabled(true);
// Bridge 인스턴스 등록
mWebView.addJavascriptInterface(new AndroidBridge(), "HybridApp");
4) HTML 내에서 Javascript에서 선언된 함수를 다음과 같이 호출 한다.
window.<interfaceName>.<functionName>
window.HybridApp.setMessage(msg);
2. App에서 HTML의 Javascript 함수 호출 이부분은 간단하다....HTML에거 링크걸 때를 생각하면 되는데....
그냥 버튼을 눌렀을 때 다음과 같이 호출하면 된다.
mWebView.loadUrl("javascript:<함수명>('<arg>')");
실제 구현은 다음과 같이 된다.
mButton.setOnClickListener( new OnClickListener(){
public void onClick(View view) {
mWebView.loadUrl("javascript:setMessage('"+mEditText.getText()+"')");
}
});
위의 방법으로 연결된 간단한 하이브리드 어플리케이션이다...
작성일 : 13-04-02 16:58
조회 : 5,886 
추천 : 0 
비추천 : 0
