ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 안드로이드개발 웹뷰 만들기
    안드로이드시작부터웹뷰까지 2014. 10. 14. 21:23

    자 이제 준비는 끝났으니 본격적으로 웹뷰를 만들어 봅세다


    1) 웹뷰만들기

    1-1. AndroidManifest.xml 에 인터넷 사용권한 넣기

    1-2. 그림처럼 1,2 순서대로 클릭 후 3번 자리에 권한 넣기

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

    1-3. activity_main.xml 에 웹뷰 그리기


    1-3-1. 위처럼 소스를 직접 입력하거나 아래처럼 직접 드래그해서 넣으면됨( 소스에서는 기본으로 있던 TextView 는 삭제했습니다. )

        <WebView

            android:id="@+id/WebView1"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_alignParentLeft="true"

            android:layout_alignParentTop="true" />

    1-4. 이제 MainActivity.java 파일에 웹뷰를 불러오기위한 소스를 입력합니다.


    import android.webkit.WebView;

    import android.webkit.WebViewClient;

    private WebView mWebView;    // 웹뷰 선언

       @Override

        public void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);

            setContentView(R.layout.activity_main);

            

            mWebView = (WebView) findViewById(R.id.WebView1);

            mWebView.getSettings().setJavaScriptEnabled(true);      // 웹뷰에서 자바 스크립트 사용

            mWebView.loadUrl( "http://wishroom.kr/" );            // 웹뷰에서 불러올 URL 입력

            mWebView.setWebViewClient(new WishWebViewClient());

        }

    1-5. 웹뷰를 동작하기 위한 소스작업

        @Override

        public boolean onKeyDown(int keyCode, KeyEvent event) {

        if((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()){

        mWebView.goBack();

        return true;    

        }

            return super.onKeyDown(keyCode, event);

        }


        private class WishWebViewClient extends WebViewClient{

        @Override

        public boolean shouldOverrideUrlLoading(WebView view, String url){

        view.loadUrl(url);

        return true;

        }

        }

    1-6. 이제 수정된 파일들을 모두 저장하고 플래이버튼 클릭!!!

    1-7. 웹뷰에 내가 입력한 웹페이지 주소가 똭!! 


    1-8. 그런데 한글이.....   이제 웹뷰에 한글이 나오도록 설정하러 가야겠네요




    참고 : http://blog.daum.net/seongmin7702/6  

       http://blog.naver.com/injadark?Redirect=Log&logNo=50152945417

    작업시 위 블로그를 참고하였습니다.


    댓글

Designed by Tistory.