Xamarin Android中Fragment内嵌ViewPager显示空白问题求助

嘿，我来帮你搞定这个ViewPager显示空白的问题！从你给出的代码片段来看，核心的初始化步骤都没完成，咱们一步步补全就能解决啦：

1. 先给Fragment创建对应的布局文件 #

你得先给HomeFeedFragment准备一个axml布局（比如命名为HomeFeedFragmentLayout.axml），里面要包含TabLayout和ViewPager：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Android.Support.Design.Widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"/>

    <Android.Support.V4.View.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

2. 创建ViewPager的适配器类 #

ViewPager必须通过适配器来加载子Fragment，咱们写一个FragmentPagerAdapter的子类：

public class FeedPagerAdapter : Android.Support.V4.App.FragmentPagerAdapter
{
    private readonly List<Android.Support.V4.App.Fragment> _fragmentList = new();
    private readonly List<string> _titleList = new();

    public FeedPagerAdapter(Android.Support.V4.App.FragmentManager fm) : base(fm) { }

    // 添加子Fragment和对应标题的方法
    public void AddTabFragment(Android.Support.V4.App.Fragment fragment, string title)
    {
        _fragmentList.Add(fragment);
        _titleList.Add(title);
    }

    // 返回Fragment总数
    public override int Count => _fragmentList.Count;

    // 返回指定位置的Fragment
    public override Android.Support.V4.App.Fragment GetItem(int position)
    {
        return _fragmentList[position];
    }

    // 返回指定位置的Tab标题
    public override ICharSequence GetPageTitleFormatted(int position)
    {
        return CharSequence.FromString(_titleList[position]);
    }
}

3. 补全HomeFeedFragment的核心逻辑 #

你原来的代码只声明了控件，没有初始化和绑定逻辑，现在补全OnCreateView方法：

public class HomeFeedFragment : Android.Support.V4.App.Fragment 
{ 
    ViewPager viewPager; 
    TabLayout tabLayout; 

    public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
    {
        // 第一步：加载咱们刚才创建的布局
        var rootView = inflater.Inflate(Resource.Layout.HomeFeedFragmentLayout, container, false);
        
        // 第二步：绑定控件
        viewPager = rootView.FindViewById<ViewPager>(Resource.Id.viewPager);
        tabLayout = rootView.FindViewById<TabLayout>(Resource.Id.tabLayout);
        
        // 第三步：初始化适配器并添加子Fragment
        var pagerAdapter = new FeedPagerAdapter(ChildFragmentManager);
        // 这里替换成你自己的子Fragment类
        pagerAdapter.AddTabFragment(new BusinessFragment(), "Business");
        pagerAdapter.AddTabFragment(new ActivityFragment(), "Activity");
        pagerAdapter.AddTabFragment(new PlaceFragment(), "Place");
        pagerAdapter.AddTabFragment(new MoreFragment(), "...");
        
        // 第四步：给ViewPager设置适配器
        viewPager.Adapter = pagerAdapter;
        
        // 第五步：关联TabLayout和ViewPager，实现Tab切换联动
        tabLayout.SetupWithViewPager(viewPager);

        return rootView;
    }
}

4. 最后检查子Fragment的实现 #

确保你添加的子Fragment（比如BusinessFragment）本身没有问题，它们的OnCreateView方法要正确返回自己的布局，比如：

public class BusinessFragment : Android.Support.V4.App.Fragment
{
    public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
    {
        // 加载子Fragment的布局，确保这个布局存在且内容正常
        return inflater.Inflate(Resource.Layout.BusinessFragmentLayout, container, false);
    }
}

关键注意点： #

• 在Fragment内部创建ViewPager适配器时，一定要用ChildFragmentManager，不能用Activity的FragmentManager，否则子Fragment的生命周期会异常，导致空白。
• 确保所有布局文件都正确创建，控件ID和代码里的对应上。

内容的提问来源于stack exchange，提问作者Mohsin Ali Ayub