使用 BottomNav 和 TabMenu 导航后的空白片段

Question

我正在开发一个 Android 应用程序，它的导航结构有点令人困惑，这导致我遇到了问题。有两种方法可以浏览应用程序。第一个是 BottomNav，第二个是 TabMenu。我考虑过使用相互替换的片段，所以我想出了以下结构：

1. BottomNav#1
  - TabMenu#1
  - Tabmenu#2
  - TabMenu#3
  - ...
2. BottomNav#2
  - TabMenu#4
  - Tabmenu#5
  - TabMenu#6
  - ...
... and so on.

我面临的问题是，当我从 BottomNav#1 导航到 BottomNav#2 并再次返回时，出现一个空白屏幕，不显示实际片段的内容：

When I open the app

After clicking on BottomNav#2 and then back to BottomNav#1 the fragment seems to be blank

我的猜测是我的 fragmentTransaction.replace(); 不知何故有问题；因为看起来片段没有再次加载？我对此有点陌生，真的试图在网上找到答案，但这有点具体，为什么我想我什么也没找到。

这是我的 MainActivity：

package com.example.XXXX;

import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.view.MenuItem;
import android.widget.FrameLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

private FrameLayout mMainFrame;

private AusweisFragment ausweisFragment;
private SpendenFragment spendenFragment;

@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ausweisFragment = new AusweisFragment();
    spendenFragment = new SpendenFragment();
    BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
    navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);

}

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
        = new BottomNavigationView.OnNavigationItemSelectedListener()
{

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item)
    {
        switch (item.getItemId())
        {
            case R.id.navigation_ausweis:

                setFragment(ausweisFragment);
                return true;
            case R.id.navigation_spenden:

                setFragment(spendenFragment);
                return true;
        }
        return false;
    }
};

private void setFragment(Fragment fragment)
{
    FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
    fragmentTransaction.replace(R.id.main_frame, fragment);
    fragmentTransaction.addToBackStack(null);
    fragmentTransaction.commit();

}

}

这应该导致例如通过单击 BottomNav#1（切换大小写）调用名为 "ausweis" 的片段：

package com.example.XXXXXXX;



import android.app.Activity;
import android.os.Bundle;
import android.support.design.widget.TabItem;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


public class AusweisFragment extends Fragment {


private View rootView;
private AusweisPageAdapter ausweisPageAdapter;
private TabLayout tabLayout;
private ViewPager viewPager;

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

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState)
{
    rootView= inflater.inflate(R.layout.fragment_ausweis, container, false);
    tabLayout = rootView.findViewById(R.id.tablayoutAusweis);                            
    viewPager = rootView.findViewById(R.id.viewPagerAusweis);                            
    ausweisPageAdapter = new AusweisPageAdapter(getActivity().getSupportFragmentManager(), tabLayout.getTabCount());
    viewPager.setAdapter(ausweisPageAdapter);                                             
    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));


    tabLayout.addOnTabSelectedListener(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) {

        }
    });
    return rootView;
}

}

之后，我想调用另一个片段 "spenden"，它与片段 "ausweis" 完全相同，但具有不同的命名选项卡，所以我认为它不会打扰你更多代码。

编辑： 我想念我写的 "content" 的来源。为了第一次尝试并证明片段发生了变化，我将 "Ausweis" 之类的短语硬编码到 XML 中，该 XML 与我的片段 java class.

相关联

也许你们中有人对这个问题有想法。我认为这与我在其中一个片段中的 onCreateView 有关，但我没有任何线索。

希望我没有错过一个重要的细节。我非常感谢任何形式的帮助。非常感谢。

Answer 1

我的问题的答案是在不同片段之间使用父子关系。通过单击 BottomNav#1，我正在膨胀一个片段，该片段会在其内部膨胀一个新片段。这是关键问题。在我的代码中，我将其作为第二个处理 "normal" getFragmentManager();.

答案是使用getChildFragmentManager()；代替嵌套片段。像这样：

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState)
{

    rootView= inflater.inflate(R.layout.fragment_ausweis, container, false);
    tabLayout1 = rootView.findViewById(R.id.tablayoutAusweis);                           
    viewPager = rootView.findViewById(R.id.viewPagerAusweis);                           
    ausweisPageAdapter = new AusweisPageAdapter(getChildFragmentManager(), tabLayout1.getTabCount());
    viewPager.setAdapter(ausweisPageAdapter);                                            
    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout1));
...
...

希望这对遇到嵌套片段相同问题的人有所帮助。

使用 BottomNav 和 TabMenu 导航后的空白片段

Blank fragment after navigation with BottomNav and TabMenu

android

android-fragments

tabmenu