Android 는 네 이 티 브 구성 요소 인 WebView 를 사용 하여 웹 페이지 와 데 이 터 를 불 러 오 는 방법

Api 에서 이러한 종류 에 대한 소 개 는 대체적으로 웹 페이지 를 표시 할 수 있 는 보기 입 니 다.예 를 들 어:

webView.loadUrl(http://www.baidu.com/);
결과 보이 기:
这里写图片描述
html 문자열 도 불 러 올 수 있 습 니 다.예 를 들 어:

String str = "<html><body>You scored <b>192</b> points.</body></html>";
webView.loadData(str, "text/html", null);
결과 보이 기:
这里写图片描述
이 구성 요 소 를 통 해 Activity 에 웹 페이지 를 표시 하거나 브 라 우 저 로 이동 하여 웹 페이지 를 표시 할 수 있 습 니 다.위의 예 는 모 바 일 브 라 우 저 로 이동 하여 바 이 두 화면 을 표시 하 는 것 을 보 여 줍 니 다.아래 웹 뷰 의 방법 소개 에서 저 희 는 웹 뷰 의 방법 으로 웹 페이지 가 현재 Activity 에 표시 되 는 것 을 제한 할 것 입 니 다.
다음은 웹 뷰 의 사용 을 stepBystep 에서 보 여 드 리 겠 습 니 다.
1.웹 페이지 불 러 오기
1.WebView 는 웹 페이지 를 표시 하 는 데 사 용 됩 니 다.네트워크 권한 을 추가 해 야 합 니 다.

<uses-permission android:name="android.permission.INTERNET"/>
2.XML 레이아웃 에 WebView 탭 을 추가 하고 Activity 에서 예화

<WebView
android:id="@+id/main_webview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
webView = (WebView) findViewById(R.id.main_webview);
3.그 후에 우 리 는 WebView 의 loadUrl 방법 으로 웹 페이지 를 불 러 올 수 있 습 니 다.

webView.loadUrl(http://www.baidu.com/);
4.그러나 이렇게 불 러 온 웹 페이지 는 모 바 일 브 라 우 저 로 이동 합 니 다.웹 페이지 가 현재 Activity 에 표시 되 는 것 을 어떻게 제한 하 는 지 브 라 우 저 모드 를 false 로 설정 해 야 합 니 다.
코드 추가:

webView = (WebView) findViewById(R.id.main_webview);
//   WebView    
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;//   false
}
});
webView.loadUrl("http://www.baidu.com/");

표시 되 는 효과:
这里写图片描述
이렇게 간단하게 웹 페이지 를 불 러 왔 습 니 다.
WebView 는 또한 추상 적 인 웹 설정 을 제공 하여 웹 페이지 의 기본 내용 을 설정 하고 실례 화 된 방식 으로 WebView 대상 의 get 방법 을 통 해 얻 을 수 있 습 니 다.

WebSettings webSettings = webView.getSettings();
이 종 류 를 통 해 웹 뷰 가 웹 페이지 의 일련의 속성 을 표시 하도록 설정 할 수 있 습 니 다.
속성 이 효력 이 있 는 지 확인 하기 위해 서 저 는 특별히 WebView 에 표 시 된 웹 페이지 를 바 꾸 었 습 니 다.저희 회사 의 인터넷 주소 로 바 꾸 었 습 니 다.먼저 일련의 속성 을 설정 하지 않 았 을 때 표 시 된 웹 페이지 스타일 을 살 펴 보면 화면 이 핸드폰 화면 에 어 울 리 지 않 고 매우 나 쁜 사용자 체험 을 볼 수 있 습 니 다.
这里写图片描述
그 후에 저 는 WebSettings 류 를 통 해 웹 페이지 의 일련의 속성 을 설정 하 였 습 니 다.

WebSettings webSettings = webView.getSettings();
//  WebView    javaScript
webSettings.setJavaScriptEnabled(true);
//  JavaScript      windows
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
//     
webSettings.setAppCacheEnabled(true);
//       ,       
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
//       
// webSettings.setAppCachePath("");
//     (       )
webSettings.setSupportZoom(true);
//            
webSettings.setUseWideViewPort(true);
//         ,       
//     NARROW_COLUMNS
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
//             
webSettings.setDisplayZoomControls(true);
//         
webSettings.setDefaultFontSize(12);
설정 이 완료 되면 실행 효 과 를 확인 합 니 다:
这里写图片描述
모든 코드:
목록 파일:가장 중요 한 것 은 네트워크 권한 추가 하 는 것 을 잊 지 마 세 요.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.wu.webviewdemo">
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
레이아웃 파일

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#000"
android:gravity="center"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="  WebView"
android:textAllCaps="false"
android:textColor="#fff" />
<WebView
android:id="@+id/main_webview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
Activity

