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

Posted 2023-04-15

【中文标题】使用 BottomNav 和 TabMenu 导航后的空白片段

【英文标题】：Blank fragment after navigation with BottomNav and TabMenu

【发布时间】：2019-05-03 22:03:46

【问题描述】：

我正在开发一个 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();

这应该导致例如通过单击底部导航#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”的片段完全相同，但具有不同的命名标签，所以我认为更多的代码不会打扰你。

编辑：我错过了写我所写的“内容”来自哪里。为了第一次尝试并证明片段发生了变化，我将“Ausweis”之类的短语硬编码到连接到我的片段 java 类的 XML 中。

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

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

【问题讨论】：

您在哪里添加内容？

@VadimEksler 我错过了这一点，对此感到抱歉。作为第一次尝试，我将片段的 .xml 文件中的内容硬编码，只是为了证明片段发生了变化。有一个简单的 TextView 显示短语“Ausweis”等。

你是通过点击BottomNav#1还是通过手机btn返回？

@VadimEksler 当我在 BottomNav#2 上时，我通过单击 BottomNav#1 返回。使用原生 Android 后台 btn 会导致应用关闭。

您可以在您的AusweisFragment 的onCreateView 添加登录吗？如果你回去后它会出现？

【参考方案1】：

我的问题的答案是使用不同片段之间的子父关系。通过单击底部导航#1，我正在膨胀一个片段，该片段在其内部膨胀一个新片段。那是关键问题。在我的代码中，我将其作为第二个“正常”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));
...
...

希望这会在某些人遇到嵌套片段的相同问题时有所帮助。