Android Tabview + Webview

Question

我想在选项卡更改时更改 webview 内容（url 更改）。 但是，我的代码迟到了。当我更改标签时，它会显示最后一个标签的内容。

例如，
应用程序初始化 -> 显示第一个选项卡和第一个选项卡的 web 视图（成功）
单击选项卡 2 -> 显示第二个选项卡，但显示第一个选项卡的网络视图（失败）
单击选项卡 3 -> 显示第三个选项卡但第一个选项卡的 web 视图（失败）
返回选项卡 2 -> 显示第二个选项卡和第二个选项卡的 web 视图（成功）

请帮忙。

MainActivity.java

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        SectionsPagerAdapter sectionsPagerAdapter = new SectionsPagerAdapter(this, getSupportFragmentManager());
        final ViewPager viewPager = findViewById(R.id.view_pager);
        viewPager.setAdapter(sectionsPagerAdapter);
        TabLayout tabs = findViewById(R.id.tabs);
        tabs.setupWithViewPager(viewPager);
        tabs.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {

            }

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

            }

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

            }
        });


    }
}

SectionsPagerAdapter.java

/**
 * A [FragmentPagerAdapter] that returns a fragment corresponding to
 * one of the sections/tabs/pages.
 */
public class SectionsPagerAdapter extends FragmentPagerAdapter {

    @StringRes
    private static final int[] TAB_TITLES = new int[]{R.string.tab_text_1, R.string.tab_text_2, R.string.tab_text_3, R.string.tab_text_4, R.string.tab_text_5, R.string.tab_text_6, R.string.tab_text_7};
    private final Context mContext;

    public SectionsPagerAdapter(Context context, FragmentManager fm) {
        super(fm);
        mContext = context;
    }

    @Override
    public Fragment getItem(int position) {
        // getItem is called to instantiate the fragment for the given page.
        // Return a PlaceholderFragment (defined as a static inner class below).
        return PlaceholderFragment.newInstance(position + 1);

    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return mContext.getResources().getString(TAB_TITLES[position]);
    }

    @Override
    public int getCount() {
        // Show 2 total pages.
        return 7;
    }
}

PlaceholderFragment.java

/**
 * A placeholder fragment containing a simple view.
 */
public class PlaceholderFragment extends Fragment {

    String type;

    private static final String ARG_SECTION_NUMBER = "section_number";

    private PageViewModel pageViewModel;

    public static PlaceholderFragment newInstance(int index) {
        PlaceholderFragment fragment = new PlaceholderFragment();
        Bundle bundle = new Bundle();
        bundle.putInt(ARG_SECTION_NUMBER, index);
        fragment.setArguments(bundle);
        return fragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        pageViewModel = ViewModelProviders.of(this).get(PageViewModel.class);
        int index = 1;
        if (getArguments() != null) {
            index = getArguments().getInt(ARG_SECTION_NUMBER);
        }
        pageViewModel.setIndex(index);
    }


    @Override
    public View onCreateView(
            @NonNull LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View root = inflater.inflate(R.layout.fragment_main, container, false);
        final WebView webView = (WebView)root.findViewById(R.id.webView);
        webView.setWebViewClient( new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url){
                webView.loadUrl(url);
                return true;
            }

        });
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);


        pageViewModel.getText().observe(this, new Observer<String>() {
            @Override
            public void onChanged(@Nullable String s) {
                type = s;
            }
        });

        if(type == null)
        {
            type="1";
        }

        webView.loadUrl("https://my.domain/list.php?type="+type);
        return root;
    }
}

PageViewModel.java

public class PageViewModel extends ViewModel {

    private MutableLiveData<Integer> mIndex = new MutableLiveData<>();
    private LiveData<String> mText = Transformations.map(mIndex, new Function<Integer, String>() {
        @Override
        public String apply(Integer input) {
            return input.toString();
        }
    });

    public void setIndex(int index) {
        mIndex.setValue(index);
    }

    public LiveData<String> getText() {
        return mText;
    }
}

Answer 1

您可以添加一个加载器，直到 web 视图加载到相应的选项卡中。 onPageFinished() 是 webview 加载完成时的回调

web_view.webViewClient = object : WebViewClient() {

    override fun onPageFinished(view: WebView, weburl: String) {
           // Stop loading
     }
}

Answer 2

我的建议是你应该改变

webView.loadUrl("https://my.domain/list.php?type="+type);

到

webView.loadUrl("https://my.domain/list.php?type=" + getArguments().getInt(ARG_SECTION_NUMBER));

看看它是如何工作的。如果它按您的预期工作，我认为您根本不需要PageViewModel.java。

意外行为的根本原因

在PageViewModel中，mIndex的值被PlaceholderFragment中onCreate的以下行更新

pageViewModel.setIndex(index);

它还改变了mText 的值，这可以通过PlaceholderFragment 中的onCreateView 的以下块观察到：

pageViewModel.getText().observe(this, new Observer<String>() {
            @Override
            public void onChanged(@Nullable String s) {
                type = s;
            }
        });

因此，PageViewModel 和 PlaceholderFragment 意外参加了比赛。

ViewPager 尽早创建更多Fragment，如setOffscreenPageLimit 中所写。在PlaceholderFragment 的onCreate 中更新mIndex 的值并不是一个好主意。