package com.wu.webviewdemo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.main_webview);
//   WebView    
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;//   false
}
});
WebSettings webSettings = webView.getSettings();
//  WebView    javaScript
webSettings.setJavaScriptEnabled(true);
//  JavaScript      windows
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
//     
webSettings.setAppCacheEnabled(true);
//       ,       
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
//       
// webSettings.setAppCachePath("");
//     (       )
webSettings.setSupportZoom(true);
//            
webSettings.setUseWideViewPort(true);
//         ,       
//     NARROW_COLUMNS
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
//             
webSettings.setDisplayZoomControls(true);
//         
webSettings.setDefaultFontSize(12);
webView.loadUrl("http://www.lanou3g.com/");
}
}
2.html 문자열 불 러 오기
일부 안 드 로 이 드 개발 에서 이러한 상황 을 만 날 수 있 습 니 다.상세 한 페이지 를 표시 하 는 것 은 간단 한 문자 도 아니 고 간단 한 웹 페이지 도 아니 라 인 터 페 이 스 를 통 해 html 로 작 성 된 데 이 터 를 제공 합 니 다.이런 데 이 터 를 만나면 우 리 는 보통 WebView 를 통 해 불 러 옵 니 다.이것 은 WebView 의 다른 방법 을 사용 합 니 다.

public void loadData(String data, String mimeType, String encoding)
1.먼저 html 의 string 이 어떤 지 살 펴 보 자.설득력 을 강화 하고 실제 와 부합 하기 위해 자신 이 문자열(예 를 들 어 첫 번 째 사례)을 만 들 지 않 고 왕 이 뉴스의 내용(곽 씨 와 그의 제자 들 의 뉴스,본인 은 곽 선생님 의 만담 을 즐겨 듣는다.술 을 마시고 머리 를 데 었 기 때문이다)

private String body = "<p>  <b>      9 7   </b>( /  )" +
"     ,                    ,           ,     ," +
"                 ,        ,            。" +
"  ,           “        ”。                    ," +
"                       ,      。</p><p>  <b>       :" +
"</b></p><p>  2006          ,2009 6 13               。" +
"     、 、       ,        。2010                    ," +
"              。2014 9 ,       ,       。          ," +
"         。      ,2016 6         ,           ," +
"          。        ,         ,      。 Q     ," +
"     “  ”,        ,     ,  “    ”         。" +
"  Q         、    。Q         ,        。" +
"           ,    、    !          !  Q     !</p>";
2.기본 문자 인 코딩 을 설정 합 니 다.Android 에 서 는 UTF-8 을 보편적으로 사용 합 니 다.

WebSettings webSettings = webView.getSettings();
webSettings.setDefaultTextEncodingName("UTF-8");
3.이후 WebView 의 loadData 방법 을 호출 합 니 다.

webView.loadData(body, "text/html; charset=UTF-8", null);
다음 과 같은 효과 보이 기:
这里写图片描述
다음은 모든 코드 입 니 다.레이아웃 은 계속 사용 합 니 다(1.웹 페이지 불 러 오기).코드 부분 도 크게 변경 되 지 않 았 습 니 다.구체 적 으로 다음 과 같 습 니 다.

package com.wu.webviewdemo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
private WebView webView;
private String body = "<p>  <b>      9 7   </b>( /  )" +
"     ,                    ,           ,     ," +
"                 ,        ,            。" +
"  ,           “        ”。                    ," +
"                       ,      。</p><p>  <b>       :" +
"</b></p><p>  2006          ,2009 6 13               。" +
"     、 、       ,        。2010                    ," +
"              。2014 9 ,       ,       。          ," +
"         。      ,2016 6         ,           ," +
"          。        ,         ,      。 Q     ," +
"     “  ”,        ,     ,  “    ”         。" +
"  Q         、    。Q         ,        。" +
"           ,    、    !          !  Q     !</p>";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.main_webview);
WebSettings webSettings = webView.getSettings();
webSettings.setDefaultTextEncodingName("UTF-8");
webView.loadData(body, "text/html; charset=UTF-8", null);
}
}
위 에서 말 한 것 은 소 편 이 소개 한 안 드 로 이 드 가 네 이 티 브 구성 요소 인 WebView 를 사용 하여 웹 페이지 와 데 이 터 를 불 러 오 는 방법 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기