在 TabLayout 中使用多个 webview 处理内存问题的逻辑答案

【问题标题】：Logic to use multiple webview in TabLayout to handle memory issue在 TabLayout 中使用多个 webview 处理内存问题的逻辑
【发布时间】：2016-04-05 15:28:51
【问题描述】：

我在 Tablayout 中有近 30 个 webview。一切正常，但我的应用程序消耗了大量内存，并且由于内存问题而关闭。这是我在日志中得到的

04-05 21:00:09.458 19720-19801/com.example.choman.webview A/chromium: [FATAL:memory.cc(19)] Out of memory. size=16777216

这是我的 java 文件。基本上所有剩余的 29 个片段都包含相同的代码，只是 url 发生了变化。我不确定如何处理。

public class stackOverflow extends Fragment {


    private WebView webView;
    private ProgressBar progressBar1;
    private SwipeRefreshLayout mSwipeRefreshLayout1;




    public stackOverflow() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment


        return inflater.inflate(R.layout.fragment_tab1, container, false);


    }



    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {


        progressBar1 = (ProgressBar) view.findViewById(R.id.progressBar1);

        webView = (WebView) view.findViewById(R.id.website_detail_1);

        webView.setWebViewClient(new MyAppWebViewClient());
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setDomStorageEnabled(true);

        webView.loadUrl("http://www.stackoverflow.com");


        WebSettings webSettings = webView.getSettings();

        webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
        webView.getSettings().setAppCacheEnabled(true);
        webSettings.setDomStorageEnabled(true);

        webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);


        mSwipeRefreshLayout1 = (SwipeRefreshLayout) view.findViewById(R.id.swipe1);
        mSwipeRefreshLayout1.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                webView.loadUrl("http://www.stackoverflow.com");
            }
        });

        if (mSwipeRefreshLayout1.isRefreshing()) {
            mSwipeRefreshLayout1.setRefreshing(false);
        }


        webView.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {
                    webView.goBack();
                    return true;
                }

                return false;
            }
        });

    }

    public class MyAppWebViewClient extends WebViewClient {

        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            //view.findViewById(R.id.progressBar1).setVisibility(View.GONE);
            Log.i("pageFinished", "yesss");
            //progressBar.setVisibility(View.INVISIBLE);
            progressBar1.setVisibility(View.GONE);


            if (mSwipeRefreshLayout1.isRefreshing()) {
                mSwipeRefreshLayout1.setRefreshing(false);
            }


        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);
        }


        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }


    }
}

主要活动

public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {
    public WebView view;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);


        TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);


        tabLayout.addTab(tabLayout.newTab().setText("WebView1").setTag("WebView1"));
//all the way down to .....
tabLayout.addTab(tabLayout.newTab().setText("WebView30").setTag("WebView30"));        

        final ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
        viewPager.setOffscreenPageLimit(6);


        final PagerAdapter adapter = new TabPagerAdapter(getSupportFragmentManager(), tabLayout
                .getTabCount());
        viewPager.setAdapter(adapter);

        viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(
                tabLayout));
        tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                viewPager.setCurrentItem(tab.getPosition());
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });


        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawer.setDrawerListener(toggle);
        toggle.syncState();

        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);

    }

    @Override
    public void onBackPressed() {
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        //    int id = item.getItemId();

//        //noinspection SimplifiableIfStatement
//        if (id == R.id.action_settings) {
//            return true;
//        }

        return super.onOptionsItemSelected(item);
    }

    @SuppressWarnings("StatementWithEmptyBody")
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {

        ViewPager viewPager = (ViewPager) findViewById(R.id.pager);

        // Handle navigation view item clicks here.
        int id = item.getItemId();

        if (id == R.id.WebView1) {

            viewPager.setCurrentItem(0);

//all the way down to..30

 if (id == R.id.WebView30) {

            viewPager.setCurrentItem(30);






        }

        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        return true;
    }
}

