홈으로 | 무료회원가입 | 아이디/비번찾기
추천음악방송 메인홈 1대1상담
운.영.자.1대1.상담
온라이브 음악방송
음악방송 앱 다운로드
OKTROT(무료음악채널)
뽕짝아가씨(무료음악채널)
아리랑가요(무료음악채널)
전통가요(무료음악채널)
보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
Android webview 개발시 알아둬야 할 것들 [Android]
4년 전
Android에서 WebView란
- TextView, Button과 같은 View 종류의 객체 입니다. 브라우저와 같은 역할을 할 수 있는 View로
   직접 태그들을 삽입해서 보여주기가 가능하고, URL을 연결하여서도 가능한 View입니다.





아래는 개발하면서 힘들었던 부분에 대해서 계속해서 추가해 나갈 생각 입니다.






0. 퍼미션

   웹뷰를 사용하기 위해선 가장 먼저 해놔야 할 것이 퍼미션이다.
   물론 HTML만 data형식으로 웹뷰에 삽입해서 보여줘야 하는 경우는 아니지만..
   웹뷰를 사용하는 이유는 왠만하면 통신을 하기 때문에 인터넷 권한이 필요하다.

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



1. Webview 할당
  
   기존 View들과 마찬가지로 xml에서 작업한 것을 findViewById함수로 불러올 수 있습니다.

   wv = (WebView)findViewById(R.id.ttttWebView);



2. 자바스크립트 가능
  
   웹뷰가 기본적으로 자바스크립트가 안되게 되어 있기 때문에 Settings를 통해 JavaScript를 Enable해줍니다.

   wv.getSettings().setJavaScriptEnabled(true);



3. 줌(Zoom)

   요즘 들어 반응형 웹이 많아서 작은 화면에 맞는 Layout을 보여주는 웹도 많지만 그렇지 않은 홈페이지의 경우
   확대가 엄청 되어서 보인다거나 축소가 엄청되어 보이는 경우가 많습니다.
   기본적으로 Zoom기능이 되지 않아서 아래와 같은 코드가 필요합니다.

   wv.getSettings().setSupportZoom(true);
   wv.getSettings().setBuiltInZoomControls(true);
   wv.getSettings().setDisplayZoomControls(false);  




4. URL 접속

   www.naver.com 같은 URL에 접속하기 위해서는 loadURL함수를 사용합니다.

   wv.loadUrl(url);



5. HTML 출력

   html태그들을 String으로 가지고 있을 경우 loadData(data, mimeType, encoding); 함수를 통해 사용합니다.
  
   String data = "<h5>가나다라마</h5>";  
   wv.loadData(data, "text/html", "UTF-8");



5-1 O.S 버전별 HTML출력방법

   안드로이드의 경우에 이상하게 4.0 미만 버전과 4.0이상 버전의 경우 loadData()함수의 사용방법이 다릅니다.
   위의 방법처럼 'wv.loadData(data, "text/html", "UTF-8");' 방법도 있지만
   wv.loadData(data, "text/html; charset=UTF-8", null); 방법으로도 사용 해야 합니다.

   if (android.os.Build.VERSION.SDK_INT < android.os.Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
       // Android 4.0 미만 버전  
      wv.loadData(data,  "text/html", "UTF-8");
       Log.d("TTTT","Webview load < 4.0");
   }
   else{
      // Android 4.1 이상 버전
       wv.loadData(data,  "text/html; charset=UTF-8", null, null);
       Log.d("TTTT","Webview load >= 4.0");
   }



6. 상대 주소 베이스 주소 설정하기
  
    상대 주소를 처음엔 어떻게 대응할지 몰라서 String을 replace()함수를 이용해서 앞부분에 주소를 삽입했었는데...
    그럴 필요 없이 안드로이드에서 이미 제공합니다.
    아래는 5-1 방법처럼 O.S 버전별로 적용되게 코딩 해본 방법입니다.

   if (android.os.Build.VERSION.SDK_INT < android.os.Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
      // Android 4.0 이하 버전
      wv.loadDataWithBaseURL("http://sungho0459.blog.me/", data,  "text/html", "UTF-8", null);
      Log.d("TTTT","Webview load < 4.0");
   }
   else{
      // Android 4.1 이상 버전
      wv.loadDataWithBaseURL("http://sungho0459.blog.me/", data,  "text/html; charset=UTF-8", null, null);
      Log.d("TTTT","Webview load >= 4.0");
   }  
    


7. 웹뷰 WrapContent로 꽉차게 하기
  
   Webview Fill WrapContents
   웹뷰를 가변 사이즈(WrapContent)로 설정해서 불러올 웹페이지의 전체 사이즈 만큼 길게 하고 싶을 때 사용하는 방법입니다.
   WebViewClient객체를 생성해서 설정해 줍니다. onPageFinished()함수를 오버라이드 해줍니다.

   wv.setWebViewClient(new WebViewClient() {

       @Override
       public void onPageFinished(final WebView view, final String url) {
           super.onPageFinished(view, url);
                
           /*
             * 화면꽉찬 WebView로 바꾸기
             *
             * invalidate를 안해주게 되면
             * webview에 스크롤바만 생기게 되서 화면이 보기 안좋게 되어 버린다.
             * 그러므로 꼭 invalidate를 해줘야 한다.
             */
            wv.invalidate();
        }
    });



