技术问题：如何在可滚动标签（Scrollable Tabs）中添加WebView？

嘿，我来帮你搞定在Scrollable Tabs里集成WebView的事儿！从你贴的代码片段来看，你已经搭好了带TabLayout和ViewPager的基础框架，接下来只需要几个关键步骤就能把WebView无缝嵌到每个标签页里。

1. 创建可复用的WebView Fragment #

先做一个专门承载WebView的Fragment，这样每个标签页都能复用这个组件，还能方便地给不同标签传递不同的URL。

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class WebViewFragment extends Fragment {
    private static final String ARG_URL = "url";
    private String mUrl;
    private WebView mWebView;

    // 静态方法创建Fragment并传入URL参数
    public static WebViewFragment newInstance(String url) {
        WebViewFragment fragment = new WebViewFragment();
        Bundle args = new Bundle();
        args.putString(ARG_URL, url);
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mUrl = getArguments().getString(ARG_URL);
        }
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_webview, container, false);
        mWebView = view.findViewById(R.id.webview);
        
        // 配置WebView基础设置
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true); // 按需开启JS功能
        webSettings.setDomStorageEnabled(true);
        
        // 设置WebViewClient，避免跳转系统浏览器
        mWebView.setWebViewClient(new WebViewClient());
        
        // 加载目标URL
        if (mUrl != null) {
            mWebView.loadUrl(mUrl);
        }
        return view;
    }

    // 处理Fragment生命周期，避免WebView内存泄漏
    @Override
    public void onPause() {
        super.onPause();
        mWebView.onPause();
    }

    @Override
    public void onResume() {
        super.onResume();
        mWebView.onResume();
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        mWebView.destroy();
    }
}

对应的布局文件fragment_webview.xml：

<?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">

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

2. 修改PagerAdapter，返回WebView Fragment #

调整你MainActivity里的FragmentPagerAdapter，让它为每个标签页返回刚才创建的WebViewFragment，同时传入对应标签的URL：

// 在你的MainActivity中修改PagerAdapter
private class SectionsPagerAdapter extends FragmentPagerAdapter {
    // 自定义标签标题和对应URL数组，按需修改
    private final String[] tabTitles = {"首页", "资讯", "我的"};
    private final String[] tabUrls = {
        "https://example.com",
        "https://example.com/news",
        "https://example.com/profile"
    };

    public SectionsPagerAdapter(FragmentManager fm) {
        super(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT);
    }

    @Override
    public Fragment getItem(int position) {
        // 返回对应位置的WebViewFragment并传入URL
        return WebViewFragment.newInstance(tabUrls[position]);
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return tabTitles[position];
    }

    @Override
    public int getCount() {
        return tabTitles.length;
    }
}

3. 配置TabLayout为滚动模式 #

确保TabLayout支持滚动，有两种方式：

方式1：XML布局设置 #

在TabLayout标签中添加属性：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="scrollable" /> <!-- 关键属性，开启滚动模式 -->

方式2：代码动态设置 #

在MainActivity的onCreate方法中添加：

TabLayout tabLayout = findViewById(R.id.tabs);
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);

最后检查关联逻辑 #

确认ViewPager和TabLayout已正确关联，通常在MainActivity的onCreate中会有类似代码：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    
    Toolbar toolbar = findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    
    SectionsPagerAdapter sectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
    ViewPager viewPager = findViewById(R.id.view_pager);
    viewPager.setAdapter(sectionsPagerAdapter);
    
    TabLayout tabLayout = findViewById(R.id.tabs);
    tabLayout.setupWithViewPager(viewPager);
    tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); // 确保滚动模式生效
    
    // 你的其他代码...
}

别忘了给APP添加网络权限，在AndroidManifest.xml中加入：

<uses-permission android:name="android.permission.INTERNET" />

这样每个滚动标签页就会加载对应的Web页面了！

内容的提问来源于stack exchange，提问作者nikhil arora