AndroidでWebViewをScrollViewで囲むと無限に高さが増え続ける

レスポンシブデザインで作りが悪いサイトだと発生するかも。
ハック的な対処法なのでできたらウェブサイトを修正してください。

環境:nexus7 Ver4.1.2





画面レイアウト activity_main.xml



<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="jp.co.sample.MainActivity"
    android:orientation="vertical">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/scrollview">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            
         <WebView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:id="@+id/webview" />
             
        </LinearLayout>
    </ScrollView>

</FrameLayout>


上記レイアウトでwebを読み込むとなぜかスクロール範囲が無限に広がりつけてしまう。
原因が全くわからないがWebViewのheightが増え続けている模様。



不具合対応済みのサンプルソース



public class MainActivity extends AppCompatActivity  {


    ScrollView scrollView;
    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        scrollView = (ScrollView) findViewById(R.id.scrollview);

        webView = (WebView) findViewById(R.id.webview);
        // WebViewClientの設定
        webView.setWebViewClient(new WebViewClient() {

            @TargetApi(Build.VERSION_CODES.N)
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {

                return false;
            }

            // 新しいURLが指定されたときの処理を定義
            @SuppressWarnings("deprecation")
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // WebView内に読み込み結果を表示する場合
                return false;
            }

            // ページ読み込み開始時の処理
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                Toast.makeText(MainActivity.this, "読み込み開始", Toast.LENGTH_SHORT).show();
                // ここが重要!!
                webView.setLayoutParams(new LinearLayout.LayoutParams(
                        LinearLayout.LayoutParams.MATCH_PARENT,
                        LinearLayout.LayoutParams.MATCH_PARENT));
                        
            }

            // ページ読み込み完了時の処理
            @Override
            public void onPageFinished(WebView view, String url) {
                Toast.makeText(MainActivity.this, "読み込み完了", Toast.LENGTH_SHORT).show();

                // ここが重要!!
                webView.setLayoutParams(new LinearLayout.LayoutParams(
                        LinearLayout.LayoutParams.MATCH_PARENT,
                        view.getHeight()));
                        
            }

            // ページ読み込みエラー時の処理
            @SuppressWarnings("deprecation")
            @Override
            public void onReceivedError(WebView view, int errorCode, String description, String url) {
                Toast.makeText(MainActivity.this, "通信エラー", Toast.LENGTH_SHORT).show();
            }
        });

  // レスポンシブデザインされたサイト
        webView.loadUrl("https://www.google.co.jp/");

        // js許可
        webView.getSettings().setJavaScriptEnabled(true);

    }

}


android:layout_height="match_parent" だと高さがどんどん増えていくのでウェブ画面の読み込みが終わったタイミングで高さを固定にしています。
画面遷移したあとそのままだと高さがそのままになってしまうので読み込み開始時にandroid:layout_height="match_parent"を指定して、高さを再調整するようにします。


対処療法的でいい方法とも言えないけど一応解決できるはず
ここまで書き終わって気づいたけど画面が可変のサイトは使えないなー...

2016年12月14日水曜日