홈으로 홈으로 | 무료회원가입 | 아이디/비번찾기 | 즐겨찾기
추천음악방송메인홈1대1상담음악방송청취
뽕짝아가씨(무료음악채널)
okTrot(무료음악채널)
전통가요(무료음악채널)
음악가사 검색
온라이브스토어(앱다운로드)
온라이브(방송등록및청취)
비디오 베스트 50
금영노래방
TJ노래방
유튜브 동영상 다운로드
POP Player
신나는 고스톱
컴퓨터 오목
작은 음악다방
운.영.자.1대1.상담
FAQ\지원.프로그램
Q&A\고.객.지.원

자동러시 웹플레이어신청

보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
Android webview 개발시 알아둬야 할 것들 [Android]
1년 전
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();





---------------------  아래부터는  아직  적용해보지  않은  문제점들  -----------------------------
아래에  있는  리스트  중에서  참고가  될만한  자료가  있는  곳을  아시는  분은  링크  댓글로  달아주시면  이  게시글에  추가하도록  하겠습니다  ^^

1.  기타  폰트,  외부  폰트  적용  방법
2.  로컬  리소스  접근하기
추천추천 : 88 추천 목록
번호 제목
1,315
 포토샵 psd 파일 연결 레지스트리(registry) 편집
1,314
 윈도 10 최신 업데이트 후 인터넷 속도의 저하가 발생할 때 조치 사항
1,313
 Autotuning level 해제 (윈도우비스타 이상 윈도우)인터넷 속도 빠르게 하는 방법
1,312
 윈도우에서 특정프로세스를 일괄 종료하는법
1,311
 MediaPlayer 클래스 사용법
1,310
 안드로이드에서 audio player 실행하기
1,309
 [Android] MediaPlayer 음악재생기 만들기
1,308
 Eclipse와 Android NDK 연동하기
1,307
 Android Sliding Drawer Functionality 안드로이드 슬라이딩 드로우 예제 sample
1,306
 Android Speech To Text
1,305
 Android WebPageLoader with progress-bar
1,304
 Android Text To Speech(TTS)
1,303
 Android Playing Audio from a web url
1,302
 Button height different from background height in Android image design
1,301
 Android Getting Started with Material Design
1,300
 Using toast inside timertask perfect
1,299
 네트워크 상태 [Android]
1,298
 Webview source [Android]
1,297
 공유 Intent [Android]
1,296
 intent uri 모음 [Android]
1,295
 http requestWebViewClient [Android]
1,294
 캐시 삭제
1,293
 캐시 지우기 [Android]
1,292
 바로풀어(수학 문제 질의응답 SNS) 에 사용된 오픈소스 라이브러리 [Android]
1,291
 Webviw [Android]
1,290
 오픈소스 라이브러리 모음 [Android]
 Android webview 개발시 알아둬야 할 것들 [Android]
1,288
 webview 동영상 재생 [Android]
1,287
 [Android] Webview 404 에러 처리
1,286
 [Android] webview ssl 문제
1,285
 [Android] Webview url 숨기기
1,284
 [Android] AlarmManager 일정시간 이벤트 실행
1,283
 안드로이드 오픈소스 끝판
1,282
 android studio DefaultHttpClient, HttpClient import 에러
1,281
 [Android] Webview 메소드
목록
인기절정뽕짝파티
트로트재생목록
인기트로트모음
지루박디스코메들리
밤무대애창곡
전자올겐경음악
종합성인가요방
못잊을옛날노래
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
JP\CN
POP TOP BEST
K.R.노래방

추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
가요1번지(종합)
뮤직하우스
동요\연변\반주\기타
가요축제\트롯1번지
댄스\메들리\리믹스
카페\명상\경음악\기타
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.