Androidは、ウェブページとデータを元のコンポーネントWebViewでロードする方法です。
Appではこのような紹介について大体ウェブページが表示されます。
いくつかのhtml文字列を読み込むこともできます。
このコンポーネントであなたのActivityにウェブページを表示するか、ブラウザにジャンプしてウェブページを表示することができます。上の例は携帯のブラウザにジャンプしてバイドゥの画面を表示します。下のWebViewの方法紹介では、WebViewの方法で現在のActivityにウェブを制限します。
STepBystepのプレゼンテーションを行います。WebViewの使い方を紹介します。
一、ホームページを読み込む
1.WebViewはウェブページを表示するために使われています。いつも注意してください。私たちはネットの権限を追加する必要があります。
コードの追加は以下の通りです。
このように簡単にページをロードしました。
WebViewはまた、表示されたウェブページのいくつかの基本的な内容を設定する抽象的な種類のWebSettingsを提供しています。
属性が有効かどうかを確認するために、WebViewで表示されているウェブページを交換しました。当社のウェブサイトに変えました。とりあえず、一連の属性を設定しない時に表示されるウェブページのスタイルを見てみますと、画面が明らかに携帯画面に合わなくて、悪いユーザー体験が分かります。
その後私はWebSettingsを通じてウェブページの一連のプロパティを設定しました。
すべてのコード:
リストファイル:最も重要なのは、ネットワーク権限の追加を忘れないことです。
いくつかのAndroidの開発において、このような状況が発生します。詳細ページは簡単な文字ではなく、簡単なページでもありません。インタフェースを通じて提供してくれます。
以下は全部のコードです。レイアウトは引き続き使用します。コードの部分もあまり変わっていません。具体的には下記の通りです。
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にウェブページを表示するか、ブラウザにジャンプしてウェブページを表示することができます。上の例は携帯のブラウザにジャンプしてバイドゥの画面を表示します。下のWebViewの方法紹介では、WebViewの方法で現在のActivityにウェブを制限します。
STepBystepのプレゼンテーションを行います。WebViewの使い方を紹介します。
一、ホームページを読み込む
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はまた、表示されたウェブページのいくつかの基本的な内容を設定する抽象的な種類のWebSettingsを提供しています。
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/");
}
}
二、html文字列を読み込むいくつかのAndroidの開発において、このような状況が発生します。詳細ページは簡単な文字ではなく、簡単なページでもありません。インタフェースを通じて提供してくれます。
public void loadData(String data, String mimeType, String encoding)
1.まず参照してください。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);
表示効果は以下の通りです。以下は全部のコードです。レイアウトは引き続き使用します。コードの部分もあまり変わっていません。具体的には下記の通りです。
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);
}
}
以上は小编で绍介したAndroidが生のコンポーネントWebViewを使ってホームページとデータをロードする方法です。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。