[Android]WebView

▶ WebView

웹브라우저를 애플리케이션 안에 넣고 싶은 경우에는 WebView를 사용하면 되는데 XML 레이아웃 에서는 <WebView> 태그로 정의합니다. 웹뷰를 정의하여 사용할 때는 인터넷을 접속하게 되므로 항상 메니페스트에 인터넷 접속 권한이 등록되어야 합니다. 다음은 메니페스트에 등록해야 할 인터넷 권한 입니다.

[code]

<uses-permission android:name="android.permission.INTERNET" />

웹뷰의 설정 정보는 WebSettings 객체에 포함되어 있는데 이 객체는 getSettings() 메소드를 이용하여 참조할 수 있으며 '캐시 여부', '폰트 크기 설정', '화면 확대 여부', '스크립트 허용' 등을 설정할 수 있습니다. 이중에서 자바 스크립트를 허용하기 위해서는 setJavaScriptEnabled() 메소드를 이용하는데 setJavaScriptEnabled(true)로 설정 해야 합니다. 웹페이지를 로딩하여 화면에 보여주기 위해서는 loadUrl() 메소드를 사용하는데 이 메소드를 통해 원격지의 웹페이지를 열거나 로컬에 저장된 HTML 파일을 열수 있습니다. 이렇게 나타나면 웹페이지에 확대/축소 기능이 설정되어 있으면 화면 상에서 확대/축소가 가능하며 웹뷰 객체의 goForward()나 goBack() 메소드를 이용하면 앞에이지 또는 뒤 페이지로 이동할 수 있습니다.

▷ SampleWebViewActivity.java

import android.annotation.SuppressLint;

import android.app.Activity;

import android.os.Bundle;

import android.os.Handler;

import android.util.Log;

import android.view.View;

import android.view.View.OnClickListener;

import android.webkit.JsResult;

import android.webkit.WebChromeClient;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.widget.Button;

import android.widget.EditText;

@SuppressLint("SetJavaScriptEnabled")

public class SampleWebViewActivity extends Activity {

private static final String TAG = "WebView";

private WebView webView;

private Button loadBtn;

private Handler mHandler = new Handler();

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.main);

webView = (WebView) findViewById(R.id.webview);

WebSettings webSettings = webView.getSettings();

webSettings.setSavePassword(false);

webSettings.setSaveFormData(false);

webSettings.setJavaScriptEnabled(true);

webSettings.setSupportZoom(false);

webView.setWebChromeClient(new WebBrowserClient());

webView.addJavascriptInterface(new JavaScriptMethods(), "sample");

webView.loadUrl("file:///android_asset/sample.html");

final EditText urlInput = (EditText) findViewById(R.id.urlInput);

loadBtn = (Button) findViewById(R.id.loadBtn);

loadBtn.setOnClickListener(new OnClickListener() {

public void onClick(View v) {

webView.loadUrl(urlInput.getText().toString());

}

});

}

final class JavaScriptMethods {

JavaScriptMethods() {

}

public void clickOnFace() {

mHandler.post(new Runnable() {

public void run() {

loadBtn.setText("클릭후열기");

webView.loadUrl("javascript:changeFace()");

}

});

}

}

final class WebBrowserClient extends WebChromeClient {

public boolean onJsAlert(WebView view, String url, String message,

JsResult result) {

Log.d(TAG, message);

result.confirm();

return true;

}

}

}

▷ main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    <LinearLayout 

        android:orientation="horizontal"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        >

        <Button 

            android:id="@+id/loadBtn"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text=" 열기 "

            android:padding="4dp"

            android:textSize="20dp"

            />

        <EditText 

            android:id="@+id/urlInput"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:textSize="20dp"

            />

    </LinearLayout>

    <WebView 

        android:id="@+id/webview"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        />

</LinearLayout>

▷ AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.example.samplewebview"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="15" />

    <uses-permission android:name="android.permission.INTERNET"/>

    <application

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name=".SampleWebViewActivity"

            android:label="@string/title_activity_sample_web_view" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>