8. 링크 클릭시 연결 관리

   링크 클릭시에 클릭한 url을 판단하여 추가적인 액션을 취할 수 있다.
  
   wv.setWebViewClient(new WebViewClient() {

      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
            
         Log.d("TTTT","WebView load url:"+url);
            
          if(url.startsWith("http:"))
         {
             Intent i = new Intent(mContext, ActivityCatchWebView.class);
             i.putExtra("url", url);
             i.putExtra("name", item.getP_Name());
             startActivity(i);
              
             return true;
         }
            
         return super.shouldOverrideUrlLoading(view, url);
      }
   });



9. 컨텐츠 사이즈 맞추기

   웹 주소로 연결된 홈페이지가 PC버전 밖에 존재하지 않아서 모바일에서 보게 될때
   컨텐츠 사이즈가 넘쳐서 확대되 보이는 경우가 존재합니다.
   이럴 때 쓰는 코드가 아래의 코드지만, 최신버전 SDK에서는 지원하지 않는 함수가 되어 버렸습니다.
   일단 땜빵용으로 쓰시라고 올려드립니다 ㅋㅋ;

   wv.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);



9-1. 컨텐츠 사이즈 맞추기 (API 4.4 Kitkat 이상)

   킷켓 이상에서 부터는 LayoutAlhorithm.SINGLE_COLUMN이 지원하지 않는다고 한다.
   그래서 가로 사이즈로 맞추기 위해선 아래의 코드를 사용하면 된다고 하는데 정작 제대로 동작하지 않는 경우가 많다.

   wv.getSettings().setLoadWithOverviewMode(true);




10. 웹뷰의 뒤로가기

   앱 내부에 있는 웹뷰가 아닌 다른 버튼을 클릭시 웹뷰의 히스토리를 거꾸로 가게 만들 수 있다.
   wv.loadUrl() 혹은 클릭으로 인한 이동 등 모든 웹뷰에서 일어난 페이지 이동이 저장되어 있는데 이를 Back시킬 수 있는 함수가 있다.

   wv.goBack();



11-1. 웹뷰의 히스토리를 알 수 있다.

   웹뷰 내부의 페이지 주소가 바뀐 것을 모두 자동으로 저장되고 있다.
  
   WebBackForwardList mWebBackForwardList = mWebView.copyBackForwardList();



11-2. 웹뷰의 히스토리의 인덱스

   웹 뷰를 통해서 이동한 주소의 인덱스 가 현재 몇번째 인지 알 수 있다.

   WebBackForwardList mWebBackForwardList = mWebView.copyBackForwardList();
   mWebBackForwardList.getCurrentIndex();



11-3. 히스토리 인덱스를 이용한 URL 불러오기

   인덱스를 통해서 히스토리 리스트로 부터 URL을 가져 올 수 있다.

   WebBackForwardList mWebBackForwardList = mWebView.copyBackForwardList();
   String historyUrl = mWebBackForwardList.getItemAtIndex(mWebBackForwardList.getCurrentIndex()-1).getUrl();

추천추천 : 352 추천 목록
번호 제목
1,333
 오류난 폴더 강제삭제 방법
1,332
 크롬에서 플래시 항상 허용하도록 설정하기 (레지스트리) reg 파일 만들기
1,331
 GPT 디스크를 MBR 디스크로 변환
1,330
 MBR 디스크를 GPT 디스크로 변환
1,329
 구글 검색을 200% 활용하게 해주는 검색 명령어 총정리
1,328
 [Jquery] jQuery로 우클릭 방지, 드래그 방지, 선택 방지 (IE10, 파이어폭스, 크롬 확인)
1,327
 php 사용자 접속IP, 브라우저정보, os정보, http, https 접속프로토콜 알아오기
1,326
 [PHP] IE 브라우저 접속 검출하기
1,325
 윈도우10 시스템 예약 파티션 확인 및 삭제
1,324
 윈도우10 복구 파티션 삭제 방법
1,323
 윈도우10 부팅지연 검은화면에서 몇분간 머무는 현상 해결방법
1,322
 삼성노트북 바이오스 진입이 불가능한 경우 바이오스 재설치와 NVRAM 초기화
1,321
 익스플로러(IE)의 구글 검색공급자 한글로 변경 방법
1,320
 윈도우 10 기본 앱 삭제 및 복구
1,319
 meta 태그 http-equiv 설정방법과 차이점
1,318
 구글(Google)검색에서 고급연산자를 이용하여 많은 정보를 얻는 방법
1,317
 프로그램 없이 하드디스크 복사 및 백업하기
1,316
 Windows7 업데이트 기록 삭제방법
1,315
 포토샵 psd 파일 연결 레지스트리(registry) 편집
1,314
 윈도 10 최신 업데이트 후 인터넷 속도의 저하가 발생할 때 조치 사항
1,313
 Autotuning level 해제 (윈도우비스타 이상 윈도우)인터넷 속도 빠르게 하는 방법
1,312
 윈도우에서 특정프로세스를 일괄 종료하는법
1,311
 MediaPlayer 클래스 사용법
1,310
 안드로이드에서 audio player 실행하기
1,309
 [Android] MediaPlayer 음악재생기 만들기
목록
추억의가요방
인기절정뽕짝파티
인기트로트모음
지루박디스코메들리
밤무대애창곡
전자올겐경음악
세월따라노래따라
가슴시린트로트
7080추억속으로
CDN 추천곡
종합성인가요방
못잊을옛날노래
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
POP TOP BEST

최신인기가요특집
추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.