태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

웹뷰(WebView)에 관한 고찰

9년 전

# Layout
그냥 <WebView> 태그 넣고 그 안에 속성 넣어주면 끝...

# WebViewClient를 상속받은 클래스 정의
WebViewClient 클래스를 상속받아 구현합니다. 이 안에 shouldOverrideUrlLoading() 메소드를 구현하지 않으면 웹뷰 내 링크 터치할 때 연결 프로그램(기본 브라우저, 크롬 등) 설정창이 뜹니다.

import android.webkit.*;

class WebBrowserClient extends WebViewClient {

    /*
     * 웹뷰 내 링크 터치 시 새로운 창이 뜨지 않고
     * 해당 웹뷰 안에서 새로운 페이지가 로딩되도록 함
     */
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
}

# WebView 객체 생성 및 세팅

import android.webkit.*;

public class MainActivity extends Activity {

    private WebView webView;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 웹뷰 설정
        webView = (WebView)findViewById(R.id.webView);

        WebSettings webSettings = webView.getSettings();
        webSettings.setUseWideViewPort(true);
        webSettings.setSupportZoom(true); // 줌 서포터 표시
        webSettings.setBuiltInZoomControls(true); // 멀티터치 줌 지원
        webSettings.setJavaScriptEnabled(true);

        webView.setWebViewClient(new WebBrowserClient());

        // 웹뷰에 웹 사이트 표시
        String url = "http://www.musictrot.com";
        webView.loadUrl(url);
    }
}

# WebView 초기화 방지

화면 회전시 웹뷰가 초기화되지 않도록 합니다. 액티비티 클래스 안에 onConfigurationChanged() 메소드를 구현합니다.

/*
* 화면 회전시 화면이 초기화되버리는 문제 방지
* 매니페스트 액티비티 속성에
* android:configChanges="orientation|screenSize"
* 추가 필요
*/
public void onConfigurationChanged(Configuration newConfig){
    super.onConfigurationChanged(newConfig);
}

반드시 매니페스트 파일에 다음과 같이 액티비티 속성을 추가해야 합니다.

<activity
    android:name="com.heroism.webviewapp.MainActivity"
    android:configChanges="orientation|screenSize"
    android:label="@string/app_name" >
</activity>

# 뒤로가기

액티비티 클래스 안에 onKeyDown() 메소드를 구현하면 back 키를 눌렀을때 이전 페이지를 보여주도록 할 수 있습니다. 이때 canGoBack() 메소드로 이전 페이지로 이동할 수 있는지 판단한 후 goBack() 메소드를 호출하여 이전 페이지를 보여줍니다.

첫 페이지 상에서 back 키를 연속으로 두 번 터치하면 앱을 종료시키게 할 수 있습니다.

// 핸들러, 플래그
private Handler mHandler;
private boolean mFlag = false;

// 핸들러 객체 설정 (onCreate() 메소드 안에 구현!!!)
mHandler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
        if(msg.what == 0) {
            mFlag = false;
        }
    }
}

public boolean onKeyDown(int keyCode, KeyEvent event) {

    // 백 키를 터치한 경우
    if(keyCode == KeyEvent.KEYCODE_BACK){

        // 이전 페이지를 볼 수 있다면 이전 페이지를 보여줌
        if(webView.canGoBack()){
            webView.goBack();
            return false;
        }

        // 이전 페이지를 볼 수 없다면 백키를 한번 더 터치해서 종료
        else {
            if(!mFlag) {
                Toast.makeText(this, "'뒤로' 버튼을 한번 더 누르시면 종료됩니다.", Toast.LENGTH_SHORT).show();
                mFlag = true;
                mHandler.sendEmptyMessageDelayed(0, 2000); // 2초 내로 터치시
                return false;
            } else {
                finish();
            }
        }
    }

    return super.onKeyDown(keyCode, event);
}

추천 목록

번호	제목
2,645	php set time limit 함수 - 타임아웃 설정
2,644	Setting .htaccess to allow PHP to be accessed with .xml extension
2,643	jQuery API: Manipulation, Events, Effects, Internals, Utilities
2,642	다운로드 횟수 제한 스크립트
2,641	자바스크립트 타이머 - setTimeout, setInterval, clearInterval 함수
2,640	jQuery AJAX 로그인 구현
2,639	PHP 세션 로그인 구현
2,638	PHP 쿠키 로그인 구현
2,637	jQuery에서 json 변수 사용(활용)법
2,636	AJAX 반복처리 및 설명 예제
2,635	[Android] Intent 활용 예시
2,634	[php] 배열을 임의의 순서로 섞는 shuffle 함수
2,633	jQuery API - 속성(CSS), 추출
2,632	DIV 영역의 위치 지정하는 방법과 스크롤 - 절대위치(absolute), 상대위치(relative), 고정위치(fixed)
2,631	urlencode(), base64 encode() 함수
2,630	PHP로 IE버전 체크하는 방법(Trident값사용)
2,629	HTML5 관련 유용한 레퍼(참조) 사이트
2,628	[HTML5] Video & Audio
2,627	HTML5 오디오 곡 목록 재생
2,626	HTML5 오디오 404 오류시 다른 파일 재생
2,625	HTML5 오디오 이벤트리스너 onerror
2,624	JavaScript Audio 객체
2,623	HTML5 Audio 2채널 재생
2,622	HTML5 Audio 2채널 재생 + 재생완료 리스너
2,621	HTML5 음악 볼륨 조절
2,620	HTML5 음악 볼륨 조절
2,619	HTML5 오디오 자동재생
2,618	HTML5 오디오 반복 재생
2,617	HTML5 오디오 이벤트리스너
2,616	클릭 한번으로 고유주소(URL) 복사되게 하는 방법