这是 TabPagerAdapter 的代码

public class TabPagerAdapter extends FragmentStatePagerAdapter
{

    int tabCount;


    public TabPagerAdapter(FragmentManager fm, int numberOfTabs)
    {
        super(fm);
        this.tabCount = numberOfTabs;

    }


    @Override
    public Fragment getItem(int position)
    {
        switch (position)
        {
            case 0:
//
                WebViewFragment1 tab1 = new WebViewFragment1();
                return tab1;

   //all the way to tab 29

    webViewFragment30 tab30 = new WebViewFragment30();
return tab30



            default:
                return null;

        }

    }

    @Override
    public int getCount()
    {
        return tabCount;
    }
}

【问题讨论】：

你能把初始化ViewPager的代码贴出来吗？
更新了视图寻呼机

标签： android android-fragments webview

【解决方案1】：

使用ViewPager。 ViewPager 将随时在内存中最多保存 3 个片段（不更改默认的离屏页面限制）。这3个片段是当前可见片段，当前片段的左侧和右侧片段。

如果你想要标签，你可以创建一个看起来像系统标签的自定义视图并将其添加到 ViewPager 上方。使用PageTransformer 和ViewPager 跟踪ViewPager 滑动并相应地滚动自定义选项卡。然后听 Tabs 的点击，并根据按下的 Tab 滚动ViewPager。

更新：

我完全忘记了我们可以附加 TabLayout 和 ViewPager 而不是创建自定义选项卡。

tabLayout.setUpWithViewPager(viewpager) 可以工作。

感谢@choman

【讨论】：

感谢您的建议，但 tablayout 或 viewpager 没有占用更多内存。
我正在使用带有 tablayout 的视图寻呼机
是的，忘了我们可以用 ViewPager 附加 TabLayout。

【解决方案2】：

viewPager.setOffscreenPageLimit(6); 此行导致问题。这一行告诉视图寻呼机在内存中保留 (6+6+1 = 13) 个页面，这在您的情况下应该是昂贵的，因为每个页面都有 6.5 Mb 的内容。您需要将其更改为 viewPager.setOffscreenPageLimit(1) 以修复 OutOfMemory 问题。

【讨论】：

是的，先生，我尝试过不设置页数限制，但这不是我想要的。我对性能或提供用户友好体验有两种看法，因为我不希望网页在用户通过删除页面限制从选项卡滑动到选项卡时重新加载。
如果你不希望网页每次都重新加载，那么你需要在 WebView 中实现缓存。在内存中保留多个 webview 并不是一个好的解决方案。

【解决方案3】：

引用您的评论，“我在应用程序中仅使用单个 webview，但我的网页大小为 6.5MB。所以这是应用程序崩溃的主要原因”。

如果您的网页大小为 6.5MB，我的预感是因为一些大尺寸的高质量图片。如果是这种情况，您应该考虑通过缩小/下采样图像来减小图像的大小。在服务器端缩小图像比在下载后在移动端进行缩小效果要好得多（浪费带宽、CPU、电池）。

【讨论】：

【解决方案4】：

您可以使用 android:largeHeap="true" 请求更大的堆大小，但这不适用于任何预 Honeycomb 设备。在 2.3 之前的设备上，您可以使用 VMRuntime 类，但这不适用于 Gingerbread 及更高版本。

这是因为您的应用程序需要更多空间来运行。我认为它将帮助您解决当前的问题。 --如何使用--

<application
        ....
        android:largeHeap="true" >

谢谢

【讨论】：

我试过了，但它不适用于大尺寸图像。
我已经从我的网址中删除了大尺寸图片，否则我会在这里发布。

【解决方案5】：

WebView 是一个很重的组件。

我建议将您的应用程序更改为使用单个 webview 并更改其中的 url 而不是使用多个 webview。

【讨论】：

我在应用程序中仅使用单个 webview，但我的网页大小为 6.5MB。所以这是应用崩溃的主要原因